DockerLinux’s new isometric world turns Linux and Docker terminal lessons into buildings on a map of islands. Its author says the map is rendered with Vue and plain SVG—not canvas or a game engine—and uses a repeatable tile layout to connect levels with roads and bridges.
What changed in DockerLinux?
DockerLinux is a browser game for learning Linux and Docker through simulated terminal tasks. Before the world update, players saw a terminal alongside a list of levels. The updated presentation places levels on islands as buildings matched to their subjects: a library represents file lessons, a crane stands for Compose, and a vault represents permissions.
As an Amazon Associate I earn from qualifying purchases.
When a player completes a terminal level, the route to the next one lights up and Byte, a pixel penguin, walks along it. The world gives the sequence of lessons a visual setting; the tasks themselves remain terminal-based.
How does the map work without a game engine?
Tile data determines the islands
The map is assembled from island data on a shared tile grid. Island outlines are made from ellipses, while a hash of tile coordinates introduces coastline variation. Because that variation does not use Math.random(), the author says the same inputs produce the same map, making it repeatable and easier to test. Levels are assigned to tiles, and topic-matched buildings mark their locations.
#1 Best Overall
Routes connect the levels
A small Dijkstra search finds routes between consecutive level tiles. Its cost model favors land, adds a penalty for turns to encourage straighter roads, and makes water expensive without making it impassable. That leaves room for wooden bridges where a route crosses the sea. Tiles not occupied by levels or routes can hold scenery, such as trees on Linux Island, shipping containers in the harbour, or mountains in the Highlands.
Isometric projection controls placement and overlap
The article’s example maps grid coordinates to screen coordinates with iso(i, j) => ({ x: (i - j) * 32, y: (i + j) * 16 }). It describes this as positioning the top-left of a 64 × 44 tile. Elements are drawn in ascending order of i + j, so tiles farther back are painted before those in front and can be overlapped correctly.
How does navigation and motion work?
The camera changes the SVG viewBox rather than repositioning every map element. Dragging shifts the viewed region; the wheel or a pinch gesture scales it around the pointer. Travel between islands can be animated with requestAnimationFrame.
The author says the map uses SVG attributes rather than inline styles to comply with the game’s strict Content-Security-Policy. It also responds to prefers-reduced-motion: instead of flying the camera, it jumps to the destination, and Byte does not walk.
How are advanced missions delivered?
For advanced Linux Highlands missions, the author describes five levels sent as JSON to logged-in players rather than included in the public JavaScript bundle. The mission checks are data, not remotely supplied functions. The browser compiles each specification into a predicate; unknown or malformed items become checks that never pass, which the author says keeps a bad network item from crashing the game.
One example asks players to stop a process using kill with its PID or pkill. The distinction between mission data and executable functions is central to the described design: the server supplies a specification, while the game applies its own checks.
Who can try the game?
The author’s article says DockerLinux has 17 levels and is available in English and Portuguese. Every free level works without an account. The World requires a free account, created with an email address and a one-time code. These are product details stated in the article and could change. Read the author’s account on DEV Community or visit DockerLinux.
What this implementation does—and does not—show
The account is a concrete example of building a navigable, animated map from Vue, SVG, and JavaScript data rather than a dedicated game engine. It explains how deterministic placement, grid routing, drawing order, camera controls, and reduced-motion behavior fit together. It does not provide a head-to-head comparison with game engines or evidence that this approach is faster or better for other projects; the choice is presented as the implementation behind this particular browser game.
Quick Recap
Product prices and availability are accurate as of the date/time indicated and are subject to change. Any price and availability information displayed on Amazon at the time of purchase will apply.
