Claude Prompt:

"I am developing a 2D pixel-art side-scrolling game in Phaser 3, and I need your help implementing the first narrative scene: City1. This scene will function identically to the transition levels (Path levels) but with the addition of narration text at the bottom of the screen. The player will only walk from left to right, triggering the scene transition when they reach the far right. Here’s what you need to know:

Scene Details:

• Scene Name: City1 (to be loaded after TitleScene and before City2)
• Background: backgrounds/city1.PNG (Office setting)
• Character: Businessman sprite in characters/businessman/
  • businessman-neutral.png (Idle frame)
  • businessman-walk1.png, businessman-walk2.png, businessman-walk3.png (Walk cycle)
• Functionality: Identical to path levels, except with narration text at the bottom of the screen
• Collision Path: Needs an adjustable height in constants.js

Implementation Requirements:

1. Load the City1 scene with the correct background and character.
2. Ensure smooth left-to-right walking with a basic walk cycle animation.
3. Display narration text at the bottom of the screen. The text should appear one line at a time, fading in and out.
4. Trigger a scene transition when the player reaches the far right of the screen, leading into City2.
5. Allow the collision path height to be adjusted via constants.js.

Narration for City1:

1. "Another day, another meeting, another spreadsheet. But lately, something feels off—like a question lingering at the edge of my thoughts."
2. "I used to know exactly what I was working toward. Now, I wonder if I ever really did."
3. "I need answers. Real ones. Not another promotion, not another deadline—something deeper. Something true."

Next Steps:

• Generate City1 using these instructions.