• H5游戏源码分享-网页版2048小游戏

    H5游戏源码分享-网页版2048小游戏

    玩过的都懂

    1. html>
    2. <html>
    3. <head>
    4.   <meta charset="utf-8">
    5.   <title>分享2048到朋友圈，将免费参加南山郡8.17号啤酒狂欢节！title>
    6.  
    7.   <link href="style/main.css" rel="stylesheet" type="text/css">
    8.   <link rel="shortcut icon" href="favicon.ico">
    9.   <link rel="apple-touch-icon" href="meta/apple-touch-icon.png">
    10.   <link rel="apple-touch-startup-image" href="meta/apple-touch-startup-image-640x1096.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2)"> 
    11.   <link rel="apple-touch-startup-image" href="meta/apple-touch-startup-image-640x920.png"  media="(device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2)"> 
    12.   <meta name="apple-mobile-web-app-capable" content="yes">
    13.   <meta name="apple-mobile-web-app-status-bar-style" content="black">
    14.  
    15.   <meta name="HandheldFriendly" content="True">
    16.   <meta name="MobileOptimized" content="320">
    17.   <meta name="viewport" content="width=device-width, target-densitydpi=160dpi, initial-scale=1.0, maximum-scale=1, user-scalable=no, minimal-ui">
    18. head>
    19.  
    20.  
    21.  
    22.  
    23. <script>
    24. lastScrollY=0;
    25. function heartBeat(){
    26. var diffY;
    27. if (document.documentElement && document.documentElement.scrollTop)
    28.     diffY = document.documentElement.scrollTop;
    29. else if (document.body)
    30.     diffY = document.body.scrollTop
    31. else
    32.     {/*Netscape stuff*/}
    33. percent=.1*(diffY-lastScrollY);
    34. if(percent>0)percent=Math.ceil(percent);
    35. else percent=Math.floor(percent);
    36. document.getElementById("full").style.top=parseInt(document.getElementById("full").style.top)+percent+"px";
    37. lastScrollY=lastScrollY+percent;
    38. }
    39. suspendcode="
      返回顶部
      "
    40. document.write(suspendcode);
    41. window.setInterval("heartBeat()",1);
    42. script>
    43. <body>
    44.   <div class="container">
    45.     <div class="heading">
    46.       <h1 class="title">2048h1>
    47.       <div class="scores-container">
    48.         <div class="score-container">0div>
    49.         <div class="best-container">0div>
    50.       div>
    51.     div>
    52.  
    53.     <div class="above-game">
    54.       <p class="game-intro"><a href="http://mp.weixin.qq.com/s?__biz=MjM5ODMzMjk5Nw==&mid=200442232&idx=1&sn=bb981cf0ec10bc9bf28f24179744f511&from=singlemessage&isappinstalled=0#rd" target="_blank"><img src="140x50.png" width="140" height="50" longdesc="http://game2.id87.com/">a>p>
    55.       <a class="restart-button">点我开始a>
    56.     div>
    57.  
    58.     <div class="game-container">
    59.       <div class="game-message">
    60.         <p>p>
    61.         <div class="lower">
    62. 	        <a class="keep-playing-button">Keep goinga>
    63.           <a class="retry-button">再玩一次a>
    64.         div>
    65.       div>
    66.  
    67.       <div class="grid-container">
    68.         <div class="grid-row">
    69.           <div class="grid-cell">div>
    70.           <div class="grid-cell">div>
    71.           <div class="grid-cell">div>
    72.           <div class="grid-cell">div>
    73.         div>
    74.         <div class="grid-row">
    75.           <div class="grid-cell">div>
    76.           <div class="grid-cell">div>
    77.           <div class="grid-cell">div>
    78.           <div class="grid-cell">div>
    79.         div>
    80.         <div class="grid-row">
    81.           <div class="grid-cell">div>
    82.           <div class="grid-cell">div>
    83.           <div class="grid-cell">div>
    84.           <div class="grid-cell">div>
    85.         div>
    86.         <div class="grid-row">
    87.           <div class="grid-cell">div>
    88.           <div class="grid-cell">div>
    89.           <div class="grid-cell">div>
    90.           <div class="grid-cell">div>
    91.         div>
    92.       div>
    93.  
    94.       <div class="tile-container">
    95.  
    96.       div>
    97.     div>
    98.  
    99.    
    100.     <hr>
    101.     
    102.     <p><strong><a href="http://wx.vdcom.cn" target="_blank">金华微资源网络技术支持a>strong>p>
    103.     <p><strong>玄元南山郡首期8月17日盛大开盘，关注xynsj0579免费参加安地楼盘现场的啤酒节！strong>p>
    104. div>
    105. <script>
    106.     var my_list = {2:'九头虫',4:'白龙马',8:'沙僧',16:'猪八戒',32:'孙悟空',64:'唐僧',128:'观音',256:'弥勒佛',512:'上老君',1024:'如来佛',2048:'神笔记',4096:'http://iduanzi.qiniudn.com/tuoguang/4096.jpg',8192:'http://iduanzi.qiniudn.com/tuoguang/8192.jpg',16384:'http://iduanzi.qiniudn.com/tuoguang/16384.jpg',32768:'32768',65536:'65536',131072:'131072',262144:'262144',524288:'524288',1048576:'1048576',2097152:'2097152',4194304:'4194304',8388608:'8388608',16777216:'16777216',33554432:'33554432',67108864:'67108864',134217728:'134217728',268435456:'268435456',536870912:'536870912',1073741824:'1073741824',2147483648:'2147483648'}
    107.     var my_mark = {2:'快来变身吧！',4:'小白马就挂了！',8:'沙和尚，是你吗',16:'对小猪就是你！',32:'悟空，等等我！',64:'打雷啦，收衣服啦',128:'普渡众生！',256:'阿弥托福！',512:'你这泼猴，不像话！',1024:'五指山压死你',2048:'恭喜！终于见到本尊了！ ',4096:'强者！太伟大了！',8192:'你有这么厉害呀！',16384:'你已跳出三界之外了！',32768:'Game Over, HiScore: 32768',65536:'Game Over, HiScore: 65536',131072:'Game Over, HiScore: 131072',262144:'Game Over, HiScore: 262144',524288:'Game Over, HiScore: 524288',1048576:'Game Over, HiScore: 1048576',2097152:'Game Over, HiScore: 2097152',4194304:'Game Over, HiScore: 4194304',8388608:'Game Over, HiScore: 8388608',16777216:'Game Over, HiScore: 16777216',33554432:'Game Over, HiScore: 33554432',67108864:'Game Over, HiScore: 67108864',134217728:'Game Over, HiScore: 134217728',268435456:'Game Over, HiScore: 268435456',536870912:'Game Over, HiScore: 536870912',1073741824:'Game Over, HiScore: 1073741824',2147483648:'Game Over, HiScore: 2147483648'}
    108.     var my_goal = 1024;
    109.   script>  <script src="js/bind_polyfill.js">script>
    110.   <script src="js/classlist_polyfill.js">script>
    111.   <script src="js/animframe_polyfill.js">script>
    112.   <script src="js/keyboard_input_manager.js">script>
    113.   <script src="js/html_actuator.js">script>
    114.   <script src="js/grid.js">script>
    115.   <script src="js/tile.js">script>
    116.   <script src="js/local_storage_manager.js">script>
    117.   <script src="js/game_manager.js">script>
    118.   <script src="js/application.js">script>
    119.   
    120.  
    121. body>
    122. html>

    项目地址：https://download.csdn.net/download/Highning0007/88536696

  • 相关阅读:
    vue-h5移动Web的rem配置
    Java工具库——FastJson的40个常用方法
    说白了，在工作上，项目经理真离不开这2个字
    VUE 数据分页
    int类的前置++和后置++的实现
    Android原生插件开发-包名篇
    网络基础1
    聊一聊微服务常见配置中心工作原理
    RabbitMQ学习笔记（消息发布确认，死信队列，集群，交换机，持久化，生产者、消费者）
    某商业银行核心存储选型实践经验
  • 原文地址：https://blog.csdn.net/Highning0007/article/details/134409757