V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
这是一个专门讨论 idea 的地方。

每个人的时间,资源是有限的,有的时候你或许能够想到很多 idea,但是由于现实的限制,却并不是所有的 idea 都能够成为现实。

那这个时候,不妨可以把那些 idea 分享出来,启发别人。
willin
V2EX  ›  奇思妙想

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

  •  
  •   willin · 258 天前 · 908 次点击
    这是一个创建于 258 天前的主题,其中的信息可能已经有所发展或是发生改变。

    从本章节起,内容将首发于 CSDN 付费专栏。同时,视频教程也在筹备中。

    程序思想

    自定义游戏规则:

    • 自适应全屏,4x4 格子
    • 操作只能:上下左右 4 个动作
    • 空白处(非碰撞)随机出现一个 2 或 4
    • 操作一个方向进行相同数字合并相加
    • 游戏开局:随机放置两个数字,2 或 4
    • 失败条件:所有格子满了,并且不能操作合并
    • 胜利条件:当最大数字达到 2048 时胜利
    • 计分:屏幕上所有数字之和
    • 开始按钮:重新开局
    • 历史最高分:持久记录,如果当前积分大于历史最高则更新

    基本样式实现

    原文正文内容隐藏。

    JavaScript 游戏脚本

    原文正文内容隐藏。

    课后作业

    根据已经学习到的内容举一反三,完成以下的完善:

    • 响应式布局的样式
    • 添加重新开始游戏的按钮及逻辑
    • 添加记录历史最高分的逻辑

    阅读全文: https://blog.csdn.net/jslygwx/article/details/132259272

    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   2744 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 28ms · UTC 11:56 · PVG 19:56 · LAX 04:56 · JFK 07:56
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.