Meta:Samples/Software

Introduction.

Features

This software is made to do this, it has these unique selling points:

• Feature 1
• Feature 2
• Feature 3

Requirements

• Microsoft Windows XP or later.
• Intel Core 2 Duo E8600 or higher.
• Python

Installation

Windows 7 64-bit

1. Step 1
2. Step 2
3. Step 3

Configuration

General settings.

Usage

Templates and how-to's go here.

Template

<!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>

See Also

• Meta:Templates/Hardware