matter-js VS PixiJS

Do you think this worked so cleanly because there is a tutorial similar to this and its in the dataset?

https://github.com/liabru/matter-js/wiki/Tutorials

If you don't want to create your own physics engine, there are also existing ones like matter.js.

A physics engine for the basic stuff (colisions with the terrain, gravity, rigid body mechanics, suspension springs...) would be great and I think Matter.js it's a great option

Another option is to add a third-party physics library such as Matter.js, although setting up and integrating the physics library can be tricky. If you need physics in your game, especially more complex physics effects, Phaser is a better choice.

I have created a demonstration for liquid (or gooey) effect on HTML Canvas using Matter.js and SVG Filters.

I recently came across this library: https://github.com/liabru/matter-js

This was a bold faced lie. Matter.js has no continuous collision detection. You wasted so much of my time I hope you are mildly inconvenienced in the near future! https://github.com/liabru/matter-js/issues/5

https://github.com/liabru/matter-js/issues/243 was a bit confusing. The solutions in this thread don't seem to work for me, and i cant find any information elsewhere.

Over half of the source code is just making the robots exist. If you haven't used matter.js before, you can download it here. You can read the whole documentation here, but the functions we will need are:

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