Advanced WebGPU Glass Material Built with Three.js and Codex

X postViktor Oddy17 August 2026Demo

Viktor Oddy showcases an advanced WebGPU glass material built with Codex and Three.js, alongside an interactive live demo.

Key points

Creation of an advanced glass material using WebGPU and Three.js.
Codex was utilised to assist in building the material and shaders.
A live demo titled Terranova — Signals from the Deep Green is hosted on Vercel.
The author links to a repository of prompts for web design and 3D implementations.

Why it matters

The combination of WebGPU and AI code generation tools like Codex simplifies the implementation of complex 3D shader effects within modern web applications.

Analysis

The showcase highlights how WebGPU in the Three.js ecosystem is applied to high-fidelity visual rendering, such as refraction and glass surfaces. It also serves as promotional material for a collection of curated prompts targeting web developers.

Original post

Viktor Oddy

@viktoroddy · 17 August 2026

Made a WebGPU Advanced Glass Material with Codex and @threejs Live: t.co/NzLIO1J8LK 👇 Prompt below t.co/dYsj5hwa8j

491 likes12 replies450 bookmarks32k views

View on X

Mentioned links

Links and tools from this entry

Summary generated by AI (Gemini 3.8 Flash, 27 September 2026). It may contain errors – the original source is authoritative.

Similar in content, found by the AI search.

X post:Amir Mušić28 Jul 2026
img2threejs: Converting 2D Images into Interactive Three.js 3D Models
Amir Mušić showcases how to transform 2D images into interactive Three.js models using Codex and the img2threejs repository, alongside AI tools for model retexturing.
203bookmarks19.4kviews
AI & LLMs· Tool
X post:Meng To25 Aug 2026
ThreeUI and Opus 5: Generating 3D Websites from Video References
Designer Meng To demonstrates how Claude Opus 5 creates interactive three.js and Blender product pages based on video references, accompanying the launch of his ThreeUI project.
2.4kbookmarks228.5kviews
AI & LLMs· News
Repository:img2threejs/img2threejs3 Sept 2026
img2threejs: Procedural Code-Only Image-to-3D for Three.js
img2threejs turns reference images into procedural, animation-ready Three.js models generated purely as code, avoiding traditional mesh extraction or photogrammetry.
15.1kstarsPython
AI & LLMs· Tool
X post:Harshit19 Sept 2026
Open-source branding lab mixes shaders with branding assets
Developer Harshit showcases a side project that evolved into a branding lab tool. The project combines graphic shaders with brand assets and is part of an open-source product.
571bookmarks21.1kviews
Web development· Tool
X post:Eric Buess24 Sept 2026
Code-Driven Video and 3D Visualisation with Opus 5.5
Eric Buess curates a thread of community demonstrations showcasing how Opus 5.5 and Claude Code produce videos, 3D scenes, and interactive educational graphics, frequently relying entirely on programmatically generated code rather than traditional diffusion models.
176bookmarks77.3kviews
AI & LLMs· Demo
X post:Skylar Kitchen25 Sept 2026
Creating 3D Animations with Opus 5.5: Prompt-Driven Visual Tutorials
Skylar Kitchen demonstrates how Opus 5.5 (Claude) can generate technical 3D animations and visual tutorials with minimal prompting.
1.8kbookmarks72.5kviews
AI & LLMs· Demo