.png)
12 hours ago
3
Hey HN,
So I made [sics-ground](https://github.com/magical-paperclip/sics-ground), a physics sandbox thing you run in your browser. I wanted something fun to mess with, and also to help people see how physics works (and maybe just watch stuff explode lol). If you like making balls bounce, objects stick, or just seeing a bunch of shapes go wild, you might like this.
You can drop circles, squares, or polygons onto the canvas and then adjust their behavior using sliders for gravity, friction, and bounciness. Theres also four special collision effects: bounce, explode, stick, and gravity shift I tried to make it look as smooth as possible, even on those fancy retina screens. The canvas automatically scales so it looks sharp and not all blurry.
- It's built with matter.js so the physics are actually pretty realisitc - I wrote a custom particle system for the explosions and trails - It uses object pooling (it doesn't make your computer laggy) - There's some code to make sure it pauses when you're not looking at the tab, to save your cpu and battery - All the UI is just HTML/CSS and a bit of JS
I made this partly because I wanted to learn more about the Canvas API, and also just to have a fun project to show friends and teachers. I think it could be useful for science demos, or just playing around with physics.
Stuff I wanna add next: - Maybe a WebGL renderer for even crazier effects - Tools to connect things with joints or ropes - Touch controls for phones (it's kinda bad on mobile rn sorry lol) - Preset demos for teachers - Save and load your favorite setups
If you wanna try it or mess with the code, it's all open source! Here's the link again: [https://github.com/magical-paperclip/sics-ground](https://github.com/magical-paperclip/sics-ground)
please don't forget to star the repo!!
Let me know what you think, or if you got any ideas for new features! Thanks for reading :)
