okayuScroller/assets

Nekomata Okayu Scroller - Assets Guide

Required Assets

1. Sprite Sheet (sprites.png)

• File: assets/sprites.png
• Dimensions: 930x614 pixels
• Format: PNG with transparency

2. Background Music (music.mp3)

• File: assets/music.mp3
• Format: MP3, OGG, or WAV
• Loop: Should loop seamlessly

Sprite Sheet Layout Guide

The game expects the following sprite positions (adjust as needed):

Player Sprites (32x32 pixels each)

• Idle Animation: Row 0, frames 0-3

  • Frame 0: (0, 0, 32, 32)
  • Frame 1: (32, 0, 32, 32)
  • Frame 2: (64, 0, 32, 32)
  • Frame 3: (96, 0, 32, 32)

• Walk Animation: Row 1, frames 0-5

  • Frame 0: (0, 32, 32, 32)
  • Frame 1: (32, 32, 32, 32)
  • Frame 2: (64, 32, 32, 32)
  • Frame 3: (96, 32, 32, 32)
  • Frame 4: (128, 32, 32, 32)
  • Frame 5: (160, 32, 32, 32)

Environment Sprites

• Floor Tiles: (0, 64, 32, 32)
• Decorations: (64, 0, 64, 64)

Setup Instructions

1. Place your sprite sheet file in assets/sprites.png
2. Place your background music in assets/music.mp3
3. Open index.html in your browser
4. Click on the canvas to start the music
5. Use WASD or arrow keys to move Okayu around

Customization

To adjust sprite positions, edit the coordinates in:

• js/player.js (player sprites)
• js/game.js (background elements)

The game uses pixel-perfect rendering to maintain the pixel art aesthetic.