bjeaurn/gine

Typescript based game engine.

Hi 👋 My name is Bjorn

Senior Engineer / Frontend Architect / Trainer & Speaker

Coding for at least 15 years. Enjoy working with Angular, RxJS, TypeScript, Nx, NestJS, and so on. Interested in almost anything tech related. Made a few games for game jams. Streams over at https://twitch.tv/Bjeaurn

• 🌍 I'm based in The Netherlands
• 🚀 I'm currently working on Teamgrid
• 🧠 I'm learning Astro, AnalogJS, Deno, Deno Fresh and Rust.
• 🤝 I'm open to collaborating on anything Angular related!

Skills

Socials

Badges

My GitHub Stats

gine's Issues

SpriteAsset doesn't calculate SourceXY values on init

Values are undefned until either draw() or calculatePerIndex() is called at least once.

imageSmoothingEnabled is defaulted to true, but might mess up some drawing with sprites

Gine.handle.handle.imageSmoothingEnabled = false

UI options are very limited

Very difficult and complicated to implement things like buttons, text like in DIV's.

Maybe take a look at https://www.createjs.com/docs/easeljs/classes/ButtonHelper.html to see what they do here. See if we can implement something similar, or explore ways to use the regular DOM within canvas?

Feature Request - Add ignore of WebStorm IDE config folder

I would like to add the .idea dir to the .gitignore file so the project level config files generated when using WebStorm do not end up as part of the changed files list for git.

Math2D Library is quite limited still

Math2D offers some basic functionality now for calculating in a 2D space.

Most functions now like degreesToXY and degreesToRadians would need a function to convert back, so XYtoDegrees and radiansToDegrees as well in the very least. And I'm sure there's plenty more functions to be thought off that are useful in a 2D environment.

SpriteAssets are limited in functionality

Possible extended solution would allow a map of "positions" in a sprite. This way you can tell the sprite to draw/animate it in "idle" mode, or in "moving" mode, or "attack-1" etcetera.

This is currently not possible within the SpriteAsset architecture.

SpriteAsset not setting width/height properly

Width and height are being set by the Asset class, which takes it from the actual image. But in the case of a sprite, we don't want the full width/height of the image; cause we're only using a small part of the actual image for our sprite.

The sprite width/height should be set and equal to sizeX and sizeY.

Maybe refactor sizeX and sizeY to actually reflect width/height, I'm not sure if they have a separate function within the class.

Feature Request - Add Jest testing framework

I would like to add a testing framework to the project to be able to write unit/behavior tests when adding/changing code for the engine. Was thinking of using Jest.