(文章底部有源码地址,免费获取)
游戏介绍
召唤神龙小游戏是一款最近爆火朋友圈的休闲吞噬成长类手机游戏,召唤神龙提供了最轻松的吞噬玩法以及多种不同形态的转换机制,玩家需要从一只小蝌蚪开始游戏,一点点吃东西成长为一条庞大的神龙。在召唤神龙游戏中,灵活的控制小蝌蚪游动,避免被其他强大生物所吞噬,成功进化为一条神龙。
示例样图
体验地址
直接扫码即可
游戏玩法
1、首先我们打开游戏,游戏刚开始每个玩家的角色是小蝌蚪。
2、然后使用手指按住屏幕,控制小蝌蚪不断的游走,注意方向。
3、避开比自己大的物体,去吃掉身边的小蝌蚪就能变成小青蛙。
4、变成小青蛙后,可以去吃身边的小蝌蚪,吃掉其他2只小青蛙就能变成小海龟。
5、三只小海龟合成后就会变成小鲤鱼,依次类推,不断的去进行合成。
6、一定要注意周围比自己大的物体,不然碰上后会退回上一个等级的形态变成小蝌蚪,小蝌蚪形态下被碰一下游戏就会结束。
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>召唤神龙</title>
<!--http://www.html5rocks.com/en/mobile/mobifying/-->
<meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1, minimum-scale=1,maximum-scale=1" />
<!--https://developer.apple.com/library/safari/documentation/AppleApplications/Reference/SafariHTMLRef/Articles/MetaTags.html-->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="format-detection" content="telephone=no">
<!-- force webkit on 360 -->
<meta name="renderer" content="webkit" />
<meta name="force-rendering" content="webkit" />
<!-- force edge on IE -->
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="msapplication-tap-highlight" content="no">
<!-- force full screen on some browser -->
<meta name="full-screen" content="yes" />
<meta name="x5-fullscreen" content="true" />
<meta name="360-fullscreen" content="true" />
<!-- force screen orientation on some browser -->
<meta name="screen-orientation" content="" />
<meta name="x5-orientation" content="">
<!--fix fireball/issues/3568 -->
<!--<meta name="browsermode" content="application">-->
<meta name="x5-page-mode" content="app">
<!--<link rel="apple-touch-icon" href=".png" />-->
<!--<link rel="apple-touch-icon-precomposed" href=".png" />-->
<!-- <script>
pushHistory();
window.addEventListener("popstate", function(e) {
}, false);
function pushHistory() {
var state = {
title: "",
url: window.location.href
};
window.history.pushState(state, state.title, state.url);
}
</script> -->
<link rel="stylesheet" type="text/css" href="style-mobile.css" />
</head>
<!-- <body style="margin: 0; background: #ddd;" align="center"> -->
<div style="align:center;display: none"><img src="res/share.png" width="10%" /></div>
<!-- <div id="canvasDiv" style="width:100%;height:100%;">
</div> -->
<canvas id="GameCanvas" oncontextmenu="event.preventDefault()" tabindex="0"></canvas>
<video id="contentElement" style="display:none;position: absolute;top:0px;left: 0px;">
<!-- <source src="http://rmcdn.2mdn.net/Demo/vast_inspector/android.mp4"></source>
<source src="http://rmcdn.2mdn.net/Demo/vast_inspector/android.webm"></source> -->
</video>
<div id="block-Box" style="display:block;width:100%;height:100%;"></div>
<div id="adContainer" style="display:none;position: absolute;top:0px;left: 0px;width:100%;height:100%;z-index:999;"></div>
<div id="loadingText" style="width:100%;display: none;text-align:center;position:absolute;top:45%;z-index:2;font-size:20px;color:#f99f0a">
loading......0%
</div>
<div id="splash">
<!-- <div class="progress-bar stripes"> -->
<!-- <span style="width: 0%"></span> -->
<!-- </div> -->
</div>
<div id="loadingImg" style="top:45%;width: 100%;position:absolute; ">
<img src="res/loading.gif" width="7%" height="7%" />
</div>
<!-- 判断浏览器是否屏蔽广告 -->
<script src="http://demo.jb51.net/js/2015/adview_pic_cpc_cpm_cpa_guanggao_gg_ads_300x250.js" type="text/javascript"></script>
<script type="text/javascript">
var killAdT = typeof(killads);
// <!-- if (typeof(killads)=='undefined'){ -->
// <!-- alert('广告被过滤'); -->
// <!-- } -->
</script>
<!--<div align="center" style="font-size: 10px;color: dimgrey">advertisement</div>-->
<script type="text/javascript" src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
<script type="text/javascript" src="ads.js"></script>
<script src="src/settings.js" charset="utf-8"></script>
<script type="text/javascript">
var preloader;
var adCompleteFlag = false;
var resCompleteFlag = false;
var adEndComplete = false;
var resEndComplete = false;
judgeLanTitle();
function judgeLanTitle() {
// console.log("window.navigator.language",window.navigator.language);
if (window.navigator.language == "zh-CN" || window.navigator.language == "zh-cn") {
document.title = "召唤神龙";
} else if (window.navigator.language == "zh-TW") {
document.title = "召喚神龍";
} else if (window.navigator.language == "zh-HK") {
document.title = "召喚神龍";
} else if (window.navigator.language == "ko-KR") {
document.title = "신용 소환";
} else if (window.navigator.language == "ja-JP") {
document.title = "神竜を召喚する";
} else if (window.navigator.language == "th-TH") {
document.title = "เรียกมังกร";
} else {
document.title = "Summon the Dragon";
}
}
var loadintT = document.getElementById("loadingText");
var loadintGif = document.getElementById("loadingImg")
setTimeout(function() {
loadintGif.remove();
loadintT.style.display = ""
updateLabView(0.1);
}, 1 * 1000)
window.timer = null;
window.tempSeconds = 1;
window.loadData = {};
loadData.completedCount = 0;
loadData.totalCount = 0;
onload();
<script type="text/javascript">
(function() {
// open web debugger console
if (typeof VConsole !== 'undefined') {
window.vConsole = new VConsole();
}
var debug = window._CCSettings.debug;
var splash = document.getElementById('splash');
splash.style.display = 'block';
function loadScript(moduleName, cb) {
function scriptLoaded() {
document.body.removeChild(domScript);
domScript.removeEventListener('load', scriptLoaded, false);
cb && cb();
};
var domScript = document.createElement('script');
domScript.async = true;
domScript.src = moduleName;
domScript.addEventListener('load', scriptLoaded, false);
document.body.appendChild(domScript);
}
loadScript(debug ? 'cocos2d-js.js' : 'cocos2d-js-min.js', function() {
if (CC_PHYSICS_BUILTIN || CC_PHYSICS_CANNON) {
loadScript(debug ? 'physics.js' : 'physics-min.js', window.boot);
} else {
window.boot();
}
});
})();
</script>
</body>
</html>
文章来源
https://mp.weixin.qq.com/s/YsGOkJmRUFEKs1LB6h9-pQ
源码下载地址,关注公众号:计算机基础与编程,回复关键字“召唤神龙”即可免费获取
也可直接扫二维码添加