Kids playing with Claude: A Super Mario-style platformer featuring a Dalmatian dog as the hero!
- Open
index.htmlin a web browser - Use Arrow Keys to move left/right
- Press SPACE to jump
- Collect white bones for 50 points
- Collect golden bones to grow big (worth 200 points!)
- Jump on cats to defeat them
- Reach the flag to complete the level
- Dalmatian Hero: Play as an adorable spotted dalmatian
- Power-ups: Golden bones make you grow bigger (like mushrooms in Mario!)
- Kid-Friendly: Slower enemy movement suitable for younger players
- Two Complete Levels: With progressively increasing difficulty
- Growing Mechanic: When powered up, you take one hit without losing a life
Levels are defined in the LEVELS array at the bottom of game.js (around line 720). To add a new level, simply add a new object to this array:
{
// Where the player starts
playerStart: { x: 50, y: 400 },
// Platforms (ground, floating platforms, etc.)
platforms: [
{ x: 0, y: 500, width: 400, height: 100, type: 'grass' },
{ x: 450, y: 450, width: 150, height: 20, type: 'brick' },
{ x: 650, y: 400, width: 150, height: 20, type: 'cloud' },
// ... add more platforms
],
// Cat enemies
enemies: [
{ x: 300, y: 400, moveRange: 50 },
// x: horizontal position
// y: vertical position
// moveRange: how far left/right they patrol
],
// Collectible bones
collectibles: [
{ x: 200, y: 450 }, // Regular bone (50 points)
{ x: 900, y: 300, isPowerUp: true }, // Golden power-up bone (200 points)
],
// Victory flag position
flagPosition: { x: 2100, y: 436 }
}'grass': Green grass blocks with brown dirt'brick': Brown brick platforms'cloud': White fluffy cloud platforms
- Place the player start position safely on a platform
- Make sure platforms are close enough for the player to jump between (dog can jump ~15 pixels high and ~5 pixels horizontally per frame)
- Place power-up bones strategically before difficult sections
- The flag should be at
y: 436to sit nicely on most platforms - Enemy moveRange determines difficulty - smaller range = easier to avoid
index.html: Main HTML structure and UIgame.js: All game logic, classes, and level definitions- No external dependencies - pure vanilla JavaScript!
- Adjust cat speed by changing
this.vxin the Cat constructor (game.js:455) - Change player speed/jump height in Dog constructor (game.js:256-257)
- Modify colors and appearance in the draw() methods
- Add more enemy types by creating new classes
- Add different power-ups (speed boost, invincibility, etc.)
Have fun playing and creating new levels!