返回首页 氛围编程入门-创意游戏开发
封面
第一单元 点击闯关
1 氛围编程:人机协作与验收2 五步法:想法→能玩3 纯前端边界:能做 / 先别做 / 不能做4 完成:最小可交互页
第二单元 打地鼠
5 状态卡:用户·任务·变化6 HTML:页面里有什么7 CSS 与 JS:好看与加分8 完成:JS 行为收官
第三单元 贪吃蛇
9 JS 事件:按键转向10 游戏循环:定时器前进11 失败状态:碰撞与再来12 完成:多状态联动
第四单元 飞机大战
13 分版:v0 / v1 / v214 多对象状态与碰撞15 F12 排错:期望与实际16 完成:清单验收一局
第五单元 俄罗斯方块
17 人机分工:规则与验收18 前端 UI:写死提示(非模型)19 封存与 CSS:先能玩再打扮20 从创意到游戏

第二单元

打地鼠

用五步做出打地鼠,并学会 HTML / CSS / JS 三层分工

第二单元 打地鼠

点下面某一课开始。本单元要真正记住:HTML 管有什么,CSS 管长什么样,JS 管点了或到点会怎样。

  • 第5课状态卡:用户·任务·变化
    用户·任务·看得见的变化
  • 第6课HTML:页面里有什么
    HTML 骨架
  • 第7课CSS 与 JS:好看与加分
    CSS 好看 · JS 加分
  • 第8课完成:JS 行为收官
    计时·出鼠·加分

(注:部分内容由 AI 生成) · 左右方向键翻页