OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html prefix="og: http://ogp.me/ns#"> | 2 <html prefix="og: http://ogp.me/ns#"> |
3 <head> | 3 <head> |
4 <title>Pop, Pop, Win!</title> | 4 <title>Pop, Pop, Win!</title> |
5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> | 5 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> |
6 <link rel="shortcut icon" href="favicon.ico" /> | 6 <link rel="shortcut icon" href="favicon.ico" /> |
7 <link rel='stylesheet' type='text/css' href='resources/style.css' /> | 7 <link rel='stylesheet' type='text/css' href='resources/style.css' /> |
8 <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,700|Slac
key' rel='stylesheet' type='text/css'> | 8 <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:400,700|Slac
key' rel='stylesheet' type='text/css'> |
9 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximu
m-scale=1.0, user-scalable=no" /> | 9 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximu
m-scale=1.0, user-scalable=no" /> |
10 <meta property="og:title" content="Pop, Pop, Win!" /> | 10 <meta property="og:title" content="Pop, Pop, Win!" /> |
11 <meta property="og:description" content="Pop, Pop, Win! is an implementation
of the game Minesweeper in the Dart programming language." /> | 11 <meta property="og:description" content="Pop, Pop, Win! is an implementation
of the game Minesweeper in the Dart programming language." /> |
12 <meta property="og:image" content="http://dart-lang.github.io/pop-pop-win/im
ages/icon_200.png" /> | 12 <meta property="og:image" content="http://dart-lang.github.io/pop-pop-win/im
ages/icon_200.png" /> |
13 <meta property='og:url' content='http://dart-lang.github.io/pop-pop-win/' /> | 13 <meta property='og:url' content='http://dart-lang.github.io/pop-pop-win/' /> |
14 <link rel="canonical" href="http://dart-lang.github.io/pop-pop-win/" /> | 14 <link rel="canonical" href="http://dart-lang.github.io/pop-pop-win/" /> |
15 <script type="application/dart" src="game_web.dart"></script> | 15 <script type="application/dart" src="game_web.dart"></script> |
16 <script src="packages/browser/dart.js"></script> | 16 <script src="packages/browser/dart.js"></script> |
17 </head> | 17 </head> |
18 <body> | 18 <body> |
19 <canvas id='gameCanvas' width='1024' height='768'></canvas> | 19 <canvas id='gameCanvas' width='2048' height='1536' style="width:100%; height
:100%; top:0; left:0;"></canvas> |
20 <div id='loading'> | |
21 <div class='sprite loading_background'> </div> | |
22 <div class='sprite loading_bar'> </div> | |
23 <div class='sprite loading_text'> </div> | |
24 </div> | |
25 <div id='popup'> | 20 <div id='popup'> |
26 <div id='about'> | 21 <div id='about'> |
27 » <h1>About</h1> | 22 <h1>About</h1> |
28 <p>Developed in <a href="http://www.dartlang.org/" target="_blank">Dart<
/a></p> | 23 <p class="difficulty">Set Difficulty: <a href="#7">Easy</a> | <a href="#
11">Medium</a> | <a href="#16">Hard</a> | <a href="#24">Extreme</a></p> |
29 » <p><a href="https://github.com/dart-lang/pop-pop-win" target="_bla
nk">Source Code</a> is on GitHub</p> | 24 <p>Developed with <a href="http://www.dartlang.org/" target="_blank">Dar
t</a> and <a href="http://www.stagexl.org/" target="_blank">StageXL</a></p> |
| 25 <p><a href="https://github.com/dart-lang/pop-pop-win" target="_blank">So
urce Code</a> is on GitHub</p> |
30 <p><a href="https://github.com/dart-lang/pop-pop-win#license" target="_b
lank">License</a></p> | 26 <p><a href="https://github.com/dart-lang/pop-pop-win#license" target="_b
lank">License</a></p> |
31 </div> | 27 </div> |
32 <div id='help'> | 28 <div id='help'> |
33 <h1>Help</h1> | 29 <h1>Help</h1> |
34 <img src='resources/images/help-surround.jpg'> | 30 <img src='resources/images/help-surround.jpg'> |
35 <p>Click on balloons to pop them.</p> | 31 <p>Click on balloons to pop them.</p> |
36 <p>A revealed number tells you how many bombs are next to that square.</
p> | 32 <p>A revealed number tells you how many bombs are next to that square.</
p> |
37 <p>The count includes squares above, below, left, right and diagonal.</p
> | 33 <p>The count includes squares above, below, left, right and diagonal.</p
> |
38 <p><em>One of these balloons is a bomb. Can you guess which one?</em></p
> | 34 <p><em>One of these balloons is a bomb. Can you guess which one?</em></p
> |
39 <img src='resources/images/help-freeze.jpg'> | 35 <img src='resources/images/help-freeze.jpg'> |
40 <p>If you're certain a balloon is hiding a bomb, freeze it.</p> | 36 <p>If you're certain a balloon is hiding a bomb, freeze it.</p> |
41 <p>Freeze a balloon by holding down the shift key and clicking.</p> | 37 <p>Freeze a balloon by shift- or right-clicking.</p> |
42 <p>Every time you freeze a balloon, the bomb count goes down.</p> | 38 <p>Every time you freeze a balloon, the bomb count goes down.</p> |
43 <p>Unfreeze a balloon the same way: shift-click.</p> | 39 <p>Unfreeze a balloon the same way: shift- or right-click.</p> |
44 </div> | 40 </div> |
45 </div> | 41 </div> |
46 </body> | 42 </body> |
47 </html> | 43 </html> |
OLD | NEW |