WebGL / WebGPU

🏹 Play Showcase: A two-person studio built a full multiplayer FPS in the browser using a custom WebGL engine. Narrow One is 5v5 capture-the-flag with bows and arrows in medieval castles. It loads instantly and runs on low-end hardware. 🔗 webgpu.com/showcase/narro… CC: @pelican_party and @Jespertheend #WebGL #GameDev #IndieGames #BrowserGames #Multiplayer

🎬 Story Showcase: A promotional website that scrolls like a dolly shot through Arthurian ruins. Merlin Studio (@MerlinDotStudio) and Format-3 used WebGL with custom shaders, lightweight particle systems, and streaming assets to build a site where every section lands like a new camera angle. The restraint is the craft here. 🔗 webgpu.com/showcase/pendr… #WebGL #CreativeCoding #ThreeJS #InteractiveDesign #MotionDesign

🎬 Applied Showcase: Meet MasterSelects, a full video editor that runs entirely on WebGPU. No native app, no CPU roundtrip. 37 blend modes and 3D rotation in a single 618-line WGSL shader. GPU-accelerated scopes, optical flow scene detection, SAM2 segmentation on-device, and export straight from the GPU canvas. 13 dependencies total. MIT licensed. 🔗 webgpu.com/showcase/maste… #WebGPU #VideoEdit #Film #AI #Creative

🧩 Technical Showcase: What if a WebGPU framework did less on purpose? Motion GPU skips the scene graphs and mesh loaders entirely. Just fullscreen shaders, multi-pass pipelines, and a DAG-based frame scheduler. Built by @madebyhex. 🔗 webgpu.com/showcase/motio… #WebGPU #Shaders #Svelte #CreativeCoding

@Aureon_de_Veyra @revelium_studio I thought you would like it. Could be some inspiration for some of your art/history courses down the road?

@webgl_webgpu @revelium_studio This is pretty cool!

🎨 Creative Showcase: Vermeer's Milkmaid, painted around 1658, finally gets to move. @revelium_studio dissolved the painting into a WebGPU particle system built with Three.js and TSL. Every particle samples color from the original canvas. The composition holds. The stillness doesn't. 🔗 webgpu.com/showcase/verme… CC: @_fojcik & @niccolomiranda #WebGPU #ThreeJS #CreativeCoding #TSL #Vermeer

@revelium_studio It is a great piece and look forward to seeing more of your work

@webgl_webgpu Thanks for the feature!

👕 Applied Showcase: A polo shirt customizer that pulls you in. @MerciMichel's work for @Lacoste packs triple UV maps, vertex-color metadata encoding, and a rendering pipeline that goes from browser canvas to actual garment manufacturing. Runs beautifully on mobile too. 🔗 webgpu.com/showcase/lacos… #WebGL #ThreeJS #CreativeDev #InteractiveDesign #3DWeb

🧑‍🚀 Community Showcase: A stranded astronaut keeps a diary. Your browser renders his loneliness as a million drifting particles. DRIFT by Ming Jyun Hung (@mingjyunhung) pairs GPGPU particle simulation with AI-generated text and voice to build a narrative that never repeats. The particles aren't decoration. They are the story. 🔗 webgpu.com/showcase/drift… #WebGL #CreativeCoding #ThreeJS #GPGPU #GenerativeArt

@cotterzz @holtsetio Could be a fun set of remixes... would love to see how the game changes with different materials given the physics would change

@webgl_webgpu @holtsetio I'm thinking about sandtris (another interesting variation, google it) And wondering what if every piece was a different material with different properties? Jelly, sand, brick, water... it would be like noita-tris or something. 😆

🧊 Play Showcase: Tetris, but the blocks are made of jelly. Niklas Niehus (@holtsetio) built a fully playable soft body Tetris using Three.js TSL and WebGPU. The pieces squish, deform, and wedge into places rigid blocks never could. It turns a solved game into something strange and new again. 🔗 webgpu.com/showcase/softb… #WebGPU #ThreeJS #CreativeCoding #PhysicsSimulation

🌳 Story Showcase: A 20-hectare garden turned into billions of particles, navigable in your browser. Huncwot (@huncwotdigital) flew drones over composer Krzysztof Penderecki's estate in rural Poland, ran photogrammetry on the footage, and built a fully accessible WebGL experience where the point cloud sways to the composer's own music via the Web Audio API. Seven chapters, custom GLSL shaders, and a labyrinth hiding fragments of orchestral works inside 15,000 virtual hornbeams. 🔗 webgpu.com/showcase/pende… #threejs #WebGL #creativecoding #GLSL #photogrammetry

Building interactive tutorials for you. Not just text, think Brilliant.com style. What should I build first?

Good questions that @trusktr can better address. A few things I'm thinking about: - SolidJS' reactivity system is one of the most brutally optimized for surgical updates - The Web Component approach here allows for modular experiences that can easily work in any framework... and I believe SolidJS' approach is quite lean (compared to others)

@webgl_webgpu Declarative 3D in HTML. Clever abstraction. But what's the performance tax vs raw WebGL?

🧊 Technical Showcase: What if 3D on the web was just HTML you could write by hand and inspect in devtools? Lume gives you custom elements like and that render GPU-accelerated 3D with lighting, shadows, and glTF support. No canvas boilerplate, no framework lock-in. Built by Joe Pea (@trusktr) using Three.js and Solid.js reactivity. 🔗 webgpu.com/showcase/lume-… #WebGL #ThreeJS #WebComponents #CreativeCoding #3DWeb

🏥 Applied Showcase: A full radiology workstation running in your browser tab. OHIF Viewer streams DICOM medical images, fuses PET/CT volumes, and renders tumor segmentations, all GPU-accelerated through a single shared WebGL context via Cornerstone3D. Zero installs. Open source. One of the most serious uses of WebGL on the web. 🔗 webgpu.com/showcase/ohif-… #WebGL #MedicalImaging #DICOM #OpenSource #Cornerstone3D

@ProjectEnter That's a good point. I think @trusktr had some ideas in taking this multi-modal with a common component language.

@webgl_webgpu Reminds me of mml.io hmm

🧵 Creative Showcase: Three worlds, three garments, one browser tab. Active Theory's (@active_theory) CHILE20 for adidas Originals is a scroll-driven WebGL experience that moves between past, present, and future, each scene with its own art direction and a hero product rendered from crushed-down 500K-poly models. 🔗 webgpu.com/showcase/chile… #WebGL #eCommerce #adidas #fashion

🪐 Education Showcase: A general relativity sandbox that runs in your browser. Drop planets onto a deformable spacetime mesh and watch gravity do its thing. Hitesh Sahu (@HiteshSahu_) built this with BabylonJS and Ammo.js, with real-time curvature, PBR materials, and collision audio that makes physics feel tactile. 🔗 webgpu.com/showcase/space… #BabylonJS #CreativeCoding #PhysicsSimulation #Science

🎧 Community Showcase: A product page that feels like a demo scene. Lorenz Wieseke's Sony headphones experience layers particle systems, audio wave ring animations, and material work that holds up under scrutiny. All built with Spline and Webflow. Worth clicking every hotspot. 🔗 webgpu.com/showcase/inter… #WebGL #3DWeb #SplineDesign #Webflow #InteractiveDesign