I'm going to create a single HTML file using Phaser and check which version to use.

I'm building a Phaser 3 game with procedurally generated levels, arcade physics, and no external assets—everything from textures to audio will be created on the fly. The level will feature ground segments with gaps, floating platforms, coins, enemies styled like goombas, and a goal flag, with the player as a simple rectangle and a camera that follows them.

For visuals, I'm generating sprite textures procedurally: ground and grass tiles, brick blocks, coins with a shine effect, player animations for idle and running states plus jumping, enemy sprites, a flag with pole, and background decorative elements like clouds and hills. Player movement uses arrow keys or WASD with spacebar to jump, implementing variable jump height and coyote time for better feel. Combat works via stomp mechanics—if the player lands on an enemy from above with downward velocity, the enemy dies and the player bounces; otherwise the player takes damage and respawns. Enemies patrol the level, turning at edges by detecting collisions with platforms or checking for ground ahead.

The HUD displays score, coins, lives, and a timer using Phaser text objects with a fixed camera position. I'm generating levels procedurally with a seeded random system, creating a column-based structure about 200 tiles wide where each column has a ground height determining how many solid tiles stack from the bottom. The flag sits at the end on a raised platform. The camera follows the player within the level bounds, and falling below the world triggers a respawn or life loss. Now I'm setting up the texture generation using Phaser's graphics system.

For the player, I'm drawing a simple Mario-style character with a red cap, skin face, blue overalls, and brown shoes in a 24x32 texture with a collision body slightly smaller. Enemies are brown mushroom-shaped sprites. I'm also adding question blocks that release coins when the player hits them from below by checking if the player's body is blocked upward and positioned below the block. For animations, I'm creating a spritesheet-like canvas texture with multiple frames.

Setting up sprite sheet frames... Defining the pixel art character... I'll define a function to generate player frames with different leg positions, then create a few animation variants including a jump state. For the enemy goomba, I'm scaling up the 14x12 art. The coin will spin by drawing circles with varying ellipse widths. Now I'm setting up the game constants—keeping the tile size at 32 pixels with a canvas of 832x448 to fit 14 rows.

For the level, the ground sits at rows 12-13 with mostly 2-tile heights and occasional 3-4 tile stairs. I'm generating gaps procedurally between 2-3 columns wide to keep them jumpable given the player's jump physics. Floating platforms will float around rows 8-9 with coins and brick blocks scattered above them, and enemies will patrol both ground and platform levels. I'm tracking solid tiles in a Set for collision detection so enemies can properly sense ledges.

At the end of the level, I'm placing a flag pole at column W-6 on the ground that triggers a win state with "LEVEL COMPLETE" text and an animated flag slide. Players can restart with R. The HUD displays score, coins, lives, and time, and I'm using a WebAudio helper to play sound effects throughout.