Made this little cell simulation with an infinite zoom mechanic in raw WebGL. Renders up to 100k cells on my laptop (M1 MBA).

It's a single HTML file, not minified, without dependencies, so you can just inspect the source code. It's just raw JS and WebGL shaders. No assets, everything is procedurally generated.

For each cell, I draw a single quad using instanced rendering. To create a nice organic wobble, I use SDF (Signed Distance Fields) to draw a circle (or another base shape), which is then distorted by adjusting the radius using multiple overlapping sine waves. I explain this visually here. [1]

To get the cells to stretch dynamically based on their velocity, I use a technique called Domain Warping. Basically in the fragment shader, the fragmentPosition is adjusted inwards/outwards depending on the current velocity, which squashes/stretches the entire coordinate system of the quad in either direction. Gives it a very organic look. I explain this in more detail here. [2]

Physics are also custom, on the CPU using position-based dynamics (PBD). This is currently the weak point of the engine, and with lots of cells, it's CPU constrained. I might move this to the GPU later or switch to a different approach. Not sure yet.

The infinite zoom mechanic works by dynamically rendering only the two currently visible layers. Physics are currently simulated all the time for all layers, although I could potentially also pause layers that are not currently visible.

All of this uses data-oriented design (DOD) techniques to keep most of the data structures in flat typed arrays for fast iteration and to minimize allocations in the main game loop.

I'm planning to build this engine out into a full incremental game with some light automation elements (think a microscopic Factorio, but much shorter). If you're interested in following the dev process, I post highly technical deep-dives on YouTube [3], or you can enter your email here [4] to get source code updates (super low volume).

Let me know what you think! Happy to answer any questions.

[1] https://youtu.be/VChlSt6gVSo?t=380 [2] https://youtu.be/VChlSt6gVSo?t=516 [3] https://youtube.com/@philomatics [4] https://philomatics.com/cell-game

Open-source sailing block hardware [video]

Met police break their own record for seizing illegal e-bikes

Google slapped with $1B fine under landmark EU digital law

Eastern Pacific Ocean about to get its first major hurricane of the year

The Creator Economy Has a New Middle Class

Show HN: QueryTuner – SQL diagnostics across 5 DBs, no database connection

Thoughts from a Robot. Serious essays from a made mind.

Moody's says AI spending threatens credit of Amazon, Meta, Alphabet, others

Undo_ One command destroyed it. One command brought it back

Cancer rates are rising faster here than anywhere else

SD card health monitoring for Raspberry Pi, before the card dies

'Weird Al' Yankovic Turned Down Million-Dollar Offer to Perform in Saudi Arabia

Show HN: Organic cell simulation with infinite zoom (100k cells, raw WebGL)

X-OS – Building an Operating System for the AI Era

Bond market anxiety is growing over AI capex budgets

Zen Style Programming

Third Drone Shot Down in Three Days in Romanian Territory

Htmx 4.0, the first JavaScript library to release exclusively on the Game Boy

You don't hire juniors to do menial chores

Poor Countries Are Aging Fast but Can't Keep Up with the Cost

I Built a Project Controls Platform with Node.js, SQLite and Vanilla JavaScript

Microsoft rewrote the TypeScript compiler in native code and made it 10x faster

Kill The Cookie Banner

Rodney Brooks: House Cleaning My January 1, 2018 Predictions

The first watch featuring computer functions

I built a canvas where LLM chats become an editable map

Show HN: Registrly – cross-referenced UK company and Global LEI lookup

AI Tokenomics: What AI tokens cost and where they're wasted

Canada remains anti-nuke, but its potential path to the bomb is getting shorter

Telem News

Ask HN: Are you running production workloads in Pytorch eager mode?