源码下载:

https://gitee.com/cheng-hanyuan/example_projec/tree/main/%E6%A1%88%E4%BE%8B%E9%A1%B9%E7%9B%AE/2048

网页版《2048游戏》教程

1.课程介绍

1.1关于《2048》

《2048》是比较流行的一款数字游戏。原版2048首先在github上发布,原作者是Gabriele Cirulli。它是基于《1024》和《小3传奇》的玩法开发而成的新型数字游戏

随后2048便出现各种版本,走各大平台。由Ketchapp公司移植到IOS的版本最为火热,现在约有1000万下载,其名字跟原版一模一样。衍生版中最出名的是《2048六边形》版本,先后在全球81个国家中的board game中排进了前200。安卓版非常火爆的有《挑战2048》,其2.0.0版以后还加入了双人对战。其次比较特别的有2048中国朝代版。更有2048自定义版,可以自己定义文字和图片。《2048》是IOS中流行的一款。

1.2游戏演示

1.3使用技术

1)HTML

2)CSS

3)Javascript

4)jQuery

1.4游戏架构

1)index.html:游戏页面,引入样式文件及逻辑文件顺序如下:

<link rel="stylesheet" type="text/css" href="2048.css">

<script type="text/javascript" src="jquery-1.11.0.js"></script>

<script type="text/javascript" src="support.js"></script>

<script type="text/javascript" src="animation.js"></script>

<script type="text/javascript" src="main.js"></script>

<script type="text/javascript" src="game.js"></script>

2)2048.css:游戏样式

3)jquery.js:jQuery文件

4)support.js:游戏基础逻辑文件

5)animation.js:游戏动画逻辑文件

6)main.js:游戏主逻辑文件

7)game.js:游戏交互逻辑文件

网页版《2048游戏》相关推荐

  1. 伯禹公益AI《动手学深度学习PyTorch版》Task 07 学习笔记

    伯禹公益AI<动手学深度学习PyTorch版>Task 07 学习笔记 Task 07:优化算法进阶:word2vec:词嵌入进阶 微信昵称:WarmIce 优化算法进阶 emmmm,讲实 ...

  2. 伯禹公益AI《动手学深度学习PyTorch版》Task 03 学习笔记

    伯禹公益AI<动手学深度学习PyTorch版>Task 03 学习笔记 Task 03:过拟合.欠拟合及其解决方案:梯度消失.梯度爆炸:循环神经网络进阶 微信昵称:WarmIce 过拟合. ...

  3. 伯禹公益AI《动手学深度学习PyTorch版》Task 05 学习笔记

    伯禹公益AI<动手学深度学习PyTorch版>Task 05 学习笔记 Task 05:卷积神经网络基础:LeNet:卷积神经网络进阶 微信昵称:WarmIce 昨天打了一天的<大革 ...

  4. 伯禹公益AI《动手学深度学习PyTorch版》Task 06 学习笔记

    伯禹公益AI<动手学深度学习PyTorch版>Task 06 学习笔记 Task 06:批量归一化和残差网络:凸优化:梯度下降 微信昵称:WarmIce 批量归一化和残差网络 BN和Res ...

  5. 【动手学深度学习PyTorch版】6 权重衰退

    上一篇移步[动手学深度学习PyTorch版]5 模型选择 + 过拟合和欠拟合_水w的博客-CSDN博客 目录 一.权重衰退 1.1 权重衰退 weight decay:处理过拟合的最常见方法(L2_p ...

  6. 【动手学深度学习PyTorch版】12 卷积层

    上一篇移步[动手学深度学习PyTorch版]11 使用GPU_水w的博客-CSDN博客 目录 一.卷积层 1.1从全连接到卷积 ◼ 回顾单隐藏层MLP ◼ Waldo在哪里? ◼ 原则1-平移不变性 ...

  7. 【动手学深度学习PyTorch版】19 网络中的网络 NiN

    上一篇请移步[动手学深度学习PyTorch版]18 使用块的网络 VGG_水w的博客-CSDN博客 目录 一.网络中的网络 NiN 1.1 NiN ◼ 全连接层的问题 ◼ 大量的参数会带来很多问题 ◼ ...

  8. 【动手学深度学习PyTorch版】27 数据增强

    上一篇请移步[动手学深度学习PyTorch版]23 深度学习硬件CPU 和 GPU_水w的博客-CSDN博客 目录 一.数据增强 1.1 数据增强(主要是关于图像增强) ◼ CES上的真实的故事 ◼ ...

  9. 【动手学深度学习PyTorch版】13 卷积层的填充和步幅

    上一篇移步[动手学深度学习PyTorch版]12 卷积层_水w的博客-CSDN博客 目录 一.卷积层的填充和步幅 1.1 填充 1.2 步幅 1.3 总结 二.代码实现填充和步幅(使用框架) 一.卷积 ...

  10. 伯禹公益AI《动手学深度学习PyTorch版》Task 04 学习笔记

    伯禹公益AI<动手学深度学习PyTorch版>Task 04 学习笔记 Task 04:机器翻译及相关技术:注意力机制与Seq2seq模型:Transformer 微信昵称:WarmIce ...

最新文章

  1. ABAP程序中的七大危险漏洞
  2. android 全局进度条,Android:如何在中心显示全屏进度条
  3. C++ 析构函数与内存池
  4. 点击事件为什么会失效_1917年的法蒂玛事件,为什么会被称为最为惊悚的UFO目击事件?...
  5. cnn对网络数据预处理_CNN中的数据预处理和网络构建
  6. 在Google Maps 上点击标签后显示说明
  7. Java 的Runnable和Callable的区别
  8. java8的新特性详解-----------Lamda表达式
  9. xml property标签注入一个类变量_java开发两年,连Spring的依赖注入的方式都搞不清楚,你工作可能有点悬!...
  10. Java并发(基础知识)—— 创建、运行以及停止一个线程
  11. 枫叶股票监控免费软件 股票基金涨幅盈亏监控 上班摸鱼炒股神器
  12. 国内硕士申请加拿大计算机博士难度,加拿大硕士和博士真的那么难申请吗?
  13. 打印时候复选框勾选不见了_使用JS实现分页打印(复选框勾选打印)
  14. arcengine Icommond 自定义工具
  15. 7-32 哥尼斯堡的“七桥问题” (欧拉回路)(PAT算法题目集)
  16. Multi-University Training Contest L - Wavel Sequence
  17. 2020 7月蓝桥杯初赛 C++B组(详细解答)
  18. python——基础3
  19. CountDownLatch和WaitGroup
  20. Windows高效办公之批量创建文件夹

热门文章

  1. 【转载】尼康D90购机指南
  2. ArcGIS基础:CAD数据转换为GIS数据(符号化显示、数据转换、线转面、空间连接)
  3. mysql创建供应商标_mysql 建数据库
  4. 维吉尼亚密码-攻防世界(shanghai)
  5. php遍历关联数组详解,php遍历关联数组
  6. 2021智慧政务领域最具商业合作价值企业盘点
  7. Python数据攻略-图像存储与读取技术
  8. 第四章:业界主流云产品介绍
  9. 41 freertos内存管理试验 1
  10. 如何快速合并PDF文件?