网页版《2048游戏》

news/2024/10/17 19:21:34/

源码下载:

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:游戏交互逻辑文件


http://www.ppmy.cn/news/581129.html

相关文章

汽车芯片,竞逐新周期

在过去几年&#xff0c;SoC几乎成了智能汽车行业皇冠上的明珠。汽车芯片从通用型、分散化的单一功能芯片&#xff08;MCU&#xff09;快速转向集成化的多功能SoC&#xff08;System on Chip&#xff09;芯片。 比如&#xff0c;在智能座舱领域&#xff0c;CPU算力用于提高任务处…

html用css写彩虹,[网页设计]CSS制作彩虹效果

[网页设计]CSS制作彩虹效果 0 2016-07-06 16:00:04 今天看到一篇文章&#xff0c;说到margin的塌陷的问题&#xff0c;并提供了好几个例子。 自己之前还没怎么遇到过这个问题&#xff0c;正好来研究一下。 css样式一&#xff0c;使用margin塌陷&#xff1a;.box1, .box2, .box3…

彩虹岛水果服务器维护,《彩虹岛水果》攻略 彩虹岛不相信眼泪,只相信产量...

[摘要]彩虹岛水果游戏怎么玩&#xff1f;不了解彩虹岛水果游戏怎么玩的小伙伴&#xff0c;小编为你准备了最新公分攻略&#xff0c;要不要来看一眼&#xff1f; 彩虹岛水果游戏怎么玩&#xff1f;不了解彩虹岛水果游戏怎么玩的小伙伴&#xff0c;小编为你准备了最新公分攻略&am…

LiveGBS流媒体平台GB/T28181功能-海康大华宇视华为NVR等4G摄像头自带物联网卡注册国标平台后看不到设备的时候如何排查及抓包

LiveGBS流媒体平台GB/T28181功能-海康大华宇视华为NVR等4G摄像头自带物联网卡注册国标平台后看不到设备的时候如何排查及抓包 1、设备注册后查看不到1.1、是否是4G|5G摄像头1.2、关闭萤石云1.3、防火墙排查1.4、端口排查1.5、IP地址排查1.6、设备TCP/IP配置排查1.7、设备多网卡…

基于Matlab实现SVM算法的手写字体识别(附上完整仿真源码+数据 )

手写字体识别是一个重要的人工智能应用领域。在本文中&#xff0c;我们将展示如何使用MATLAB实现手写数字的识别。 首先&#xff0c;我们需要准备一个手写数字数据集。在本文中&#xff0c;我们将使用MNIST数据集&#xff0c;这是一个广泛使用的手写数字数据集&#xff0c;包含…

【机器学习】正则化对过拟合和欠拟合的影响

模型过拟合和欠拟合的图像特征 偏差大表示欠拟合&#xff0c;而方差大表示过拟合&#xff0c;我们这一节再深入探讨下过拟合和欠拟合问题。一个经典的图如下&#xff1a; 其中d1为欠拟合&#xff0c;d4为过拟合&#xff0c;而d2则刚刚好。回顾下刚刚说的使用训练集和交叉验证…

RISC-V处理器的设计与实现(一)—— 基本指令集

本人小白一枚&#xff0c;在学习FPGA的过程中偶然刷到了tinyriscv这个开源项目&#xff0c;并且自己对计算机体系结构的知识也很感兴趣&#xff0c;所以想参考这个开源项目做一个基于RISC-V指令集的CPU&#xff0c;下面是tinyriscv这个开源项目的地址&#xff0c;本项目很多思路…

钉钉企业邮箱smtp服务器

EMAIL_HOST试了’smtp.aliyun.com’不行 换成’smtp.mxhichina.com’就行了