html5狂鲨冒险游戏【原创

来源:https://www.sucaihuo.com/js/2777.html 2017-08-19 06:22浏览(646) 收藏

html5非常好玩带音效大鱼吃小鱼游戏,html5狂鲨冒险游戏代码下载,浏览器支持缩小放大的响应式游戏
html5狂鲨冒险游戏
分类:游戏 > 益智 难易:初级
查看演示 下载资源 下载积分: 35 积分

游戏简介

大鱼吃小鱼html5冒险游戏中需要玩家控制鲨鱼在海中捕食,它靠进食鱼类还生存,不过在水中会有船只进行捕捉,放下炸弹、子弹这些危险物品去攻击,那么就要控制这上下按键让鲨鱼可以躲过这些危险,并且还可以捕捉到更多的食物。这款游戏开始的时候为玩家提供5条生命,当遇到的炸弹过多生命用尽就结束,不过在海洋中你也可以去收集生命,只药触碰到就成为你的了,看看你可以坚持多久吧。
解压后放到服务器环境下,输入你服务器ip[如:127.0.0.1/index.html]即可正常运行
<!DOCTYPE html>
<html manifest="offline.appcache">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title></title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="apple-touch-icon" href="icon.png" />
<link rel="manifest" href="appmanifest.json" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="HandheldFriendly" content="true" />
<meta name="mobile-web-app-capable" content="yes" />
<style type="text/css">
* {
padding: 0;
margin: 0;
}
html, body {
background: #000;
color: #fff;
overflow: hidden;
touch-action: none;
-ms-touch-action: none;
}
canvas {
touch-action-delay: none;
touch-action: none;
-ms-touch-action: none;
}
</style>
<link rel='canonical' href='#'/></head>
<body>
<div id="fb-root"></div>
<script>
// Issue a warning if trying to preview an exported project on disk.
(function(){
// Check for running exported on file protocol
if (window.location.protocol.substr(0, 4) === "file")
{
}
})();
</script>
<div id="c2canvasdiv">
<canvas id="c2canvas" width="1920" height="1080">
<h1>Your browser does not appear to support HTML5. Try upgrading your browser to the latest version. <a href="http://www.whatbrowser.org">What is a browser?</a>
<br/><br/><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx">Microsoft Internet Explorer</a><br/>
<a href="http://www.mozilla.com/firefox/">Mozilla Firefox</a><br/>
<a href="http://www.google.com/chrome/">Google Chrome</a><br/>
<a href="http://www.apple.com/safari/download/">Apple Safari</a><br/>
<a href="http://www.google.com/chromeframe">Google Chrome Frame for Internet Explorer</a><br/></h1>
</canvas>
</div>
<script src="jquery-2.1.1.min.js"></script>
<script src="c2runtime.js"></script>
<script>
// Size the canvas to fill the browser viewport.
jQuery(window).resize(function() {
cr_sizeCanvas(jQuery(window).width(), jQuery(window).height());
});
// Start the Construct 2 project running on window load.
jQuery(document).ready(function ()
{			
// Create new runtime using the c2canvas
cr_createRuntime("c2canvas");
});
// Pause and resume on page becoming visible/invisible
function onVisibilityChanged() {
if (document.hidden || document.mozHidden || document.webkitHidden || document.msHidden)
cr_setSuspended(true);
else
cr_setSuspended(false);
};
document.addEventListener("visibilitychange", onVisibilityChanged, false);
document.addEventListener("mozvisibilitychange", onVisibilityChanged, false);
document.addEventListener("webkitvisibilitychange", onVisibilityChanged, false);
document.addEventListener("msvisibilitychange", onVisibilityChanged, false);
if (navigator.serviceWorker && navigator.serviceWorker.register)
{
// Register an empty service worker to trigger web app install banners.
navigator.serviceWorker.register("sw.js", { scope: "./" });
}
</script>
</body>
</html>
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:https://www.sucaihuo.com/js/2777.html
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2