# 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.