最近做的一个简陋的手机端拼图游戏，代码简单易懂，废话不多说了，让大家证明一切吧！
先看下效果图:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="viewport" id="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<style type="text/css">
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h
2024-05-13 22:45:18
117KB
1
分享一款在线拼图源码，便当图片拼图无需手动图片拼图，便当图片在线拼图！需求的自行下载！
功用引见：
在线将多张图片拼接成一张图片，并导出下载。无需本地装置软件。
下载时，运用日期时间作为文件名，躲避图片文件名相同形成的掩盖问题；也能省去一部掩盖确认操作 多言语支持
运用场景：
家庭多人核酸检测报告截图合成一张图片，便当上传到学校在线统计文档。 安康码、行程码、核酸检测历史、疫苗接种历史，多图兼并成一张图片。
2024-05-13 22:40:27
102KB
1
拼图
仅用 html、css 和 javascript 创建的拼图
2024-05-13 22:40:17
504KB
1
使用JS制作了一款拼图游戏供大家参考。
原理分析：
1.鼠标的点击和松开事件
2.显示原图作为参考
3.方块的移动替换
4.是否完成拼图的判断
5.完成之后会弹窗提示
效果演示
代码展示
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>拼图游戏</title>
</head>
<style>
body,
html {
padding: 0px;
margin: 0px;
background: #eee;
}
#fangkuai {
width: 460px;
height: 460px;
2024-05-13 22:40:02
68KB
1
记忆游戏项目
目录
关联
从（ ）下载文件后，可以使用index.html访问游戏。
指示
一次单击两张卡片以查看它们是否匹配。
如果两张卡匹配，它们将保持打开状态。
如果两张卡不匹配，它们将向后翻转。
游戏一旦开始，计时器就会启动，并在2分钟后结束。
为了赢得比赛，用户必须在2分钟内匹配所有纸牌。
如果用户想以这些纸牌的不同顺序再次玩耍，请刷新页面。
如果用户想以与这些纸牌相同的顺序再次玩游戏，请单击页面上的刷新链接。
如果三秒之内没有找到至少三对匹配的卡片，则三分之二的星将每40秒减少一次。
依存关系
该游戏包含以下依赖项：
从（ ）下载文件后，可以使用index.html访问游戏。
贡献
将来可能需要对此游戏做出更多贡献，才能具有此游戏的其他功能。
捍卫项目记忆游戏
2024-05-13 22:32:41
9KB
1
Fiid Match和Win Memory游戏
交互式前端开发中的Code Institute MS2项目
简介是要开发一个交互式的前端站点，以响应用户的操作，使他们能够主动与数据互动，改变站点显示信息的方式，以实现他们的首选目标。 该网站是出于教育目的而创建的。
内容
项目概况
爱尔兰B2C公司Fiid创建了渴望获得，方便的植物性食品。 他们希望进一步提高品牌知名度，增加客户获取量并保持品牌忠诚度。 他们希望通过创建一个定时的记忆游戏来推动销售，以使用户赢得下一次在线购买的折扣代码。 在时间用完之前，用户必须匹配每种产品类型中的两种。 如果他们成功了，他们可以订阅赚取折扣代码，该折扣代码对他们的下一次购买有效。 用户可以在社交媒体上与他们的关注者分享游戏。 目标受众是健康意识强的个人，尤其是喜欢游戏和折扣的18-35岁千禧一代。
Fiid主网站的主要目标是通知和指导用户下订单。 我想
2024-05-13 22:29:41
19.67MB
1
记忆卡游戏
概述
使用本地存储的表情符号存储卡游戏，您可以在其中单击存储卡以显示另一侧，并按内存匹配配对
要运行，只需打开index.html
实时网址
2024-05-13 22:14:45
7KB
1
记忆卡游戏
这就是著名的“记忆卡游戏”：是一种纸牌游戏，其中，每张纸牌正面朝下放置，两张卡片朝上翻转。 游戏的目的是交出配对卡。 站点底部包括一个重新启动按钮（f5）。
现场预览： ：
入门 :rocket:
下面是我的项目信息！
先决条件 :clipboard:
您需要在我的项目上工作的内容：
A code editor and a browser, easy! This project includes one HTML, CSS, JavaScript file and a assets folder with the logo png file.
正在安装 :wrench:
从GitHub克隆“内存游戏”存储库：
$ git clone https://github.com/mmena4/memory-game.git
建于 :hammer_and_wrench:
创建索引
用于生成样式
用于创建逻辑
贡献 :linked_paperclips:
很高兴发展“记忆卡游戏”
2024-05-13 22:13:41
15KB
1