3 min read

Three.js games you can play in your browser

Eight 3D games built with three.js that run in a browser tab, from an 820K-play stacking game to live four-player races, and how creators make them on Remix.

Three.js games you can play in your browser

Three.js is the most popular way to put a 3D scene in a web page. It talks to the graphics card through WebGL, so a game built on it runs in a browser tab on a phone or a laptop, with nothing to install.

Every game below is built with three.js, made on Remix, and picked by our team. Each one opens on remix.gg with nothing to install. Here is what to play and what each one shows about 3D on the web.

Tower Blocks

Tower Blocks by @andrewjam has more than 820,000 plays. A block slides back and forth above your tower. Tap to drop it. Whatever hangs over the edge gets sliced off and falls, so the tower narrows with every miss. Miss completely and the run is over.

The camera rises as the tower grows, and the light and shading make every sliver of overhang easy to read. That is what 3D buys a one-tap game: you judge depth without thinking about it.

Nightmare Blocks

Nightmare Blocks is my harder take on the same stack, with more than 570,000 plays. It adds a nightmare mode and a last chance: when a run is about to end, a dice roll paid in Bits can keep it alive.

Only Down

Only Down by @chukinice drops a ball down through layer after layer of platforms. Power-ups smash through five platforms at once or triple your score, and the ball changes its look as your rank climbs. It has more than 190,000 plays.

3D Tic Tac Toe

3D Tic Tac Toe by @johnivan0 puts the oldest game on the playground on a board floating in space. Beat the computer to move up a level, and use a Rewind to take back a move you regret.

Parsec Run

Parsec Run by @pruitt has you steer a ship with an on-screen stick through glowing gates that come at you faster and faster. The ship banks and pitches into every turn, and the stars stretch into streaks at speed. It is the clearest example here of a camera doing half the work of making a game feel fast.

City Racing

City Racing by @tuanteku lets you pick a supercar and race it through the city. Distance and a score multiplier climb the longer you last. Tap the left or right side of the screen to steer, or use the arrow keys on a computer.

Cylinder Jumper

Cylinder Jumper by @kaiyou wraps a platform game around a giant tower. You judge each jump, find the next ledge and keep climbing for height, gems and a daily climb. The curve gives every jump depth without asking you to steer a camera.

PolyRace

PolyRace is a racer I built for computers: seven low-poly tracks with loops and wall rides, a ghost of your best lap, and live races for up to four players. Play it in a computer browser or in Remix Desktop.

How these get made

You do not need to learn WebGL to make a game like these. On Remix you describe the game you want, an AI agent writes the three.js code, and you play each version as it changes. You stay in charge of the parts that make a game good: the camera distance, the jump height, how fast the gates come, when the run ends.

If you write code yourself, the Three.js SDK sets up the renderer, the screen size, the game loop, input and assets, and connects your game to Remix. The quickstart walks through a first game, and publishing covers getting it live.

For bigger 3D games, like races with friends or worlds you walk around in, Remix Desktop runs the coding agent you already use on your own computer.

Play the games above, then describe the 3D game you want to make.