I'll create an Asteroids game with HTML5 Canvas, using vector graphics (lines and shapes). The game will have: player ship with rotation and thrust, bullets, asteroids that split into smaller pieces, screen wrapping, score, and lives. All self-contained in index.html.

First, let's check current directory and create index.html.

Now I'll write the index.html with CSS and JS inside. Let's design the game structure.

I'll create a canvas, game loop, vector graphics for ship (triangle), asteroids (random polygon), bullets, collision detection, splitting asteroids, score, lives, and controls (arrow keys, space).

Let's write the file.

Now write the index.html file. I'll craft the complete game with CSS and JS in one file. I'll structure:

- HTML: canvas, score/lives display, controls help
- CSS: basic styling, centering canvas
- JS: game loop, ship, asteroids, bullets, collision detection, rendering vector graphics.

Let's write.

Now create the index.html file. I'll write the whole content. Let's craft it step by step: include HTML structure, style, canvas, and JavaScript. Use requestAnimationFrame for game loop. Implement vector ship drawing with triangle, thrust flame, rotation with arrow keys, thrust with up arrow, shoot with spacebar. Asteroids as irregular polygons. Wrap coordinates when off-screen. Collision detection (circle approximation). Score tracking, lives, game over state.

I'll write the file now.

Now create index.html with the game. I'll write the entire file in one go. Let's think about structure: HTML with canvas, style for fullscreen-ish, script with game loop, classes for Ship, Asteroid, Bullet, Game. Use vector drawing with canvas lineTo and stroke.

I'll implement basic physics: ship rotation with left/right, thrust with up, shoot with space. Wrap coordinates. Collision detection between bullet/asteroid, ship/asteroid. Asteroids have size levels (large, medium, small). Score increases per asteroid size.

Let's write the file.