-
Notifications
You must be signed in to change notification settings - Fork 6
/
index.html
88 lines (88 loc) · 3.72 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="icon" href="assets/background-castle.png">
<link rel="apple-touch-icon" href="assets/background-castle.png">
<title>形狀消消樂 Shape Clear</title>
<style>
.playcontainer {
padding-left: 2em;
padding-top: 5px;
padding-bottom: 5px;
}
.playcontainer a {
text-decoration: none;
color: inherit;
}
.play {
background: #dddd00;
background: linear-gradient(#ee0 0%, #bb0 100%);
padding: 10px;
border: gray solid 3px;
border-radius: 10px;
font-size: 1.5em;
}
.play:hover {
background: #eeee00;
background: linear-gradient(#ff0 0%, #cc0 100%);
}
.play:active {
background: #bbbb00;
background: linear-gradient(#cc0 0%, #aa0 100%);
}
html {
background: linear-gradient(#0080ff 0%,#79e1ff 70%,#009e00 71%,#00ff00 100%);
background-attachment: fixed;
height: 100%;
height: 100vh;
}
#background {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: -1;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}
</style>
<script src="js/swLoader.js" charset="utf-8"></script>
</head>
<body>
<header>
<h1 style='margin-right: 100px;'>形狀消消樂網頁版 Shape Clear - HTML</h1>
</header>
<a href="https://github.com/stdio2016/shapeclear-html">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png">
</a>
<p>形狀消消樂網頁版是一個消消樂遊戲，使用 Phaser 遊戲引擎和 HTML5 規格</p>
<p>目前還沒有完成，但是可以玩😆~~</p>
<h2 id=howToPlay>玩法</h2>
<p>用滑鼠或手指交換 2 個形狀，讓 3 個一樣的形狀，連成一條線，就可以消除</p>
<p class=playcontainer><a href='game.html'><span class=play>馬上玩！</span></a></p>
<p>本遊戲支援離線遊玩，如果覺得遊戲沒有更新，可以按<a href='javascript:updateByUser()'>這裡</a>強制更新</p>
<h2 id=cannotPlayGame>無法玩遊戲？</h2>
<p>如果遊戲畫面一直閃，畫面一團亂，或者畫面一片空白，這可能是因為您的裝置不支援硬體加速</p>
<p>你可以進入<a href='config.html'>設定</a>，將 renderer 改成 CANVAS</p>
<p>如果你只看到「Unable to load Phaser」，那我猜你用了非常舊的瀏覽器。
我的網站不支援 IE 9 以下的版本，請改用 Chrome 或 Firefox</p>
<p>如果卡在「Loading assets...」，有可能是</p>
<ol>
<li>網絡不給力</li>
<li>你的瀏覽器不能解碼聲音</li>
</ol>
<p>無論是哪種原因，你都可以進入<a href='config.html'>設定</a>，將 Disable audio 打勾</p>
<p></p>
<h2 id=gameHasBugs>遊戲有bug！</h2>
<p>還是一樣，你可以到我的程式庫上面回報問題，就在 <a href='https://github.com/stdio2016/shapeclear-html/issues'>github.com/stdio2016/shapeclear-html/issues</a>。
或者你比較喜歡 Facebook，就私訊我的<a href="https://facebook.com/shape.clear">粉絲專頁</a>吧</p>
<p>本遊戲是個自由開源的軟體，歡迎到 <a href='https://github.com/stdio2016/shapeclear-html'>github.com/stdio2016/shapeclear-html</a> 查看原始碼，或者 fork！</p>
<p>瀏覽人數：<img src='https://www.stdio2016.com/hitcount.php?src=https://stdio2016.github.io/shapeclear-html/' alt="---"></p>
<hr>
<footer id=di>© 2016~2021 stdio2016 版權ㄙㄨㄛˇ有</footer>
</body>
</html>