游戏开发的入门往往从在线教程起步，这些资源能让你边学边练，从零构建完整项目。无论是浏览器游戏的快速原型，还是底层引擎的深度剖析，免费居多，付费的性价比高，多数兼容现代浏览器与工具链，适合自学者或团队补充技能。如果你有其他的资源或愿意提供资源，可以在下方评论或直接与我们联系，我们将会将之加入到这个清单里。
游戏开发
💸 Chris Courses – 多样2D游戏完整课程（部分免费）
一个专注JavaScript游戏与Web开发的平台，由Chris主讲，提供从经典复刻到原创平台的实战课程。如《2D Platformer》（14节课，近6小时）：教地图编辑（MapperMate工具）、滚动机制、飞行敌人、滚轮攻击、心脏系统与宝石收集；《2D Zelda》（6节，3小时+）：地图创建与滚动。订阅制$15/月或$99/年（终身$349），Freemium模式有免费预览与YouTube片段，附代码挑战、GitHub源码。适合想用纯JS快速出demo的初学者。
💰 Coursera – 交互式Python编程导论（付费）
Rice大学经典课程（coursera.org，原Computing Fundamentals Specialization Part 1），聚焦Python基础与交互编程：OOP、函数、模块、文件处理等，9周结构。通过游戏化练习如简单模拟，过渡到计算原理。虽非专攻游戏，但为Pygame等铺路。免费试听视频多。适合编程零基础，转游戏开发的过渡。
🆓 Handmade Hero – 从零打造2D游戏（免费）
Casey Muratori的标志性项目，用C语言从头写专业级2D游戏，每行代码直播解释。始于2014年，2025年超660集（每周1小时），覆盖Win32 API、DirectSound/OpenGL渲染、内存管理、音频延迟优化。代码每日更新，论坛活跃（Linux移植讨论中）。目标是低级系统编程爱好者，教你避开引擎黑箱。下载源码跟随，Twitch存档免费。
🆓 Khan Academy – 高级JS：游戏与可视化（免费）
免费互动课程，Intro JS后进阶。多场景程序、3D图形、按钮菜单、计分游戏：如Pong挑战、Rabbit Racer、Memory++项目。浏览器内编码、实时预览，单元包括按钮、自然模拟。零门槛，适合青少年或JS入门者快速上手动画与逻辑。
🆓 简单HTML5 Canvas游戏教程（免费）
Lost Decade Games经典教程（lostdecadegames.com/how-to-make-a-simple-html5-canvas-game），一步步建英雄捉怪兽游戏。关键：Canvas创建、图像加载（bgReady标志）、键盘输入（keysDown）、碰撞检测、requestAnimationFrame循环、分数渲染。纯JS，跨浏览器polyfill。GitHub完整代码（github.com/lostdecade/simple_canvas_game），demo在线玩。10分钟上手，Canvas入门标杆。
🆓 游戏程序员学习路径 A Study Path for Game Programmer 
（免费）
Milo Yip（20年游戏经验） curation的学习路线图：SVG/PDF/JPG多格式（中英），覆盖引擎开发全栈（渲染、物理、AI、网络）。书籍推荐如《Game Engine Architecture》，需Graphviz构建。
🆓 TheChernoProject（免费）
YouTube频道（youtube.com/@TheCherno），Yan Chernikov的C++游戏引擎系列：Game Programming（分辨率、输入起步）、Hazel引擎开发（OpenGL/Vulkan、ImGui、多人同步）。播放列表超百集。
🆓 Udacity: HTML5游戏开发（免费）
dacity CS255（udacity.com/course/cs255，原Google课程），建GRITS游戏：Canvas、JS逻辑、动画、输入。视频存档YouTube（playlist PLAwxTw4SYaPlUUkh6txMRXE-w-6N1Z225），Colt McAnlis等讲师。2025年归档但免费，项目导向。浏览器游戏起点。
计算机图形学
🆓 3D游戏着色器入门（免费）
GitHub（github.com/lettier/3d-game-shaders-for-beginners），David Lettier步步指南：纹理、光照、Blinn-Phong、法线贴图、SSAO、景深、反射/折射、Bloom、运动模糊等30+技术。GLSL+Panda3D demo，易移植Unity/Godot。构建需Panda3D/OpenGL，源码全开。视觉提升利器。
🆓 交互式3D图形
Udacity课程（udacity.com/cs291或github.com/achliopa/udacity_interactive3dGraphics），WebGL+Three.js：几何创建、Tween动画、蒙皮、变形、纹理动画。互动demo，wiki笔记。免费视频/源码，浏览器3D入门。
💰 nteractive Computer Graphics – 交互式计算机图形
东京大学Coursera（coursera.org/learn/interactive-computer-graphics），Takeo Igarashi主讲，3周30小时：GUI、2D动画、3D建模、变形、制造（毛绒玩具、珠绣）、CAD、真实交互。