Alternatives
Products that do what Hype Pro uses Matter.js for Physics animations without writing code does
We're integrating with the awesome project Matter.js (http://brm.io/matter-js/) as a Physics engine for our HTML5 animation app. Here's a quick demo video showing it specifically in action: https://www.youtube.com/watch?v=LHI-hNjiors In developing, I'd often spend hours playing with it making complex rube goldberg setups and pinball machines :).
- 1PJ
2018 · ptsjs.org
- 2AM
Hello HN! We’re a small creative studio specializing in real-time 3D experiences. Netlify approached us to design and build an interactive experience to celebrate reaching 5 million developers. Inspired by the classic game Marble Madness, we created a gamified experience where users control a ball through playful, interactive levels. The goal was to blend marketing content with the look and feel of a game to engage users. The app is built with Three.js [1], using our custom render pipeline and shaders, and uses Rapier for physics simulation [2]. The 2D content is overlaid on the WebGL view…
2024 · 5-million-devs.netlify.com
- 3S2
Had some fun with shared array buffers over many months of free time. Skip to the end to play around with the final app. Open to ideas on how to simulate more whilst staying in js land.
2024 · dgerrells.com
- 4AS
The little particles will gravitate to your cursor (or touch location), and can even enter stable orbits if the conditions are right! Mainly an excuse for me to experiment with wasm and WebGL, but it makes for a surprisingly good fidget toy.
2024 · aestuans.github.io
- 5WA
Hey all, creator of Video.js and co-founder of Mux & Zencoder here. My team and I built this. I hope you like the themes we’ve built so far, and maybe even get inspired to build your own. I know Web Components are in a bit of a drama cycle right now. I’m happy to see them get any attention really. I’ve been pretty bullish on them since ~2013 when I started working with them, at least in the context of a widget like a video player. I’ve even given many related talks on them like this one (https://www.youtube.com/watch?v=N6Mh84SRoDg). I would never push them for a large app or…
2024 · player.style
- 6AI
(space = reset) Fluid mechanics is an extremely interesting topic and I have been creative coding for a couple of months now. Therefore I started working on flow fields in processing. It had so much fun playing around with the different parameters in this project, I decided to rewrite in p5.js an added a control panel. You can change most of the parameters (within some constraints I thought to be reasonable), randomize the values and export and import settings. Hopefully some coders here get inspired and also join the great creative coding community.
2024 · synapse.nugatio.com
- 7VJ
2014 · velocityjs.org
- 8EA
Hey HN! We are the co-founders of Elodin (https://elodin.systems/), a code-first physics simulation framework. We just open-sourced our core libraries on Github: https://github.com/elodin-sys/elodin Have you ever wondered what happens when a satellite is first placed into orbit? It turns out that often, they tumble out of control, end over end, in a miraculous fight against stability. Check out our demo here of a control system attempting to rectify this: https://app.elodin.systems/sandbox/hn/cube-sat The spacecraft does not…
2024 · github.com
- 9IM
Hi! I made a React compatibility library for a Virtual DOM library (https://github.com/aidenybai/million). The idea is to have much faster rendering (a compiler optimizes virtual DOM beforehand) while ensuring the same developer experience React provides. This is very, VERY early stage, so be prepared for weird bugs / plugin incompatibility / etc. If you have any suggestions, I'd be more than happy if you replied in a comment with it! You can spin up the demo here >> https://stackblitz.com/github/aidenybai/million-react-compat
2022
- 10
- 11AP
2013 · github.com
- 12VR
I've been going through Cem Yuksel's "Introduction to Computer Graphics" course and thought that writing a volume renderer would be a good way to test my knowledge. It is a common technique used to render 3D medical data. Works by ray marching a specific step size, reading a 3D texture (e.g. MRI data), and calculating opacity values. Code should be easy to get started with for anyone familiar with the JS ecosystem. Questions for the HN community: I spent 20-25% of the entire time just setting up the project and fighting issues with the JavaScript ecosystem. This experience has made me…
2024 · github.com
- 13
- 14A2
2017 · htmlpreview.github.io
- 15XP
2023 · xmorphic.dev
- 16TN
I am excited to introduce to you TargetJ, a new JavaScript framework that can animate anything. I have been working on this project for over two years, driven by the complexity of current UI frameworks. You can find the interactive documentation at www.targetj.io. I hope you find it useful for creating great web experiences. If you have any questions about the framework or want to share your thoughts, please leave a comment below. I’m eager to hear from you!
2024 · github.com
- 17
- 18YF
2017 · github.com
- 19IB
2022 · multiplanetary.website
- 201A
We added a new feature to our open-source HTML5 game engine today that allows you to create Sprite GPU Layers. These pack together simple JS object definitions onto the GPU and renders them using a custom vertex shader. This skips all CPU computation and GPU upload operations, resulting in vastly increased performance. For objects that don't need to be updated by input, physics, or other interactive behaviors, we found it to be a great solution. In testing, we've easily managed to blast millions of sprites around on moderate desktop-grade GPUs. Indeed, we hit the fill rate limitation of the…
2025 · phaser.io
- 21CF
Hi! I'm Alan, and I built a website that turns images into flowing particle animations. This javascript / WebGL tool creates particle animations out of any image in real-time within the browser, with particles that dynamically respond to edge detection and flow fields. It uses Sobel edge detection, a Perlin noise flow field, and webGL / GLSL for better performance. The tool is completely free and open source (MIT license). Github repo: https://github.com/collidingScopes/particular-drift Let me know of any feedback or suggestions for improvement.
2025 · particular-drift.netlify.app
- 22MR
2015 · github.com
- 23BB
2023 · grgv.xyz
- 24IM
Repo here: https://github.com/aidenybai/million My name is Aiden Bai and I'm really interested in HCI research, particularly within user interface (UI) and web development. At the time of writing this, I'm a student at Camas High School. In July 2021, Million.js began as an experiment with Virtual DOM because I was curious with how UI libraries worked. I was frustrated with the lack of a modern, fast, and modular Virtual DOM library for JavaScript. Virtual DOM had been around for almost a decade, yet many Virtual DOM libraries still struggle with render speed compared to…
2022
Ranked by how close each launch is in meaning, then by votes. Refine with a description →