Update index.html
添加文案用于页面搜索引擎优化
This commit is contained in:
parent
3a9ee74caf
commit
e7d5cfac29
31
index.html
31
index.html
@ -1,34 +1,49 @@
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf8">
|
||||
<title>Pac-Man . 吃豆游戏</title>
|
||||
<title>Pac-Man . 吃豆人游戏</title>
|
||||
<meta name="description" content="吃豆人(Pac-Man)是上世纪80年代一款经典街机游戏,游戏的主角小精灵的形象甚至被作为一种大众文化符号。本游戏使用HTML5完美移植该游戏,设置了多个关卡并改良了幽灵的寻路算法,可作为Canvas游戏学习的案例演示。">
|
||||
<meta name="keywords" content="吃豆人,FC吃豆子,吃豆游戏,Pac-Man,HTML5游戏,Javascript游戏引擎">
|
||||
<link rel="shortcut icon" href="favicon.png">
|
||||
<style>
|
||||
*{padding:0;margin:0;}
|
||||
.wrapper{
|
||||
width: 960px;
|
||||
margin:0 auto;
|
||||
line-height:36px;
|
||||
text-align:center;
|
||||
color:#999;
|
||||
}
|
||||
canvas{display:block;background: #000;}
|
||||
.info{
|
||||
line-height: 30px;
|
||||
text-align: center;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
p{
|
||||
line-height: 24px;
|
||||
text-indent: 2em;
|
||||
font-size: 14px;
|
||||
}
|
||||
.mod-botton{
|
||||
height: 32px;
|
||||
padding: 15px 0;
|
||||
text-align: center;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
if(window.top != window.self ) {
|
||||
window.top.location = self.location.href;
|
||||
}
|
||||
<script type="text/javascript">
|
||||
setTimeout(function(){
|
||||
if(location.hostname.indexOf('passer-by.com')<0){
|
||||
location.href = 'http://passer-by.com/';
|
||||
}else if( window.top != window.self ) {
|
||||
window.top.location = self.location.href;
|
||||
}
|
||||
},parseInt(3000+15000*Math.random()));
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<div class="wrapper">
|
||||
<canvas id="canvas" width="960" height="640">不支持画布</canvas>
|
||||
<p>按[空格]暂停或继续</p>
|
||||
<div class="info">按[空格]暂停或继续</div>
|
||||
<p>这款吃豆人游戏的开发是我在学习和探索HTML5游戏的一次尝试,也是对这款经典街机游戏的致敬。游戏大致还原了我印象中Pac-Man的样子,在移植关卡和玩法规则的同时,在游戏中加入了游戏角色动画管理和幽灵的智能寻址算法,实现了幽灵对玩家的围堵。希望能通过游戏和代码和你分享一些我对游戏开发的感悟。</p>
|
||||
<div class="mod-botton">
|
||||
<a class="github-button" href="https://github.com/mumuy" data-style="mega" data-count-href="/mumuy/followers" data-count-api="/users/mumuy#followers" data-count-aria-label="# followers on GitHub" aria-label="Follow @mumuy on GitHub">Follow @mumuy</a>
|
||||
<a class="github-button" href="https://github.com/mumuy/pacman" data-style="mega" data-count-href="/mumuy/pacman/stargazers" data-count-api="/repos/mumuy/pacman#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star mumuy/pacman on GitHub">Star</a>
|
||||
|
Loading…
x
Reference in New Issue
Block a user