Meta:Samples/Software: Difference between revisions
Jump to navigation
Jump to search
| Line 34: | Line 34: | ||
===Template=== | ===Template=== | ||
<syntaxhighlight lang=" | <syntaxhighlight lang="html4strict" line> | ||
<!DOCTYPE html> | |||
<html lang="en"> | |||
<head> | |||
<meta charset="UTF-8"> | |||
<title>Sky Islands v0.2</title> | |||
<meta name="description" content=""> | |||
<meta name="viewport" content="width=device-width"> | |||
<link rel="stylesheet" href="css/main.css"> | |||
</head> | |||
<body> | |||
<div id="container"> | |||
<div id="game-wrapper"> | |||
<div id="game-canvas-wrapper"></div> | |||
<div id="game-gui"></div> | |||
<div id="game-dialog"></div> | |||
<div id="game-playerstats"> | |||
<div id="player-avatar-container"><img id="player-avatar" src="res/avatar/f001.png" /></div> | |||
<div id="player-stats"> | |||
<div id="player-resources"> | |||
<ul> | |||
<li id="player-resource1" class="player-resource">0</li> | |||
</ul> | |||
</div> | |||
<div id="player-name"> | |||
<p id="player-name-tag"></p> | |||
</div> | |||
</div> | |||
</div> | |||
<div id="game-powers"> | |||
<div id="power1" class="power"></div> | |||
<div id="power2" class="power"></div> | |||
</div> | |||
<div id="game-menu"> | |||
<div id="menu-start" class="menu-full"> | |||
<div id="start-buttons"> | |||
<ul> | |||
<li id="start-button-start" onclick="onStart()">New Game</li> | |||
</ul> | |||
</div> | |||
</div> | |||
<div id="menu-avatar-select" class="menu-ingame"> | |||
<div id="avatar-selector"> | |||
<p>Select Avatar</p> | |||
<div class="avatar-menu" onclick="onAvatar(0)"><img src="res/avatar/f001.png" /></div> | |||
<div class="avatar-menu" onclick="onAvatar(1)"><img src="res/avatar/m001.png" /></div> | |||
</div> | |||
<div id="avatar-form-container"> | |||
<p>Enter Name</p> | |||
<form> | |||
<input type="text" id="menu-name-input" /> | |||
<br/><br/> | |||
<input type="button" id="menu-name-submit" value="Continue" onclick="onAvatarSelect()" /> | |||
</form> | |||
</div> | |||
</div> | |||
<div id="menu-level-select" class="menu-ingame"> | |||
<ul> | |||
<li id="menu-level-1" class="menu-level-unlocked" onclick="onLevelSelect(1)">Level 1</li> | |||
<li id="menu-level-2" class="menu-level-locked">???</li> | |||
<li id="menu-level-3" class="menu-level-locked">???</li> | |||
<li id="menu-level-4" class="menu-level-locked">???</li> | |||
</ul> | |||
</div> | |||
<div id="menu-gameover" class="menu-ingame"> | |||
<p>Oh no! You have lost an island!</p> | |||
<p><a onclick="onRetry()">Try Again</a></p> | |||
<p><a onclick="onBackToMenu()">Back to Menu</a></p> | |||
</div> | |||
<div id="menu-win" class="menu-ingame"> | |||
<p>Congratulations! You are awesome!</p> | |||
<p><a onclick="onRetry()">Play Again</a></p> | |||
<p><a onclick="onBackToMenu()">Next Level</a></p> | |||
</div> | |||
<div id="menu-timeup" class="menu-full">Je bent nu klaar met dit onderdeel. Ga naar het volgende onderdeel door dit pop-up venster te sluiten, door middel van het rode kruisje.</div> | |||
<div id="menu-tutorial" class="menu-full"> | |||
<div id="menu-tutorial-button"> | |||
<p onclick="pause()">Continue</p> | |||
</div> | |||
</div> | |||
<div id="menu-pause-button" onclick="pause()"><p>||</p></div> | |||
</div> | |||
<div id="debug">Version 0.2.3.2</div> | |||
</div> | |||
</div> | |||
<script type="text/javascript" src="js/resources.min.js"></script> | |||
<script type="text/javascript" src="js/sprite.min.js"></script> | |||
<script type="text/javascript" src="js/game.min.js"></script> | |||
</body> | |||
</html> | |||
</syntaxhighlight> | </syntaxhighlight> | ||