1. 程式人生 > 實用技巧 >休閒迷宮

休閒迷宮

休閒迷宮效果圖(Ps:copy美團)

休閒迷宮程式碼

<html lang="en">
<head>
<meta charset="utf-8">
<title>休閒迷宮</title>
<style type="text/css">
span{
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    color: #8bc24c;
    background: #fae3d9;
}
</style>
<script>
    top 
!= self && top.host != self.host && (top.location = self.location); (function(d) { d.className = d.className.replace(/\bno-js/, ''); })(document.documentElement); var $CONFIG = { 'data' : {} }; </script> </head> <body> <div class="maze-game-container" style="text-align: center;"> <h3 class
="maze-game-info">休閒迷宮。</h3> <canvas class="maze-content" width="1500" height="800"></canvas> <h4 class="maze-game-info" style="margin-top: 0;"> 使用<span>w</span>、<span>a</span>、<span>s</span>、<span>d</span>,或者方向鍵進行遊戲。
</h4> </div> </body> <script src="https://awps-assets.meituan.net/mit/blog/v20190629/asset/vendor/zepto.min.js"></script> <script src="https://awps-assets.meituan.net/mit/blog/v20190629/common.js"></script> <script src="https://awps-assets.meituan.net/mit/blog/v20190629/errorPage.js"></script> </html>