<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta content="stick man,耍棍,小游戏,手机游戏,webAPP" name="Keywords">
<meta name="description" content="Webapp游戏新体验,Developed by woody">
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<div id='wx_pic' style='margin:0 auto;display:none;'>
<img src='photo.jpg' />
</div>
<title>智商超过130的人才能玩到第40关哦</title>
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<script src="js/WeixinApi.js" type="text/javascript" charset="utf-8"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
<!--
.STYLE2 {
font-size: 18px;
color: #0000FF;
}
-->
</style>
</head>
<body>
<div class="point">
0
</div>
<!--
<div class="shouji">
<img src="img/bg1.png" class="img" />
</div>
-->
<div class="point">
0
</div>
<div class="tips">
将手放在屏幕,使竿变长,据说智商超过130的人,<br />
才能玩到第40关,您能到几关呢?<br />
把您的成绩截图发到公众号“mkongzhong”<br />
超过180关赠送公共号运营教程<br />
</div>
<div id="main">
<div class="wall">
</div>
<div class="wall new" style="left: 50%;">
</div>
<div class="stick"></div>
<div class="stickMan">
<!--<img src="img/stick.gif" width="5%"/>-->
<img src="images/stick_stand.png" width="5%"/>
</div>
</div>
<!-- 游戏结束弹层-->
<div class="gameOver">
<h3>游戏结束!</h3>
<div class="showPoint">
<p>分数</p>
<p class="newPoint">0</p>
<p>最佳</p>
<p class="bestPoint">0</p>
<p><a href="http://mp.weixin.qq.com/s?__biz=MzI4MjA2MjE0MQ==&mid=246005295&idx=1&sn=490f8141976d607ba079d48f52a3fcd7#rd" target="_self" style=" font-size:18px; color:#0000FF">空中传媒</a></p>
</div>
<div class="btn share">分享</div>
<div class="btn again">再玩一次</div>
</div>
<div id="mask">
<img src="images/share_img01.gif"/>
</div>
<div class="reloadImg" style="display: none;">
<img src="images/stick.gif" />
</div>
</body>
<script type="text/javascript">
var longStick;
var shortStick;
var screenWidth = document.documentElement.clientWidth;
var point = 0;
var speed = "5%";
function touchSatrtFunc(evt) {
if(point>=2){
$(".tips").hide();
}
evt.preventDefault();
document.addEventListener('touchend', touchEndFunc, false);
initStick();
//longStick = setInterval(function(){
// $('.stick').css({width:'+='+speed});
//},30);
getLong();
document.removeEventListener('touchstart', touchSatrtFunc, false);
}
function getLong() {
if(point>5){
//alert(point);
speed="5%";
}
longStick = setInterval(function() {
var stickWidth = getWidthNumber($('.stick').css('width'));
if(stickWidth<=screenWidth){
$('.stick').css({width:'+='+speed});
}else{
clearInterval(longStick);
getShort();
}
},30);
}
function getShort() {
if(point>5){
//alert(point);
speed="10%";
}
shortStick = setInterval(function() {
var stickWidth = getWidthNumber($('.stick').css('width'));
if(stickWidth>0){
$('.stick').css({width:'-='+speed});
}else{
clearInterval(shortStick);
getLong();
}
},30);
}
function getWidthNumber(ele){
if (ele) {
var WidthNumber = ele.substr(0,ele.length-2);
WidthNumber = Number(WidthNumber);
return WidthNumber;
}
}
function touchEndFunc(evt) {
clearBind();
evt.preventDefault();
clearInterval(longStick);
clearInterval(shortStick);
setTimeout(function(){
$('.stick').css('transition','.6s');
$('.stick').css('transform','rotate(0deg)');
setTimeout('checkStickLong.check()',600);
},200);
}
function touchMoveFunc(evt){
evt.preventDefault();
}
function initStick() {
$(".stick").css({'transition':'0','transform':'rotate(-90deg)','width':'0','left':'20%'});
}
function init(){
$(".stick").css({'transform-origin':'0 0','transform':'rotate(-90deg)'});
addBind();
document.addEventListener('touchmove', touchMoveFunc, false);
$(".again").click(function(){
$(".gameOver").css('display','none');
addBind();
$(".point,.tips").css('display','block');
point = 0;
speed="5%";
$(".point").html(point);
$(".wall").eq(0).css({'left':'0','width':'20%'});
$(".new").css({'left':'50%','width':'20%'});
$(".stick").css('transition','0')
$(".stick").css('width','0');
$(".stickMan").css({'left':'15.5%','bottom':'66.5%'});
$("body").css('background-position-x', '0');
$(".stickMan img").attr({'src':'images/stick_stand.png'});
$(".shouji").css({"left":"0%"});
});
$(".share").click(function(){
$("#mask").css('display','block');
});
$("#mask").click(function(){
$("#mask").css('display','none');
});
}
function addBind() {
document.addEventListener('touchstart', touchSatrtFunc, false);
}
function clearBind() {
document.removeEventListener('touchstart', touchSatrtFunc, false);
document.removeEventListener('touchend', touchEndFunc, false);
}
function orientationChange() {
switch(window.orientation) {
case 0:
addBind();
$("body").css('transform','');
break;
case -90:
clearBind();
alert("游戏要竖屏玩哟!!!");
$("body").css('transform','rotate(90deg)');
break;
case 90:
clearBind();
alert("游戏要竖屏玩哟!!!");
$("body").css('transform','rotate(-90deg)');
break;
case 180:
addBind();
$("body").css('transform','rotate(0deg)');
break;
}
}
$(document).ready(function(){
init();
orientationChange();
window.onorientationchange = orientationChange;
shareToWeixin();
})
</script>
</html>
Stick Hero HTML5游戏源码
版权申诉
197 浏览量
2022-06-25
14:07:26
上传
评论
收藏 185KB RAR 举报
reg183
- 粉丝: 1811
- 资源: 1万+
最新资源
- Java将2个List集合合并到一个List里面并排序工具类
- 1123231321321321
- 基于Python的歌曲搜索播放器源代码,利用requests库对歌曲宝网站进行歌曲采集,并用tkinter做了UI
- kernel-devel-3.10.0-1062.21.1.el7.x86-64.rpm
- kernel-3.10.0-1062.21.1.el7.x86-64.rpm
- A2_smvs.zip
- Assignment2(4).ipynb
- 用pytorch框架实现的油井时间序列动态预测的模型,其中包含一些传统的时间序列预测方法 .zip
- TimesNet作为一般时间序列分析强大的基础模型 在长短期预测、插补、异常检测和分类5个主流任务上取得了一致的前沿成果.zip
- 实现结构体序列化和反序列化工具类CSearchive,支持基本类型,C++STL容器以及对象 .zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈