Tag
13 pages tagged “Shaders”.
13 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.
jay88 had Claude Opus 5.5 build a Three.js pumpkin you carve with four tools and then light, in one Claude Code session. The prompt was two lines; the real work is the carve-map technique the model chose.
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.
Frank Reitberger ported Mercury's 64k intro Delight to the browser on three.js WebGPU. We map its render pipeline, from a raymarched G-buffer to bloom and glare, and show how to build a small version with an AI coding model.
An 8-second loop by akella: thousands of tiny app windows labelled claude and codex stream in a ribbon and burst into clusters. There's no code or live page, so we break down what's on screen and how to rebuild it with instancing and an AI coding model.
Stained Glass is one of the 30 free AI browser games Aman shared: H3 Max generated a gameplay-style clip, then Claude rebuilt it in Three.js. Here's the pipeline and the one rule that makes it work: the light is the floor.
A betta fish that lives on a Mac desktop, generated entirely in code by Opus 5.5. We break down the fin rays, the colour and the lagging motion so you can code your own.
akiweb's 3D diorama Hakonigram lets hologram koi, jellyfish and over 100 yokai light a whole rainy city. Here's the dark base, the line-and-particle hologram look and the bloom.
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.
Chetan Ankola's guitarist-in-his-bedroom scene flips between sketch, watercolour, cel and manga looks with one click. How separate mood and style presets do the work.
Chetan Ankola moved his GPT 6 Astra soap bubbles to a Wynwood mural street and a garden. How the scene swaps, per-scene exposure and the bent view through each bubble work.
Chetan Ankola vibe-coded a palm island with an ocean and a pool in Three.js. How depth colour, sun glints, horizon haze and depth of field make the water read as tropical.
