docker/pacman
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of https://github.com/mumuy/pacman

Browse Source 
# Conflicts:
#	index.html
This commit is contained in:
mumuy 2022-07-06 19:24:33 +08:00
commit baca9349e3
1 changed files with 47 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
index.html
View File

@ -13,21 +13,48 @@
color:#999; color:#999;
} }
canvas{display:block;background: #000;} canvas{display:block;background: #000;}
.info{ .mod-game .info{
line-height: 30px; padding: 10px 0;
margin-bottom: 5px;
line-height: 20px;
text-align: center; text-align: center;
margin-bottom: 10px; color: #666;
} }
p{ .mod-game .info p{
line-height: 24px; line-height: 20px;
font-size: 14px;
color: #666;
}
.mod-game .intro{
padding: 10px 15px;
background: #f8f8f8;
border-radius: 5px;
}
.mod-game .intro p{
line-height: 22px;
text-indent: 2em; text-indent: 2em;
font-size: 14px; font-size: 14px;
color: #666;
} }
.mod-botton{ .mod-button{
height: 32px; height: 32px;
padding: 15px 0; padding: 15px 0;
text-align: center; text-align: center;
} }
.mod-button span,.mod-button a{
vertical-align: middle;
}
.mod-button .btn{
display: inline-block;
padding: 0 12px;
line-height: 26px;
color: #24292f;
border: 1px solid #dddede;
text-decoration: none;
font-size: 13px;
color: #24292f;
border-radius: 2px;
}
</style> </style>
<script type="text/javascript"> <script type="text/javascript">
setTimeout(function(){ setTimeout(function(){
@ -41,13 +68,22 @@
</head> </head>
<body> <body>
<div class="wrapper"> <div class="wrapper">
<canvas id="canvas" width="960" height="640">不支持画布</canvas> <div class="mod-game">
<div class="info">按［空格］暂停或继续</div> <canvas id="canvas" width="960" height="640">不支持画布</canvas>
<p>这款吃豆人游戏的开发是我在学习和探索HTML5游戏的一次尝试，也是对这款儿时经典街机游戏的致敬。游戏大致还原了我印象中Pac-Man的样子，在移植关卡和玩法规则的同时，在游戏中加入了游戏角色动画管理和幽灵的智能寻址算法，实现了幽灵对玩家的围堵。在你玩的过程中，你会发现这些精灵似乎很有想法，它们知道如何彼此协作对你穷追不舍。</p> <div class="info">
<p>如果你对此感兴趣，可以在Github上关注此项目。我希望能通过游戏和代码与你分享一些我对游戏开发的感悟。</p> <p>按 [空格键] 暂停或继续</p>
<div class="mod-botton"> <p>Press [space] to pause or continue</p>
</div>
<div class="intro">
<p>这款吃豆人游戏的开发是我在学习和探索HTML5游戏的一次尝试，也是对这款儿时经典街机游戏的致敬。游戏大致还原了我印象中Pac-Man的样子，在移植关卡和玩法规则的同时，在游戏中加入了游戏角色动画管理和幽灵的智能寻址算法，实现了幽灵对玩家的围堵。在你玩的过程中，你会发现这些精灵似乎很有想法，它们知道如何彼此协作对你穷追不舍。</p>
<p>如果你对此感兴趣，可以在Github上关注此项目。我希望能通过游戏和代码与你分享一些我对游戏开发的感悟。</p>
</div>
</div>
<div class="mod-button">
<a class="github-button" href="https://github.com/mumuy" data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" aria-label="Follow @mumuy on GitHub">Follow @mumuy</a> <a class="github-button" href="https://github.com/mumuy" data-color-scheme="no-preference: light; light: light; dark: dark;" data-size="large" aria-label="Follow @mumuy on GitHub">Follow @mumuy</a>
<a class="github-button" href="https://github.com/mumuy/pacman" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star mumuy/pacman on GitHub">Star</a> <a class="github-button" href="https://github.com/mumuy/pacman" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star mumuy/pacman on GitHub">Star</a>
<a class="github-button" href="https://github.com/mumuy/pacman" data-color-scheme="no-preference: light; light: light; dark: dark;" data-icon="octicon-star" data-size="large" data-show-count="true" aria-label="Star mumuy/relationship on GitHub">Star</a>
<a class="btn" href="/">返回首页</a>
</div> </div>
</div> </div>
<script src="game.js"></script> <script src="game.js"></script>