抖音很火的召唤神龙的小游戏完整代码-召唤神龙

最新推荐文章于 2024-08-30 10:07:41 发布

小绵羊Do

最新推荐文章于 2024-08-30 10:07:41 发布

阅读量1.8w

点赞数 9

文章标签： safari css elementui 游戏程序

本文链接：https://blog.csdn.net/m0_54803288/article/details/122257014

版权

抖音很火的解压小游戏，完整代码分享。有兴趣的可以试着写一下。

1. index

<!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">&

最低0.47元/天解锁文章