Tag
9 pages tagged “WebGL”.
9 pagesClear filters
Chetan Ankola made a lantern-carrying ghost in the browser: rain, black water, fabric that flutters. GPT 6 Astra did the design, Claude Opus 5.5 wrote the Three.js. We look at the cloth, the light and five small interactions.
A fill-in prompt that gets an AI coding model to write a modern Three.js skeleton: ES modules, correct colour management, PMREM lighting, a damped camera rig, a shared loading manager, resize handling, a DPR cap and a perf HUD.
The release checklist between a playable prototype and a link anyone can open: WebGPU-to-WebGL fallback, a loader that paints in under a second, progressive loading, touch and performance on phones, hosting, link previews and publishing on OpenDrama.
The seven layers that take a Three.js scene from flat tech demo to a console-grade image: colour management, tone mapping, HDRI lighting, one shadowed key light, fog, bloom and lens, with the frame-time cost of each.
Shared by @threejs: eight Monet paintings turned into WebXR worlds you can walk, fly and paint in. How the brushstroke renderer, the hand controls and the voice guide work.
A free browser tool rebuilds any real city block from OpenStreetMap and elevation data, then draws it as manga line art, screentone and solid black. Here's the three-buffer line trick, and how to rebuild a small version with an AI coding model.
Chetan Ankola's bubble toy floats iridescent soap bubbles over a 360° courtyard photo. How the bubble material, the backdrop and the three-verb controls fit together.
We read the live code behind Claim Avenue's car update: one tuning table, a boost meter, grip-based drifting and crest jumps, all without a physics engine.
nicekate made a 41-second explainer with the open-source Anatomy skill: a boxes-and-arrows diagram that says nothing, then the same idea built as a moving pin-tumbler lock. Here's its structure and how to use it for your own tech explainers.
