engine VS matter-js

There are many engines that you can use in browser. 1. (GDevelop)[https://gdevelop.io/] 2. (Construct 3)[https://www.construct.net] 3. (Godot Engine)[https://editor.godotengine.org] 4. (Play Canvas)[https://playcanvas.com] 5. (Hex Engine)[https://hex-engine.dev]

Web-focused 3D engines (three.js, babylon.js, PlayCanvas, ...) are pretty capable. Maybe not AAA-level like Unreal Engine, but certainly capable of the stuff you're describing here. If you're comfortable working within these frameworks, and writing shaders, there's a ton you can do.

I wasn't familiar with PlayCanvas, looks very cool.

Another thing I recommend is to learn how to make games with ThreeJS (3D) or PixiJs (2D) and build web-based games using javascript. If you want a full-fledged web game engine, then you can take a look at Playcanvas. Playcanvas is similar to unity but for web-based games. If you want to learn all about Three Js then this course will help you a lot.

Engines: PlayCanvas, Three.js, BabylonJS

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.

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

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: