SPHjs
WebGL-Fluid-Simulation
SPHjs | WebGL-Fluid-Simulation | |
---|---|---|
5 | 109 | |
53 | 14,242 | |
- | - | |
2.7 | 0.0 | |
9 months ago | 5 months ago | |
JavaScript | JavaScript | |
- | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
SPHjs
-
Water – Oimo.io
Decade or so ago, I had made a water simulation myself in JavaScript: https://asadmemon.com/SPHjs/
I should find some time and modernize it with some more features.
- water movement with gyroscope
- Show HN: Box2D fluid simulation in WebGL and WASM
- [AskJS] How could I implement realistic fluids simulations (SPH?) in my video game?
WebGL-Fluid-Simulation
-
That is some extremely impressive water physics, especialy for a place you only visit once. How did they do it? (MAJOR SPOILERS FOR 4.2 WORLD QUEST)
It kinda reminds me of this fluid simulation website. The site is about a computer graphics technique that simulates the motion and appearance of fluids such as water, smoke or fire. You can use your mouse to move around the screen to see the simulation, also can change how the fluid simulation works by adjusting the sliders in the control panel next to it.
-
Goodbye, Node.js Buffer
Typed arrays are essential for web apps that use WebGL and WebGPU. Being able to send this typed data to run computations on the GPU in parallel can give you 1000x speed up.
You can see it in action on this WebGL fluid simulator[0] by PavelDoGreat.
[0] https://github.com/PavelDoGreat/WebGL-Fluid-Simulation
- WebGL Fluid Simulation
-
Water – Oimo.io
this one is much smoother: https://paveldogreat.github.io/WebGL-Fluid-Simulation/
previously: https://news.ycombinator.com/item?id=34422948
-
This thing is wild!
Not a video. WebGL Fluid is the website.
- The website has been found!
-
A lost website
Sure here it is
-
Saw this ad that made me have major feelings from childhood
Off the top of my head I'm thinking of WebGL Fluid Simulation
- Webgl Fluid Simulation
-
Here you go: Golden Beryl on a magnetic stirrer ... in slow mo!
Here is poor man's stirrer: https://paveldogreat.github.io/WebGL-Fluid-Simulation/
What are some alternatives?
box2d-wasm - Box2D physics engine compiled to WebAssembly. Supports TypeScript and ES modules.
react-fluid-animation - Fluid media animation for React powered by WebGL.
LiquidFun - 2D physics engine for games
Phaser - Phaser is a fun, free and fast 2D game framework for making HTML5 games for desktop and mobile web browsers, supporting Canvas and WebGL rendering. [Moved to: https://github.com/phaserjs/phaser]
fluid - Fluid Simulation on HTML5 Canvas
lively - Free and open-source software that allows users to set animated desktop wallpapers and screensavers powered by WinUI 3.
works - The code of several works on oimo.io/works
portfolio-site
react-native-gcanvas - react native canvas based on gpu opengl glsl GCanvas -- A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎)
BestBuy-GPU-Bot - BestBuy Bot is an Add to cart and Auto Checkout Bot. This auto buying bot can search the item repeatedly on the ITEM page using one keyword. Once the desired item is available it can add to cart and checkout very fast. This auto purchasing BestBuy Bot can work on Firefox Browser so it can run in all Operating Systems. It can run for multiple items simultaneously.
fancycursor - ✨ cursor component made with gsap & vue
SolarSystem - This is a two-dimensional simulation of our solar system to scale, written in Javascript while using the Keplerian Elements for calculating the positions.