Super Snake

Super Snake: a familiar grid with a few shortcuts

Super Snake turns the classic snake game into a small 3D meadow. I built it solo with AI assistance from ChatGPT, using HTML, CSS and Three.js. The main rule remains easy to read: collect fruit, grow longer and plan around the body you leave behind. Adventure adds rocks and a pair of portals to make that planning less predictable.

Three modes on the same board

The board is 16 by 16 cells, and the snake begins with six segments. Adventure starts with obstacles and two connected portal pads. Entering either pad moves the head to the other one. Every five fruits increases the level and speeds up movement; the game can also add a rock if a suitable free cell is available away from the head.

Classic removes the Adventure obstacles and portals. Zen goes further: the snake wraps across board edges and can pass through itself, making it a gentler way to follow the next apple. Five selectable colours change the snake's appearance. The different meadow names shown during Adventure label progress on the same board.

Fruit, protection and a burst of speed

Ordinary fruit starts at ten points, while golden fruit starts at thirty. Eating again within six seconds builds a multiplier up to three. Boost doubles the fruit points and makes the snake move faster, but consumes an energy meter that recovers when boost is released. Adventure also offers a shield that can absorb a mistake and an eight-second slow-motion effect.

Steer with arrows or WASD, swipe on the board, or use the touch direction buttons. Hold Shift or the touch Boost button for speed. Space starts the game and toggles pause during play; Esc pauses an active run. Scores are saved separately by mode, along with colour, pace, sound and reduced-motion settings.

Making grid movement look continuous

The technical work centres on separating grid rules from the 3D presentation. The engine stores previous body positions, buffers up to two legal turns and rejects direct reversals. It also allows entry into the old tail cell when that tail moves away on a non-growing step. Three.js 0.180.0 renders the scene, with RoundedBoxGeometry for rounded forms and GLTFLoader for Kenney Nature Kit scenery. Super Snake belongs to the free Solo Game Devs browser collection, with a standalone HTML download planned.