[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_28":-5,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":46,"_47":48,"_49":50,"_51":52,"_53":54,"_55":56,"_57":58},"routes/_store+/_readers+/email_author.$slug/route",{"_9":10,"_11":-5},"book",{"_12":13,"_14":15,"_16":17,"_18":19,"_20":21,"_22":23},"currentUser","id","Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6Qm9va1Byb2R1Y3QvODI5MDU","title","Canvas Academy","state","published","contactAuthorMethod","email","aboutText","

You don't need Unity to make a game. You need a <canvas> tag, one honest game loop, and someone to show you the twenty ideas that every 2D game ever shipped is built from.

Canvas Academy is a typing book, not a reading book. Every chapter gives you a short, complete listing to run in the workbench file you build in the setup chapter, then a \"Try it\" challenge that proves you understood it — with worked solutions in the back when you get stuck.

Part I — Fundamentals. Drawing, shapes, color, transforms, the game loop, delta time, keyboard, mouse. Eight chapters, eight tools you'll use forever.

Part II — Build Breakout. A paddle, a ball, bricks, collision, game states, score and lives — a real game, assembled a chapter at a time, with the arithmetic explained down to the pixel.

Part III — Make it feel good. The architecture chapter that reshapes how you think about game code, then particles, screen shake, easing, synthesized sound, and sprite animation — the \"juice\" that separates a demo from a game.

Part IV — Finish it. The complete Breakout with three TODOs only you can fill, then a sandbox with starter plans for Pong, Snake, and Asteroids. The training wheels come off.

Plus three appendices: worked solutions to every challenge, the compact helper library the capstone uses, and a glossary of every term the book leans on.

Who it's for: programmers who know basic JavaScript (variables, functions, loops) and want to finally understand how games actually work — not how to operate an engine. No prior graphics or game experience assumed. The whole toolchain is a text editor and a web browser.

","authors",[24],{"_12":25,"_26":27,"_28":29},"Z2lkOi8vbGVhbnB1Yi9TdG9yZTo6UHJvZHVjdEF1dGhvci84ODU1Ng","name","Ali Reza Hassan Sagor","user",{"_30":31},"avatar",{"_32":33,"_34":35,"_36":37},"url","https://secure.gravatar.com/avatar/7929b11061e372601d896cc9a0e9dd7b?r=pg&d=mm","styleName","medium","exists",true,"shoppingCartId","shoppingCart",{"_12":71,"_72":73,"_74":37,"_75":76,"_77":78,"_79":80,"_81":37},"locale","en","readerTheme","light","constants",{"_69":70},"publishers",{"_65":66,"_67":68},"learnerOrganizations",[],"needsLocaleCookieSync",false,"announcements",{"_59":60,"_61":-5},"sentryEnvironment","production","sentryRelease","caaec2490c004f3d4f51048d4d791d9404b11156","announcement_store",{"_62":52,"_63":64},"announcement_authors","flag","text","

Kick off your book project, get started with GhostAI, get better at marketing, or spend the day doing all three! Free live workshops on Zoom. Saturday, June 27, 2026.

\n","companies",[],"universities",[],"paypalClientId","AX53Cwz8jR6rVVzzZiZNWWXl0dGagi-GZrjG-S3Ua14E5nrKMn7DxDQ730O4R8LusLPp49ALn6aRVaEy","no-cart","count",0,"free","updatedAt","","paymentGateway","STRIPE","cartItems",[],"loading"]

Email the Author