WebGL-Fluid-Simulation
excalidraw
WebGL-Fluid-Simulation | excalidraw | |
---|---|---|
109 | 377 | |
14,269 | 73,819 | |
- | 3.4% | |
0.0 | 9.5 | |
6 months ago | 5 days ago | |
JavaScript | TypeScript | |
MIT License | 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.
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/
excalidraw
- An infinite canvas for code exploration
-
Creating Animated Diagrams for LinkedIn
ExcaliDraw - https://excalidraw.com/
-
Software Engineering Workflow
ExcaliDraw
-
Tools that Make Me Productive as a Software Engineer
However, Notion and Obsidian can only help you write documentation. Well, how about some visuals? Let's talk about Excalidraw.
-
Rapier is a set of 2D and 3D physics engines written in Rust
Fun fact: I used GA in Excalidraw, and it's still powering some of the interactions! https://github.com/excalidraw/excalidraw/blob/master/package...
-
Ask HN: Anyone use a code to mindmap/flowchart tool?
I was happy to find out recently that there is a way to make Mermaid diagrams WYSIWYG / drag and drop editable that the open source https://excalidraw.com has and did I mention it's open source!? With a LLM, you can go full loop back to Mermaid again after a few rounds of manual editing. "What a time to be alive!"
- Show HN: Batch Image Manipulation Toolkit in Browser
-
Ask HN: What development tools are you using for your current project?
I'm working on a personal project and found myself looking for an alternative to Postman/Insomnia this morning. This made me realize i've been using the same tools for so long for work (mobile development, finance) that this project may be a good time to try out some new things.
Here are a few tools that i've been using lately that I really enjoy:
https://pocketbase.io/ - A dead-simple self-hosted firebase/supabase-like "backend in a box" using golang and sqlite. So far i've been really impressed. I've gone the route of extending the base offering with more go code and am really enjoying the experience.
https://excalidraw.com/ - An open source whiteboarding tool. Slick to use and after learning some keybinds I've gotten pretty fast at throwing together diagrams to explain things to people on my team. The killer piece though is that the filetype is just json, so I can source control my diagrams. Even better, their "export to png" function has a box to embed the json data _into_ the png, allowing me to slap the diagram in places that only accept images (think confluence) and still be able to change the diagram later if needed. 10/10.
https://docs.gitlab.com/ee/ci/ - Gitlab's CI/CD toolset is really impressive, and I've gotten really intimate with it's deeper features over the past year. I'd be curious though to hear from someone who's familiar with it vs it's competitors.
- Keeping your fonts in embedded SVG
- Excalidraw
What are some alternatives?
react-fluid-animation - Fluid media animation for React powered by WebGL.
tldraw - SDK for creating whiteboards and canvas experiences on the web.
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]
draw.io - draw.io is a JavaScript, client-side editor for general diagramming.
lively - Free and open-source software that allows users to set animated desktop wallpapers and screensavers powered by WinUI 3.
mermaid - Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
portfolio-site
obsidian-excalidraw-plugin - A plugin to edit and view Excalidraw drawings in Obsidian
react-native-gcanvas - react native canvas based on gpu opengl glsl GCanvas -- A lightweight cross-platform graphics rendering engine. (超轻量的跨平台图形引擎)
docker-draw.io - Dockerized draw.io based on tomcat:9-jre11 & tomcat:9-jre8-alpine official image.
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.
drawio-desktop - Official electron build of draw.io