The Pixel Art Behind the Chrome Dino Game

The pixel dinosaur on Chrome’s offline page is one of the most-recognized sprites in modern software. Three small idle frames, two jog frames, a duck pose, a sad-eyes “game over” face — and somehow that’s enough to anchor a global cultural moment. The Chrome Dino game works because the art does more with less than just about any game sprite in recent memory. Here’s a close look at how it’s built.
Key takeaways
- The Chrome Dino sprite was designed by Sebastien Gabriel as part of Chrome’s offline page in 2014.
- Every visual element — dinosaur, cactus, pterodactyl, cloud — is packed into a single sprite sheet.
- The dinosaur animation uses just six frames total across all states.
- The art style is intentionally restricted to a monochrome 1-bit palette to evoke 8-bit gaming nostalgia.
- The same sprite sheet handles both day and night modes; the colors invert at runtime.
One sprite sheet, the whole game
Open the Chrome Dino source and you’ll find a single PNG that contains every visual element: the dinosaur in all his poses, the cactus variants, the pterodactyl flapping frames, the clouds, the digit sprites for the score, the “GAME OVER” letters, the restart button. One file. One context switch. Everything the renderer needs.
This is the classic spritesheet approach from the arcade era, and it’s why the game loads instantly. There’s no fetch delay between assets, no parallel image requests, no LoadingScreen — the entire visual catalog is one HTTP request. Once that PNG is in memory, the game can run forever.
The dinosaur, in six frames
The T-Rex animation is broken down economically. There are roughly six poses across all his states:
- Idle (1 frame) — the still pose you see before starting a run, with both feet on the ground.
- Run cycle (2 frames) — alternating leg positions during normal running.
- Jump (1 frame) — legs tucked, body slightly tilted forward.
- Duck cycle (2 frames) — alternating leg positions while ducking, with the head and torso lowered.
- Crashed (1 frame) — the X-eyed sad face after a collision.
That’s it. The illusion of movement comes from alternating the two run frames at a brisk cadence — about 12 frames per second — which is the same trick as Mario’s two-frame walk in the original Super Mario Bros. Six frames is enough because the eye fills in the rest.
Color choices and the 1-bit palette
The Chrome Dino’s pixel art uses one color: #535353, a medium gray that reads as “ink” on Chrome’s off-white background. There’s no shading, no gradients, no anti-aliasing. The shapes are described entirely by which pixels are on and which are off — a true 1-bit (or “monobit”) design, the same constraint Game Boy artists worked with in the 1990s.
This restriction is intentional. It evokes the look of early arcade and handheld games, anchoring the dinosaur in a retro-gaming memory most players have. It also makes the art feel timeless: there’s no soft modern gradient that will look dated in five years.
The night mode trick
Roughly every 700 obstacles, the game flips into “night mode”: background goes dark, sprites invert to light. This isn’t accomplished with a separate sprite sheet. The renderer applies a color inversion to the existing sprites — the dinosaur becomes light gray on a dark background. It’s the same art doing two visual jobs.
This is why the night mode addition felt so coherent when it shipped. The team didn’t redraw assets; they reused them with a runtime palette swap. The art was designed to support this from the start.
The cactus catalog
Cacti come in two heights and several width clusters:
- Small single, double, triple. Short cacti in groups of one, two, or three.
- Large single, double. Tall cacti — single or pairs.
- Mixed clusters. Combinations of small and large cacti packed tightly.
Each cactus type is a separate sprite on the sheet. The game’s obstacle code picks one at random from a difficulty-weighted pool — at low speeds, single cacti are more common; at high speeds, the clusters dominate. The visual differentiation is critical: a player needs to read the obstacle’s width and height at a glance to time the jump.
The pterodactyl
Two flap frames, alternated at a slower cadence than the dinosaur’s run cycle. The pterodactyl appears at three height bands — low, mid, high — and the height determines whether you can run under it (low), have to duck (mid), or have to jump (high). The art doesn’t visually telegraph the band; that’s part of the difficulty.
One detail worth noting: the pterodactyl’s flap is slightly out of sync with the dinosaur’s run, which adds visual interest without requiring any extra animation work. Two cycles, two cadences, one canvas.
The horizon line
The “ground” is one of the most subtle pieces of pixel art in the game. It’s a series of tiny bumps and dashes — not a smooth line — that scrolls horizontally to suggest motion. Up close, it looks like noise. At distance and at speed, it reads as a textured desert floor.
The horizon also occasionally widens into a small hill or dip. These are just visual variations in the scrolling pattern — they don’t affect gameplay. They prevent the floor from looking too uniform during long runs.
The clouds and moon
A few cloud sprites drift across the upper half of the playfield. They’re cosmetic; you can fly the pterodactyl through them with no effect. They appear randomly and scroll slower than the foreground, creating a minimal parallax effect.
In night mode, the clouds disappear and a single moon sprite (sometimes a half-moon, sometimes a full one) replaces them in the upper sky. Same trick as the night-mode color flip: minimal new assets, maximum atmospheric change.
Why this pixel art has aged so well
Three reasons:
- The 1-bit constraint. A single-color sprite can’t look dated the way a polygon model from 2014 can. The art predicts nothing about the future of graphics.
- The minimalism. Six frames for the dinosaur. A handful of cactus variants. Two pterodactyl frames. The lack of detail leaves nothing to “modernize.”
- The contextual fit. The art lives on a plain error page in a web browser. Anything more elaborate would clash with the surrounding UI. The simplicity isn’t just aesthetic — it’s functional.
If you want a deeper dive into the visual language of small sprites, the Wikipedia entry on sprite graphics covers the history this style descends from.
Fan-made pixel dinosaur remixes
Because the Chrome Dino sprite is recognizable, designers have remixed it constantly. There are:
- Color variants — pink dinosaur, neon green dinosaur, gradient dinosaur.
- Species swaps — replace the T-Rex with a velociraptor, a stegosaurus, or a brachiosaurus, with new run frames.
- Costume variants — dinosaur in a top hat, dinosaur with a backpack, dinosaur as Mario.
- “Living” versions — sprites with eyes that blink, breath that visibly moves, more animation frames.
None of these are official. They live on GitHub, Codepen, and itch.io as community projects. The simplicity of the original sprite is what makes it so remixable: you can replicate the basic outline in a few hundred pixels, then make it your own.
Frequently asked questions
Who designed the Chrome Dino pixel art?
Sebastien Gabriel, a Google designer, created the original T-Rex sprite as part of Chrome’s offline page in 2014.
How many frames are in the Chrome Dino animation?
About six total: one idle, two run-cycle, one jump, two duck-cycle, plus a crashed face. The illusion of motion comes from alternating two frames at a fast cadence.
Why is the pixel dinosaur gray instead of colored?
The 1-bit gray palette evokes early arcade and handheld games — Game Boy, original arcade silhouettes — and it fits cleanly on Chrome’s off-white error page. Color would clash visually.
Can I use the Chrome Dino sprite in my own project?
The sprite is licensed under BSD-3 along with the rest of the open-source T-Rex Runner code. You can use, modify, and redistribute it as long as the license terms are followed (attribution preserved).
Does the pixel art change at higher scores?
The art itself doesn’t change, but the night mode color inversion kicks in every few thousand meters, which makes long runs feel visually varied without new assets.
Six frames, a global icon
The Chrome Dino’s pixel art is a masterclass in how much can be done with how little. One sprite sheet, one color, six animation frames — and yet the dinosaur is now a piece of internet visual vocabulary recognized everywhere. If you want to see the art in motion, the game is loaded here. Watch the run cycle for a few seconds and you’ll appreciate how cleanly those two frames cycle into a believable jog.








