<!DOCTYPE html>
<html lang="en">
<head>
<title>健康消消乐</title>
<meta charset="utf-8">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no,width=device-width,minimal-ui" />
<script type="text/javascript" src="js/jquery.1.9.1.min.js"></script>
<script type="text/javascript" src="js/layer.js"></script>
<link href="css/allf.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="icon.png">
<link rel="icon" href="icon.png">
<style>
body {
margin: 0px;
padding: 0px;
width: 100%;
background-color: black;
}
canvas {
image-rendering: -o-crisp-edges;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-moz-tap-highlight-color: rgba(0, 0, 0, 0);
tap-highlight-color: rgba(0, 0, 0, 0);
user-select: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.layui-layer-btn a {
background: #2D93CA;
border-radius: 2px;
}
.layui-layer-dialog, .layui-layer-prompt .layui-layer-input,
.layui-layer-title {
border-radius: 3px;
}
.layui-layer-setwin .layui-layer-close1 {
display: none;
}
.layui-layer-dialog .layui-layer-content {
text-align: center;
}
.mainInfomyAction {
background-color: #fcb733;
border-bottom-color: #f8a425;
border-bottom-style: solid;
border-bottom-width: 8px;
color: white;
font-size: 14px;
font-weight: bolder;
height: 36px;
line-height: 36px;
margin-bottom: 6px;
margin-left: auto;
margin-right: auto;
/* margin-top: 15px; */
margin-top: 10px;
text-align: center;
width: 95%;
}
.myActionConifrm {
background-color: #fcb733;
border-bottom-color: #f8a425;
border-bottom-style: solid;
border-bottom-width: 8px;
color: white;
font-size: 14px;
font-weight: bolder;
height: 36px;
line-height: 36px;
margin-bottom: 6px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
text-align: center;
width: 40%;
float: left;
margin-left: 5%;
}
.myActioncancel {
background-color: #fcb733;
border-bottom-color: #f8a425;
border-bottom-style: solid;
border-bottom-width: 8px;
color: white;
font-size: 14px;
font-weight: bolder;
height: 36px;
line-height: 36px;
margin-bottom: 6px;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
text-align: center;
width: 40%;
float: right;
margin-right: 5%;
}
</style>
<script src="js/viewporter.js"></script>
<script>
// Kaisergames API development prototype
// make sure this code is executed before the game calls any kaisergames.* methods!
if (typeof window !== "undefined" && !window.kaisergames) {
window.kaisergames = new function() {
return {
/**
* @param level string[optional]
* @param score number[optional]
*/
gameOver : function(level, score) {
if (!level)
level = "-";
},
/**
* @param level string[optional]
* @param score number[optional]
*/
levelUp : function(level, score) {
if (!level)
level = "-";
},
/**
* @param level string
* @param score number
*/
submitHighscore : function(level, score) {
if (!level)
level = "-";
}
}
}
}
</script>
</head>
<body>
<input id="parentUserId" type="hidden">
<input id="userId" type="hidden">
<input id="playGameCount" type="hidden" value="0" />
<div id="viewporter">
<canvas id="canvas" moz-opaque></canvas>
</div>
<div id="somedialog_alert" class="dialog">
<div class="dialog__overlay"></div>
<div class="dialog__content" style="width: 100%;">
<div class="img_box">
<img style="width: 100%;" src="../../CMBSActivity/images/msxxl.png">
</div>
<div class="text_box"
style="width: 90%; height: 120px; margin: 0 auto; padding-top: 10px;">
<table
style="padding-left: 10px; padding-right: 10px; border-right: none; border-left: none; border-bottom: none; border-top: none;"
calss="code_now" width="100%" border="0" cellpadding="1"
cellspacing="0" id="excodeTbalert">
</table>
<div style="background-color: white; padding-bottom: 3px;">
<div id="alertInfoId" class="mainInfomyAction" data-dialog-close>确认</div>
</div>
</div>
</div>
</div>
<div id="somedialog_alert_confirm" class="dialog">
<div class="dialog__overlay"></div>
<div class="dialog__content" style="width: 100%;">
<div class="img_box">
<img style="width: 100%;" src="../../CMBSActivity/images/msxxl.png">
</div>
<div class="text_box"
style="width: 90%; height: 120px; margin: 0 auto; padding-top: 10px;">
<table
style="padding-left: 10px; padding-right: 10px; border-right: none; border-left: none; border-bottom: none; border-top: none;"
calss="code_now" width="100%" border="0" cellpadding="1"
cellspacing="0" id="excodeTbalertconfirm">
</table>
<div
style="background-color: white; padding-bottom: 3px; position: relative;">
<div id="alertInfoIdconfirm" class="myActionConifrm"
data-dialog-close>确认</div>
<div id="alertInfoIdcancel" class="myActioncancel"
data-dialog-close>取消</div>
</div>
</div>
</div>
</div>
</body>
<script src="js/TweenMax.min.js"></script>
<script src="js/howler.js"></script>
<script src="js/app.min.js"></script>
<script type="text/javascript">
$(function() {
if (getParentUserId()) {
$("#parentUserId").val(getParentUserId())
}
if (getId()) {
$("#userId").val(getId())
}
})
var $_REQUEST = new Object();
var aParams = document.location.search.substr(1).split('&');
for (i = 0; i < aParams.length; i++) {
var aParam = aParams[i].split('=');
$_REQUEST[aParam[0]] = aParam[1];
}
function getParentUserId() {
return $_REQUEST["parentUserId"];
}
function getId() {
return $_REQUEST["id"];
}
</script>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
【前端素材】小游戏-080- 健康消消乐.zip
共30个文件
png:14个
js:7个
jpg:4个
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 191 浏览量
2024-04-06
16:14:21
上传
评论
收藏 727KB ZIP 举报
温馨提示
【技术分析】 HTML,是一种制作万维网页面的标准语言,它消除了不同计算机之间信息交流的障碍; CSS,可以帮助把网页外观做得更加美观; JavaScript,是一种轻量级的解释型编程语言; jQuery,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互; Bootstrap 是快速开发 Web 应用程序的前端工具包。它是一个 CSS,HTML 和 JS 的集合,它使用了最新的浏览器技术,给你的 Web 开发提供了时尚的版式; AJAX,创建交互式网页应用的网页开发技术。 前端游戏设计是游戏开发中至关重要的一部分,它涉及到游戏的外观、交互和用户体验等方面。以下是一些前端游戏设计的思路和关键点: 用户体验:确保游戏界面简洁直观,易于操作。考虑用户的需求和习惯,设计友好的用户界面,包括按钮、菜单、指引等,以提升用户体验。 视觉设计:选择合适的配色方案、图标和界面元素,保持视觉风格一致性。优秀的视觉设计可以提升游戏的吸引力和品质感。 动画效果:运用动画效果增强游戏的交互性和趣味性。动画可以使游戏更生动,提升用户参与感。 【引流】 Java、Python、Node.js、Spring Boot、Django、Express、MySQL、PostgreSQL、MongoDB、React、Angular、Vue、Bootstrap、Material-UI、Redis、Docker、Kubernetes
资源推荐
资源详情
资源评论
收起资源包目录
【前端素材】小游戏-080- 健康消消乐.zip (30个子文件)
080- 健康消消乐
js
app.min.js 57KB
viewporter.js 6KB
layer.js 14KB
howler.js 32KB
TweenMax.min.js 91KB
index.js 2KB
jquery.1.9.1.min.js 90KB
audio
sound.mp3 19KB
music.mp3 57KB
css
allf.css 20KB
index.css 2KB
index.html 6KB
images
background.jpg 193KB
hud.png 5KB
splashScreen.jpg 23KB
dots_64x86.png 40KB
panels_383x550.png 96KB
bg_game_btn.png 2KB
mute_35x35.png 2KB
msalert.png 31KB
fatNumbers_33x41.png 6KB
thinNumbers_25x32.png 5KB
playBut.png 4KB
pop_156x141.png 27KB
rotateDeviceMessage.jpg 13KB
quitBut.png 5KB
preloadImage.jpg 61KB
EN
hud.png 5KB
panels_383x550.png 97KB
moreGamesBut.png 5KB
共 30 条
- 1
资源评论
枫蜜柚子茶
- 粉丝: 6242
- 资源: 4607
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功