Set up the basic HTML/CSS/JS project structure for both games.

Every web-based game starts with the same foundation: an HTML file for structure, a CSS file for appearance, and JavaScript files for logic. We create a clean folder structure that will support the entire project.

Ami — Combat Risk Engine

Create the project folder for AMILURI.com. Use the same folder structure shown in the code scaffolding below. This will be the home for all game code going forward.

Ida — Economic Growth Engine

Create the project folder for Built: Foundations. Use the same folder structure shown in the code scaffolding below. This will be the home for all game code going forward.

/index.html /style.css /main.js /game/state.js /game/loop.js <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Game</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Game Title</h1> <div id="game-container"></div> <script src="main.js"></script> </body> </html> /* style.css — CSS Reset */ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } body { font-family: sans-serif; background: #111; color: #eee; } // main.js console.log("Game Loaded");
  • Create the folder structure
  • Write index.html with proper HTML5 boilerplate
  • Link style.css and main.js
  • Add console.log("Game Loaded") to main.js
  • Open in browser and verify console output
  • Checkpoint

    Page loads in browser with no errors. Console shows "Game Loaded".

    No game logic. No visuals. No Three.js yet. Just the skeleton.

    Forgetting to link the CSS or JS file — double-check the <link> and <script> tags in your HTML.

    Using wrong file paths — make sure the filenames match exactly, including capitalization.

    Not checking the browser console for errors — always open DevTools (F12) and look at the Console tab.

    Walk through each file together. Explain what each file does. This is the first time they see real code — go slow. Make sure they understand the relationship between HTML, CSS, and JS before moving on.