feat: Phaser-ready placeholder asset pack + generator for That One Game

[Copilot]

• Explore repo structure and existing files
• Create index.html — Phaser 3 CDN entry point for GitHub Spark
• Create src/main.js — game bootstrap (BootScene → GameScene demo)
• Wire up AssetLoader + AnimationHelper + main game
• Fix comment typo (W → X key)

Original prompt

Create a Phaser-ready placeholder asset pack and helper code for the game "That One Game".

Context / Requirements:

• Two visual themes:
  • Real World (RW): cartoon style placeholders
  • Game World (GW): pixel-art style placeholders
• Transparent background for all sprites.
• Sprite sheets for anything with uniform frames:
  • Player animations
  • Monster animations
  • FX animations
• Atlases (PNG + JSON) for:
  • Buildings
  • Props
  • UI
  • Items
  • Tiles
  • Environmental objects
• Performance/organization goals: maximum performance, minimum wasted space, clean organization, fast iteration, Phaser-friendly loading.

Sprite sheet specs:

• Top-down, 4-direction.
• Direction row order: Row0=down, Row1=left, Row2=right, Row3=up.
• Player exists in both worlds with same silhouette/colors but different rendering (RW cartoon vs GW pixel).
• Frame size:
  • Most sprites: 32x32 frames.
  • Mini-boss VP: 32x32 frames.
  • Boss CEO: 64x64 frames.
• Animations per character:
  • idle: 4 frames per direction
  • walk: 8 frames per direction
  • run: 8 frames per direction
  • attack: 8 frames per direction
  • jump removed (not needed)
• FX (single direction, 32x32 frames): 8 frames each
  • hit-spark
  • slash arc
  • projectile
  • pickup sparkle

Content list:

• Player:
  • RW: player_rw_idle/walk/run/attack
  • GW: player_gw_idle/walk/run/attack
• Enemies (GW, literal suited humans with red eyes):
  • 5 regular enemies: enemy_intern, enemy_hr, enemy_dev, enemy_security, enemy_accountant
  • Mini-boss: miniboss_vp
  • Boss: boss_ceo (64x64)
• FX (GW): fx_hitspark, fx_slasharc, fx_projectile, fx_pickup

File/dir layout (under assets/):

• assets/spritesheets/rw/*.png
• assets/spritesheets/gw/*.png
• assets/atlas/rw/atlas_rw_world.png + .json
• assets/atlas/rw/atlas_rw_ui.png + .json
• assets/atlas/gw/atlas_gw_world.png + .json
• assets/atlas/gw/atlas_gw_ui.png + .json
• assets/asset-manifest.json: single source-of-truth listing spritesheets and atlases with correct frameWidth/frameHeight.

Implementation details:

• Choose a generator implementation (Node recommended) and add scripts to generate placeholder PNGs and atlas JSON deterministically.
• PNGs should be valid images with transparency and obvious placeholder visuals (simple shapes/colors; RW more cartoon-ish, GW more pixel-ish) but do not require artistic detail.
• Atlas JSON should be Phaser-compatible (TexturePacker-style "hash" format or Phaser atlas format). Ensure frames include all required names.
• Atlases should be packed deterministically (e.g., grid packing) to keep the generator simple and predictable.

Code helpers:

• Add Phaser loader helper that loads all assets from assets/asset-manifest.json.
• Add animation helper that creates 4-direction animations based on the sheet layout above and FX animations.
• Keep code framework-agnostic for Phaser 3 (plain JS modules).

Acceptance criteria:

• Running the generator script creates/updates all required PNG and JSON files under assets/.
• The asset-manifest.json references the generated files correctly.
• Phaser helper code can preload assets and create animations without manual edits.
• Boss CEO spritesheets are generated at 64x64 frames with correct sheet dimensions.

Repository:

• Target repo: paulcombs56-ops/That-One-Game
• Base branch: main

The following is the prior conversation context from the user's chat exploration (may be truncated):

User: Are you able to create some Phaser ready sprites?

Assistant: Yes—if you tell me what you need, I can generate Phaser-ready sprite assets in a few practical ways:

1. I can create sprite sheets + metadata

• A PNG sprite sheet (power-of-two if you want: 512/1024/2048)
• A matching TexturePacker-style JSON (works with this.load.atlas(...)) or a frame JSON (works with this.load.spritesheet(...) if it’s uniform frames)

2. I can create individual PNG frames

• Separate idle_0.png, idle_1.png, etc.
• Plus a small loader + animation setup snippet for Phaser 3

3. I can create vector-first and export

• Simple pixel art / flat shapes / SVG-style art, then export to PNG at your target resolution

What I need from you (answer as many as you can):

1. Style: pixel art / cartoon / realistic / flat / outline?
2. Subject: character, enemy, items, UI icons, tiles?
3. Dimensions: e.g. 32×32, 64×64 per frame (and target scale in-game)
4. Animations needed: idle/walk/run/jump/attack, and how many frames each
5. Format preference:
   • spritesheet (uniform frame size) or
   • atlas (frames can vary; generally more flexible)
6. Background: transparent (usually yes)
7. Palette / theme: any colors, era (sci-fi/fantasy), references?

If you reply with one concrete example (like “64×64 pixel-art astronaut, 8-frame walk, 4-frame idle, atlas JSON”), I’ll draft:

• a recommended file layout,
• the exact Phaser loading code,
• and the animation definitions (and I can also generate the actual frames if you wan...

This pull request was created from Copilot chat.