Create a minimalistic version of the Google Dinosaur Game featuring a doodle pet cat. The game should be rendered on a black canvas with simple white line art, avoiding any detailed styling or colors. Prior to starting, display a loading screen with a calm walking cat in a loop animation. The game begins when the user clicks on the screen or presses the backspace key. The game environment should be an urban rooftop scene depicted with simple white line drawings, emphasizing a straightforward and clean aesthetic. FOLLOW THE AESTHETICH ATTACHED
I'll build this minimalistic doodle cat runner game with a black canvas and white line art aesthetic matching your reference image. Let me start by reading the existing files, then create the game.
Now let me build the game. I'll create the main game component and the page.
Now let me update the layout metadata to match the game:
The Rooftop Cat doodle runner game is complete. It features a black canvas with all-white line art matching the aesthetic of your reference image. The loading screen shows a calm walking cat with a gentle bob animation and tail sway, and the game starts on click, tap, or spacebar/backspace. During gameplay, the cat runs across an urban rooftop with brick-edge detail, distant city buildings with windows, a crescent moon, and stars. Obstacles include TV antennas, steam pipes, AC units, and birds (after score 5), all drawn in simple white line art. The game speeds up as your score increases, and a high-score tracker persists within the session.
Let me read the current game component to understand what needs to be fixed.
Now I can see the issue. The cat head is drawn to the LEFT (negative x) which means it's facing left/backwards while moving right. I also need to match the reference image style - a chunky, rounded doodle cat with a filled black body and white outline, not a wireframe ellipse. Let me completely rewrite both cat drawing functions to face right and match the reference aesthetic.
Now let me rewrite the walking cat for the loading screen with the same style:
Now let me also fix the cat's ground position to account for the new shape - the cat's feet need to align properly with the ground:
Now update the collision hitbox to match the new cat shape (head is now on the right side):
I completely rewrote both cat drawing functions to match the reference image aesthetic. The cat now faces right (forward) with a chunky body filled in black with a white outline, pointy triangle ears, happy closed eyes, whiskers extending forward, and a thick curling tail behind. The walking cat on the loading screen uses the same style with a gentle bob and slow leg sway, while the running cat has faster leg animation and tucked legs when jumping.