magicxiao
首页
文章
专栏
游戏
实验室
付费
关于
游戏专栏
直接用浏览器就能玩的小游戏。每个游戏配一课,讲清楚它是怎么做的—— 没有引擎,没有素材,就是 HTML 和 JavaScript。
游戏
最终幻想 · 第一章
复刻 FC 版 FF2 开场:必败之战 → 基地醒来 → 小镇探索。瓦片地图 + 对话 + 回合制战斗。
开玩 →
记忆翻牌
经典配对。三档难度,计时 + 命中率 + 运气统计,复刻 memory.toys。
开玩 →
打地鼠
30 秒敲鼹鼠。普通 +1,金鼠 +3,炸弹 −2,还记最高分。
开玩 →
配套教程
01
做个打地鼠:状态机、定时器和一点点手感
不用引擎、不用素材,一个 HTML 文件搞定。拆开看,这游戏只有四件事:出洞、敲击、计分、倒计时。
20 分钟
02
复刻 memory.toys:翻牌动画、洗牌和运气分
翻牌配对人人会玩,做起来的三个关键:CSS 3D 翻牌、防连点的锁、以及怎么定义“运气好”。
25 分钟
03
复刻 FF2 开场:瓦片地图、对话队列和剧情脚本
RPG 比动作游戏多了两样东西:一张能行走的地图,和一个会排队的对话系统。这篇讲这两个,顺带聊聊“必败之战”怎么写。
30 分钟