[教女朋友 从 0 到 1 学编程系列] 三、2048 前端游戏实战

查看 19|回复 0
作者:willin   
从本章节起,内容将首发于 CSDN 付费专栏。同时,视频教程也在筹备中。
程序思想
自定义游戏规则:
  • 自适应全屏,4x4 格子
  • 操作只能:上下左右 4 个动作
  • 空白处(非碰撞)随机出现一个 2 或 4
  • 操作一个方向进行相同数字合并相加
  • 游戏开局:随机放置两个数字,2 或 4
  • 失败条件:所有格子满了,并且不能操作合并
  • 胜利条件:当最大数字达到 2048 时胜利
  • 计分:屏幕上所有数字之和
  • 开始按钮:重新开局
  • 历史最高分:持久记录,如果当前积分大于历史最高则更新

    基本样式实现
    原文正文内容隐藏。
    JavaScript 游戏脚本
    原文正文内容隐藏。
    课后作业
    根据已经学习到的内容举一反三,完成以下的完善:
  • 响应式布局的样式
  • 添加重新开始游戏的按钮及逻辑
  • 添加记录历史最高分的逻辑

    阅读全文: https://blog.csdn.net/jslygwx/article/details/132259272
  • 您需要登录后才可以回帖 登录 | 立即注册

    返回顶部