HU EN

🎮 Game Programming

HTML · CSS · JavaScript · Canvas API
📚 Course Materials
🗺️

Course Overview

All lessons at a glance — 50 lessons, 5 phases, with estimated times and topics.

START HERE
📄

Phase 1 — HTML & CSS

VS Code, HTML structure, text, links, CSS styles, Flexbox, responsive design. 11 lessons.

LESSONS 1–11

Phase 2 — JavaScript

Variables, conditions, loops, functions, arrays, objects, event handling. 10 lessons.

LESSONS 12–21
🎨

Phase 3 — Canvas & Animation

Canvas drawing, game loop, animation, collision detection, transformations. 10 lessons.

LESSONS 22–31
🕹️

Phase 4 — Dissecting Games

Froggy Rush, Turtle Race, Castle Siege and Galactic Conquest from the inside. 15 lessons.

LESSONS 32–46
🤖

AI Opponent — Artificial Intelligence

Weighted decisions, state machine, difficulty scaling, wave system, hex-grid strategy. 10 lessons.

AI CHAPTER · 10 LESSONS
🚀

Phase 5 — Advanced & Publishing

localStorage, leaderboard, Web Audio, mobile D-pad, deploy to Netlify. 5 lessons.

LESSONS 46–50
🎮 Example Games
🏰

Castle Siege

Tower defense — 50 levels, tower building, moat, AI enemies, music, save system.

TOWER DEFENSE
🐸

Froggy Rush

Frogger + platformer — jumping, shields, logs, seagulls, 3 difficulty levels, mobile D-pad.

SKILL
🚀

Galactic Conquest

Hex-grid turn-based strategy — territory capture, AI opponent, 3 difficulties, Top 10 leaderboard.

STRATEGY
🐢

Turtle Race

5-level race — jumping, shields, energy, egg collecting, AI opponent, varied surfaces.

RACING