GAME DEVELOPMENT WITH AI

Introduction to Game Development with AI

Lesson 1 - From Workers to Architects

The Big Change

The Old Approach

Long coding course
Months of learning syntax
Struggling with bugs
A green square on a black screen

The New Approach

Complete Snake game
In under 4 minutes
Without a single line of code
With design, colors and logic

We're not learning to code. We're learning to manage.

First Concept: IDE

IDE

Integrated Development Environment

The workspace where everything happens.
The place where you write code, view files, run programs and talk to the agent.

Like a surgeon's operating table, or a carpenter's workshop - this is the place where all the tools are.

Structure of the Workspace

01 File Explorer (left side) - manage all project files
02 Edit Area (center) - where code appears and is edited
03 Chat Panel (right side / Ctrl+I) - conversation with the agent
04 Preview - live preview of the product

Second Concept: Agent

AGENT

An AI entity that can perform actions

Not a regular chatbot. A chatbot answers questions. An agent performs actions:
creates files, writes code, deletes, fixes, runs tests - all within the workspace.

If you used to build a wall brick-by-brick, today you have a skilled worker. You just need to say: "Build a 2-meter white wall".

Third Concept: Prompt

PROMPT

The instruction to the agent

Precise instruction = precise result.
"Build a house" → could be a tent or a palace.
"Build a private house, one floor, red tile roof" → exactly what you wanted.

The more precise our instructions, the better the agent works. This is the art we'll learn in this course.

Structure of a Good Prompt

01 Role - Who is the agent? ("You are an expert game developer")
02 Task - What to do? ("Create a classic Snake game")
03 Technical Constraints - How? ("Single file named index.html")
04 Design - How does it look? ("Dark background, Neon Green Snake")

Our First Prompt

                // Role

                You are an expert game developer using HTML5.

                // Task

                Create a classic Snake game.

                Generate a single file named index.html

                which contains the CSS, HTML and JS.

                // Design

                Design constraints: Dark background,

                Neon Green Snake, Red apple,

                Classic arcade font for score.

Three Languages of the Web

HTML

The Foundation

Structure and content of the page - buttons, texts, areas

CSS

The Design

Colors, sizes, animations - how the page looks

JS

The Brain

The logic - how the snake moves, what happens when eating an apple

Iteration - The Development Cycle

ITERATION

Development is not a one-time action. It's a cycle that repeats:

1

Build

→

2

Test

→

3

Improve

More Important Concepts

CONTEXT AWARE

The agent is context aware. It doesn't rewrite everything - it reads the existing code, understands what has been built, and changes only what's needed.

UX

User Experience

How the player feels when using the product. If there's no "Game Over" when you lose - that's a bad experience.

What Did We Learn Today?

💻

IDE

Our workspace - the place where everything happens

🤖

Agent

The agent that does the actual work - not just chat

💬

Prompt

The instruction - the art of giving precise orders

🔄

Iteration

The development cycle - build, test, improve

Now - your turn to build!

Contact

Get in touch

+972 58-443-1931

raz@tovtech.org tovtech.org

More info about the course

tovplay.org