Tag

#webgl

199 posts147 followers

Explore Hashnode

Alternatives

FoliMesh6h ago · 6 min read

Trees and Forests in three.js: LOD, Instancing, KTX2 and Wind

I'm on the team behind FoliMesh, a browser-based tree generator. Everything below works with any trees and plain three.js. A forest is usually the first thing that turns a browser game's 60 FPS into 1

folimesh.hashnode.dev

Dominik Groński2d ago · 2 min read

Self-host your Draco decoder - the 600ms CDN tax on Three.js configurators

Draco compression is the difference between a 90MB glTF export and a 3MB one. For CAD-heavy product models it is not optional. But there is a trap in the standard setup that quietly costs you half a s

grodev.hashnode.dev

Alicia lu2d ago · 11 min read

Three.js Post-Processing: 192 Desktop Trials Beyond the FPS Counter

AI-assisted disclosure: Codex implemented the harness, ran and checked the experiments, analyzed the receipts and assisted the writing. These are dated desktop measurements with explicit limits. Ori

digitalgarden-alicia.hashnode.dev

Run Cheng4d ago · 4 min read

Simulating N-Body Galactic Collisions and NASA TESS Exoplanet Transits in the Browser with WebGPU & WebGL2

When I launched Space Simulator Online as a zero-install 3D Solar System and night-sky planetarium in raw WebGL2, the most frequent request from physics teachers and students was: "Can we go beyond st

runcheng.hashnode.dev

Ivan VolzhinOct 23 · 9 min read

How to make a 3D game in the browser with three.js and Jolt: architecture notes from an agent-built racer

This post walks through how to make a 3D game in the browser with three.js, using one shipped project as the worked example. Our team runs Playgama, a platform for web games, and Sky Shift was our tes

ivanvolzhin.hashnode.dev

Jerry LiangOct 21 · 9 min read

The maths of warping text for a vinyl cutter

Cricut and Silhouette users ask one question in every forum: how do I curve text? The answer most of the time is "not in the software you have". I built a browser tool for it, warpimage.com, and extra

jerryliang.hashnode.dev

Steven VolkovOct 16 · 8 min read

Five level-ups in one frame: what stacking does to a PixiJS portrait halo

Most level-up halo examples fire once. Real games often don't. A boss kill or a quest turn-in can push the player through several levels in a single frame, and the halo code written for one level-up g

1 nixiefx-notes.hashnode.dev

Steven VolkovOct 14 · 7 min read

Campfire embers that drift toward (0, 0): testing wind away from the world origin in Three.js

Most ember demos put the campfire at the world origin, mine included. That's the obvious place to build a test scene, and it's the one place where a whole class of bug can't show up. In a real level t

nixiefx-notes.hashnode.dev

Oleksandr SendziukOct 14 · 4 min read

Rebuilding creayou.com

Our site was a Webflow export with a heading, a floating video and a contact link. It said who we were in 2023. This is how we rebuilt it, and why it is now plain HTML. Start from what already works W

creayou.hashnode.dev

TurbolegoOct 9 · 8 min read

GitHub tells me how much I contributed. I wanted to know where.

GitHub tells me how much I contributed. I wanted to know where. This is the badge. Click it to open the interactive 3D globe. The animated GIF rotates on its own so it works as a static profile badge

turbolego.hashnode.dev

Search Hashnode