Full playable demo

Play Pixel Pet

Try the finished feed/play/sleep game.

Playable result only — the source code stays hidden.

Mission 00 5 min

Mission 0: See What You’re Building

Meet the finished Pixel Pet. Feed it, play with it and let it sleep. Watch hunger, happiness and energy change, notice the pet’s mood, find the win condition and try restarting.

Build roadmap

What you’ll build, mission by mission

  1. 1
    Build the pet screen

    Create the pet, stats, status and controls.

  2. 2
    Style the pet room

    Add a polished card and responsive buttons.

  3. 3
    Feed the pet

    Change hunger state and render it.

  4. 4
    Play and sleep

    Add happiness and energy changes.

  5. 5
    Show the pet’s mood

    Use conditions and CSS classes for feedback.

  6. 6
    Win, lose and restart

    Finish the game loop.

Mission demoBuild the Pixel Pet Interface

Finished result only — the answer code stays hidden.