Web Game Quickstart Tutorial

  1. Clone the noa-examples repository:git clone https://github.com/fenomas/noa-examples.git
  2. Navigate to the project directory and install dependencies:cd noa-examples npm install
  3. Start the development server:npm testThis will serve the demos on http://localhost:8080
  4. In the coev app:
    • Configure the workspace path to your noa-examples project folder.
    • Select the main game file (e.g., src/hello-world/index.js) for editing.
    • Enable web app screenshotting.
    • Set the appropriate localhost URL and port (http://localhost:8080).
  5. Prompt the AI to modify the voxel world. Here's an example of a good prompt:
    "Modify the voxel world to create a small island with a beach, some trees, and a mountain. Add a simple day-night cycle and basic player controls for jumping and building blocks."
  6. Watch as your web game updates in real-time with the new features and world generation!
  7. After each significant AI-generated change:
    • Review the changes in your code editor.
    • Test the game in your browser to ensure new features work as expected.
    • Commit the changes to Git with a descriptive message about the update.
  8. To further develop your game:
    • Ask the AI to implement new game mechanics (e.g., inventory system, crafting).
    • Request specific improvements to world generation or player interactions.
    • Have the AI create new entity types or game objects.
    • Continue committing changes to Git after each significant update.
  9. If you need to revert AI-generated changes, use Git's version control features to return to a previous state of your project.
  10. Once you're satisfied with your game:
    • Ask the AI to optimize performance and fix any bugs.
    • Consider adding a simple UI for game settings or instructions.
    • Prepare the game for deployment by setting up a build process (you may need to modify the project's build configuration).
← Back to Home