Lab
Games, WebGPU, sensors and voice: each card says what it uses, where it works and which permissions it asks for.
LAB-06Unda
Marbling in WebGPU
- Technique
- WebGPU (compute and render) · WGSL · Pointer Events
- Device
- Mobile and desktop
LAB-04Veinticuatro
3D product microsite
- Technique
- Vue 3 · three.js (WebGL 2) · postprocessing
- Device
- Mobile and desktop
LAB-19Velum
Fictional product launch
- Technique
- Vue 3 · three.js (WebGL 2) · MeshPhysicalMaterial (iridescence)
- Device
- Mobile and desktop
LAB-03Backgammon
3D backgammon against the AI
- Technique
- three.js (WebGL 2) · WebAssembly SIMD · Web Worker
- Device
- Mobile and desktop
LAB-29Sudoku
Sudoku on a 3D wooden board
- Technique
- Vue 3 · three.js · Vitest
- Device
- Mobile and desktop
LAB-26Lucerna
Light circuit puzzles
- Technique
- Astro · Vue 3 · three.js (WebGPU / WebGL 2)
- Device
- Mobile and desktop
LAB-10Night club
3D table tennis
- Technique
- three.js · Lighting baked in Blender (Cycles)
- Device
- Mobile and desktop
LAB-12Gravitas
Tilt maze
- Technique
- DeviceOrientation · Screen Wake Lock · Vibration
- Device
- Mobile
LAB-15Sokoban 3D
Sokoban with a free camera
- Technique
- Vue 3 · three.js · postprocessing
- Device
- Mobile and desktop
LAB-17Obsidio
Tower defence in WebGPU
- Technique
- Babylon.js (WebGPU) · Vue 3 · Web Audio (synthesis)
- Device
- Mobile and desktop
LAB-28Cannonis
Turn-based artillery
- Technique
- Astro · Vue 3 · PixiJS 8 (WebGPU / WebGL 2)
- Device
- Mobile and desktop
LAB-23Aurealis
An atom breaker in the upper atmosphere
- Technique
- Astro · Vue 3 · PixiJS 8 (WebGPU / WebGL 2)
- Device
- Mobile and desktop
API-01…14Web APIs, today
API catalogue
- Technique
- Astro · MDN browser-compat-data · web-features
- Device
- Mobile and desktop