kozennnn / scuti-renderer Goto Github PK

View Code? Open in Web Editor NEW

33.0 7.0 6.0 1021 KB

📦 Habbo rendering engine made with HTML5 canvas using PixiJS and TypeScript

Home Page: https://scuti.netlify.app/

HTML 0.16% TypeScript 99.32% CSS 0.10% JavaScript 0.42%

habbo html5 retro canvas holo javascript nodejs pixi renderer typescript

scuti-renderer's Introduction

scuti-renderer's People

Contributors

Stargazers

Watchers

Forkers

dtaylor101 study-game-engines tetreum tacxou wimell marcus-sa

scuti-renderer's Issues

Wired selection filter don't work

The wired selection filter doesn't work anymore due to the implementation of the layering system.

[Feature] Capabilities to destroy & re-render room

Build command not working

D:\projects\scuti-renderer-dev>npm run build

> [email protected] build
> parcel build public/index.html

× Build failed.

@parcel/namer-default: Target "main" declares an output file path of "dist\index.js" which does not match the compiled bundle type "html".

  D:\projects\scuti-renderer-dev\package.json:5:11
    4 |   "description": "",
  > 5 |   "main": "dist/index.js",
  >   |           ^^^^^^^^^^^^^^^ Did you mean "dist\\index.html"?
    6 |   "source": "src/index.ts",
    7 |   "scripts": {

  ℹ Try changing the file extension of "main" in package.json.

If i change it :

D:\projects\scuti-renderer-dev>npm run build

> [email protected] build
> parcel build public/index.html

× Build failed.

@parcel/core: Unexpected output file type .html in target "main"

  D:\projects\scuti-renderer-dev\package.json:5:11
    4 |   "description": "",
  > 5 |   "main": "dist/index.html",
  >   |           ^^^^^^^^^^^^^^^^^ File extension must be .js, .mjs, or .cjs
    6 |   "source": "src/index.ts",
    7 |   "scripts": {

  ℹ The "main" field is meant for libraries. If you meant to output a .html file, either remove the "main" field or choose a different target name.
  ℹ Learn more: https://parceljs.org/features/targets/#library-targets

Parcel disagrees with itself :S

The only way it works is if i simply remove "main" attr from package.json

Mega lag when loading + 78k warnings

Cannot read properties of undefined (reading 'emit')

When running ``npm run start` and loading http://localhost:1234/ i get the following error:

RoomCamera.ts:198 Uncaught TypeError: Cannot read properties of undefined (reading 'emit')
    at HTMLCanvasElement._tilePointerMove (RoomCamera.ts:198:20)

Allow tile clicking while interacting with a furniture

Rework the interactions in order to be able to click the tiles/stairs while we have the cursor on a furniture or an avatar. For example on habbo, when we click on a chair it also click on the tile behind it in order to move the user on the chair.

Cursor appears over avatars

In the netlify demo it works properly, but if you run the project on localhost, it doesn't : s

Tiles behind walls are rendered over them

It can be seen on the Door example at http://localhost:6006/?path=/story/scuti-room--door

Walls not overlapping properly

It can be seen on the Angled Room example http://localhost:6006/?path=/story/scuti-room--angled-room

Reduce tiles footprint

Right now it seems that all tiles have 3 graphics: top, left & right. Even when they are not in a corner:

If we don't render the unnecessary faces, it will improve all mouse related events, as there will be less items to iterate on.

[Bug] Property 'layer' does not exist on type 'RoomObjectLayer'

The current behavior

src/objects/rooms/parts/Cursor.ts(43,43): error TS2551: Property 'layer' does not exist on type 'RoomObjectLayer'.

https://github.com/kozennnn/scuti-renderer/blob/dev/src/objects/rooms/parts/Cursor.ts#LL43C39-L43C39

The expected behavior`

To not break

Cursor should be moved between tiles not recreated each time

To improve performance the cursor object should be shared and moved between tiles rather than creating and destroying it on each hover.

Error when clicking empty spaces/background

RoomCamera.ts:175 Uncaught TypeError: Cannot read properties of undefined (reading 'emit')
    at HTMLCanvasElement._tilePointerDown (RoomCamera.ts:175:81)

RoomCamera.ts:185 Uncaught TypeError: Cannot read properties of undefined (reading 'emit')
    at HTMLCanvasElement._tilePointerUp (RoomCamera.ts:185:81)

[Bug] Avatar gets teleported back to previous position if hovered while moving

Steps To Reproduce

Click a tile
Hover the avatar while it is moving

It doesn't seem to happen if i don't hover the "initial"/starting tile where the avatar was.

The current behavior

ezgif.com-gif-maker.3.mp4

The expected behavior

Shouldn't happen

Resources url shouldn't be hardcoded

Resources url is hardcoded to localhost, leaving no room to actually use the renderer. The url should be customizable:
https://github.com/kozennnn/scuti-renderer/blob/dev/src/Scuti.ts#L92

        Assets.add("room/materials", "http://127.0.0.1:8081/generic/room/room_data.json");
        Assets.add("room/room", "http://127.0.0.1:8081/generic/room/room.json");
        Assets.add("room/cursors", "http://127.0.0.1:8081/generic/tile_cursor/tile_cursor.json");
        Assets.add("furnitures/floor/placeholder", "http://127.0.0.1:8081/generic/place_holder/place_holder_furniture.json");
        Assets.add("furnitures/furnidata", "http://127.0.0.1:8081/gamedata/furnidata.json");
        Assets.add("figures/figuredata", "http://127.0.0.1:8081/gamedata/figuredata.json");
        Assets.add("figures/figuremap", "http://127.0.0.1:8081/gamedata/figuremap.json");
        Assets.add("figures/draworder", "http://127.0.0.1:8081/gamedata/draworder.json");
        Assets.add("figures/actions", "http://127.0.0.1:8081/generic/HabboAvatarActions.json");
        Assets.add("figures/partsets", "http://127.0.0.1:8081/generic/HabboAvatarPartSets.json");
        Assets.add("figures/animations", "http://127.0.0.1:8081/generic/HabboAvatarAnimations.json");

I've used GitHub pages to host the resources at https://psociety.github.io/scuti-resources/ it that helps. At least it would be more accessible than expecting localhost self serving. It should also be done at https://github.com/kozennnn/scuti-resources so it can officially be used.

Double CPU usage when moving the mouse over tiles

Seems like some part of the process is quite expensive as even the game goes slow when moving the mouse.

Tested on:
CPU: i9
RAM: 32GB
GPU: 1080GTX

The RAM usage is also quite high, while other solutions take 500MBs, Scuti takes 1.7GBs

Random error when hovering furniture

It does not alwayss happen, but it happens a lot on moving furnis like doors

HitTexture.ts:93 Uncaught DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The source width is 0.
    at HitTexture._generateHitMap (http://localhost:1234/index.91126d5d.js:34670:35)
    at HitTexture._getHitMap (http://localhost:1234/index.91126d5d.js:34651:48)
    at HitTexture.hit (http://localhost:1234/index.91126d5d.js:34715:29)
    at FurnitureLayer.containsPoint (http://localhost:1234/index.91126d5d.js:34615:125)
    at EventBoundary.hitTestFn (http://localhost:1234/index.91126d5d.js:16363:63)
    at EventBoundary.hitTestRecursive (http://localhost:1234/index.91126d5d.js:16345:28)
    at EventBoundary.hitTestRecursive (http://localhost:1234/index.91126d5d.js:16337:40)
    at EventBoundary.hitTestRecursive (http://localhost:1234/index.91126d5d.js:16337:40)
    at EventBoundary.hitTestRecursive (http://localhost:1234/index.91126d5d.js:16337:40)
    at EventBoundary.hitTestRecursive (http://localhost:1234/index.91126d5d.js:16337:40)

kozennnn / scuti-renderer Goto Github PK

scuti-renderer's Introduction

scuti-renderer's People

Contributors

Stargazers

Watchers

Forkers

scuti-renderer's Issues

The current behavior

The expected behavior`

Steps To Reproduce

The current behavior

The expected behavior

Recommend Projects

Recommend Topics

Recommend Org