Een Space Invaders-achtig arcadespel gebouwd met HTML5 Canvas en vanilla JavaScript. Schiet golven aliens neer voordat ze je schip bereiken, met oplopende moeilijkheid over meerdere levels.

De aliens vormen lettershapes (W, O, U, T) die elk level veranderen. Met deeltjesexplosies, een scrollend sterrenveld, touch-bediening voor mobiel en een systeem van drie levens.

Gebaseerd op een idee van Wout Van Leuven. Volledig gegenereerd met Claude.

Een klassiek Pac-Man arcadespel gebouwd met HTML5 Canvas en vanilla JavaScript. Navigeer door het doolhof, verzamel stippen, pak power pellets om de vier spoken te verslaan en probeer het bord leeg te eten.

Met spoken-AI die kan achtervolgen en vluchten, tunnels die het scherm verbinden, een geanimeerde Pac-Man mond en retro arcadestyling met het Press Start 2P lettertype.

Gebaseerd op een idee van Wout Van Leuven. Volledig gegenereerd met Claude.

A 3D Mars rover simulator running entirely in the browser. Drive a six-wheeled rover across an infinite, procedurally generated Martian landscape — no installs, no dependencies, no build step.

Features

Rover

• Six-wheeled rover with rocker-bogie-style suspension
• Per-wheel terrain contact with least-squares plane fitting for realistic body tilt
• Wheel spin animation proportional to speed
• Camera mast, antenna, and solar panel modeled from geometric primitives

Terrain

• Infinite procedurally generated landscape using chunked Simplex noise
• Multi-octave terrain: distant mountains, rolling hills, fine surface detail
• Procedural impact craters with raised rims
• Scattered rock clusters and lone stones
• Height-based Mars coloring: deep rock, rust red, dusty orange, pale peaks

Atmosphere & Visuals

• Mars sky dome with gradient (dusty salmon horizon to dark butterscotch zenith) and sun glow
• Distance fog matching Mars atmospheric haze
• 1500 dust particles — ground-hugging dust and high atmospheric haze drifting in wind
• Wheel tracks left on the terrain surface with fade-out over distance

Cameras

• Third-person follow camera with smooth interpolation
• Mouse/touch drag to orbit, scroll to zoom
• Picture-in-picture MASTCAM-Z view from the rover's mast head
• Mastcam incorporates full rover pitch and roll

HUD

• Telemetry panel: speed, heading, altitude
• Mastcam overlay: total distance traveled, pitch and roll angles
• Scanline and crosshair effects on the PiP feed

Controls

• Desktop: WASD / arrow keys to drive, Space to brake, mouse to orbit camera
• Mobile: virtual joystick (analog steering/throttle), brake button, touch orbit camera
• Responsive layout adapts HUD and PiP for small screens

Technology

Built from scratch in a single HTML file (~2500 lines) using:

• WebGL2 — raw API, no libraries. Five shader programs (terrain, rover, sky, particles, trails)
• GLSL ES 3.0 — height-based terrain coloring, directional lighting, distance fog, alpha-blended trails and particles
• Simplex noise — custom implementation with fractal Brownian motion for terrain generation
• Chunked infinite terrain — 65×65 vertex chunks that load/unload dynamically around the rover
• Deterministic seeded RNG — consistent crater and stone placement across chunks
• Per-wheel physics — 6-point terrain sampling, least-squares plane fit (Cramer's rule), individual suspension offsets
• Dynamic trail mesh — quad strips built from recorded wheel positions, updated every frame
• Dual viewport rendering — main camera and PiP mastcam rendered in a single pass using gl.viewport and gl.scissor
• Touch input — multi-touch virtual joystick with analog control, separate camera orbit zone
• Zero dependencies — no Three.js, no npm, no bundler. Works offline.

Running

Open index.html in any modern browser (Chrome, Firefox, Safari, Edge). Works on desktop and mobile.

Built With

Entirely generated by Claude Code (Anthropic's Claude Opus 4.6) through iterative conversation — from empty directory to full simulator.

Een 3D voxel-bouwspel in de browser, aangedreven door Three.js. Verken een procedureel gegenereerde wereld, breek en plaats blokken en bouw wat je maar wilt — allemaal vanuit je browser.

Met first-person besturing, zwaartekracht en botsingsdetectie, vijf bloktypes, procedureel terrein met bomen en geoptimaliseerde rendering met face culling en shadow mapping.

Gebaseerd op een idee van Wout Van Leuven. Volledig gegenereerd met Claude.