游戏专栏

直接用浏览器就能玩的小游戏。每个游戏配一课,讲清楚它是怎么做的—— 没有引擎,没有素材,就是 HTML 和 JavaScript。

游戏

配套教程

  1. 01做个打地鼠:状态机、定时器和一点点手感不用引擎、不用素材,一个 HTML 文件搞定。拆开看,这游戏只有四件事:出洞、敲击、计分、倒计时。20 分钟
  2. 02复刻 memory.toys:翻牌动画、洗牌和运气分翻牌配对人人会玩,做起来的三个关键:CSS 3D 翻牌、防连点的锁、以及怎么定义“运气好”。25 分钟
  3. 03复刻 FF2 开场:瓦片地图、对话队列和剧情脚本RPG 比动作游戏多了两样东西:一张能行走的地图,和一个会排队的对话系统。这篇讲这两个,顺带聊聊“必败之战”怎么写。30 分钟