Skip to content
Quancis
Demos
Made in chat with KaelGame3DSandboxProcedural

Blockscape.

A voxel sandbox with a day and night cycle, in one HTML file.

Open full screen in a new tabDownload the HTML fileBest on a phone: use the full-screen tab.

Playing loads its libraries from cdnjs.cloudflare.com, a public CDN, so that host sees the request like any other (and, only if that fails, cdn.jsdelivr.net and unpkg.com). Nothing you do in the game is sent to us. The downloaded file does the same when you open it.

About

What You’re Playing.

Blockscape is a voxel sandbox. The world is generated from a seed as you walk: oceans, beaches, plains, forests, deserts, taiga, rocky mountains and snow caps, with caves underneath and a bedrock floor. Oak, birch and spruce trees, tall grass and flowers fill in the surface. Dig any block out and place a new one from the ten in your hotbar.

The sky runs a full day and night cycle, 10 minutes long at the normal setting, with a sun and moon, stars, sunrise and sunset colours, drifting cube clouds, mist rising off the water at dawn, and a sun glare that the clouds and terrain can block. Water is its own shader, with ripples, reflections, foam at the shore and light patterns on the sea floor. Pigs, cows, sheep and villagers wander around. They are only there to look at.

Everything on screen is generated in code. The block textures are drawn on a canvas, and the footsteps, digging, wind, water and bird sounds are synthesised with the Web Audio API. Your edits, position, time of day and settings are saved in your browser, so you can close the tab and come back to the same world. Settings let you change the graphics level, render distance, shadows, day length and more, and you can start a new world from any seed.

What’s in it

  • Generated world from a seed: eight biomes, caves, trees and flowers
  • Dig and place blocks, with ten block types in the hotbar
  • Day and night cycle with sun, moon, stars, clouds and mist
  • Water shader with ripples, reflections and foam
  • Wandering pigs, cows, sheep and villagers
  • Saved in your browser, with a new-world seed option
  • Full touch controls, and graphics that adapt to your device
  • Textures and sound generated in code, no asset files
Controls

How To Play.

Keyboard and mouse

  • W A S DMove
  • SpaceJump (swim up in water)
  • ShiftSprint while moving forward
  • MouseLook around
  • Left / right clickDig a block / place a block
  • Middle clickPick the block you are looking at
  • 1 to 0, or scrollChoose a block in the hotbar
  • F, or double-tap SpaceToggle flying (Shift or C to descend, Ctrl or Q to go faster)
  • EscPause and open settings

Touch

  • Left thumbFloating joystick; push to the edge to sprint
  • Right thumbDrag to look around
  • Jump, Dig and Place buttonsHold Dig or Place to repeat
  • Fly buttonToggle flying; a down arrow appears while you fly
  • Tap the block barChoose a block
Made in chat with Kael

Kael wrote this in a chat conversation, with no building tools, as a single HTML file.

How these were made →
More

More Demos.