Excalibur VS PixiJS

Excalibur.js - A game engine for the web written in TypeScript. It’s my current choice for prototyping because the docs are clearly written and the TypeScript tells you the rest. https://excaliburjs.com/

I'm a web dev by profession working on large scale web apps. I absolutely hate Phaser. It feels like going a decade back in time. Excalibur is newer to the market though and I've played around with it and really enjoyed it. Written with TypeScript and they're working on implementing an ECS system. https://excaliburjs.com/

Another option is Excalibur, a game engine being built in TypeScript. Looks great and their docs are easy to follow. I tried it out to make a simple game, and was able to produce something in a couple hours. I saw a few PRs get merged a while back that involved their own implementation of an ECS system. I think the work is still in progress though, so I don't know if they've documented it yet. Their team do this as a hobby I think, so progress is pretty slow since it occupies their free time. https://excaliburjs.com/ https://github.com/excaliburjs/Excalibur/pulls

If you're into video game dev, then PixiJS is something you need to know about. It's a HTML5 game engine that provides a lightweight 2D library across all devices. This latest update has a new package structure, custom builds, graphics API overhaul, and lots more. You can read about all these changes in the PixiJS Migration Guide. Also big congrats to PixiJS for being part of the open source community for ten years now! 😮.

6. Pixi.js

https://pixijs.com/ and https://gsap.com/. All of the source code for my posts can be found at https://github.com/samwho/visualisations :)

For full web games (yeah, I come from the web, so I try to make my family proud), I will recommend PixiJS. It has great support for TypeScript and works very well with Vite. It's lighter than other game engines, so it's better for web games. But you will need to do a lot of things by yourself.

PixiJS (MIT/TypeScript) https://github.com/pixijs/pixijs

That approach works well for what I was trying to archive but I am planning on adding more functionality into the website. Hence in this article, let me rebuild the project using Pixi.js and it’s React binding, React Pixi.

https://openarena.live/

There's also a bunch of Javascript game engines: https://github.com/collections/javascript-game-engines

Of those, BabylonJS seems pretty powerful for 3D: https://www.babylonjs.com/games/

Or PixiJS for 2D: https://pixijs.com/

https://pixijs.com/ is more of a 2D rendering framework, but powerful and very fast