Breakitt - Stardance

Ship #1 Pending review

@akshara on Breakitt · about 3 hours ago

I made a dumb site where you just smash plates, cups, etc. I made it with the idea of a stress-relief website in mind. I built it as an experiment to learn about Matter.js — it’s not up to the mark, but I learned a lot while building it.
The hardest part was definitely creating the shard shapes, and also lining up the objects to the shelf.
The thing I’m most proud of is the sound — it’s completely generated live with the Web Audio API and sounds pretty realistic.
To test it, just swipe or drag through any item.

2 devlogs
3h

Try project → See source code →

Open comments for this post

@akshara on Breakitt · about 3 hours ago

26m 2s logged

Finally completed building Breakitt!!I made it to learn Matter.js and mess around with physics — it was so much fun to build. It’s not up to the mark, but I learned a lot doing it

Open comments for this post

@akshara on Breakitt · 16 days ago

2h 45m 43s logged

Started building a plate-breaking simulation. This is my first time trying Matter.js, so I’ve been experimenting with physics, collisions, and procedural shattering. Till now , I’ve set up the physics using Matter.js, added a plate that stays in place until it’s hit, responsive canvas resizing, a simple sound using the Web Audio API, and a procedural shatter system that breaks the plate into random shards with physics. I’ve also added screen shake and drag-based interactions to make the impact feel more satisfying. I plan on improving the plate shading and shatter visuals to make the breaking look more realistic, along with adding a few more features. Would love some suggestions or tips!!