VoxelVile

A browser-based 3D voxel sandbox (Minecraft clone) built with Next.js 16, TypeScript, Three.js, and Tailwind CSS.

Features:

• First-person 3D voxel world with pointer-lock mouse look + WASD movement
• Procedural terrain using simplex noise — hills, water, beaches, snow peaks, and trees
• Procedural pixelated textures — a 128×128 texture atlas with 15 hand-coded 16×16 tiles
• Block breaking & placing via voxel raycasting (DDA), with a wireframe highlight
• Player physics — gravity, jumping, AABB collision, walk + fly modes (double-tap Space)
• Water & swimming — buoyancy, water drag, swim up/down, translucent water, underwater fog
• Mobile touch controls — floating joystick, labeled action buttons, touch-drag look
• World saving & loading — IndexedDB persistence with multiple named save slots
• Hotbar — 9 block types, selectable via number keys, scroll wheel, or tap (mobile)
• Sky gradient, distance fog, Lambert face shading, frustum culling, chunk streaming

Controls

Desktop

Action	Key
Move	WASD
Look	Mouse (click to capture)
Jump / Swim up	Space
Sprint / Swim down	Shift
Toggle fly	Double-tap Space
Break block	Left click
Place block	Right click
Select block	1–9 / scroll wheel
Toggle help	H
Release mouse	Esc

Mobile

• Left side: drag anywhere to move (floating joystick)
• Right side: Fly / Jump / Place / Mine buttons
• Drag on screen: look around
• Tap hotbar: select block
• World button (top-right): save / load / new world