index.html 7.59 KB
Newer Older
Terence Martin's avatar
Terence Martin committed
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 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Devember-2016 Project Page">
    <meta name="author" content="Terence Martin">
    <title>A-Maze-Balls (Bolo Ball Clone)</title>
    <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="css/default.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <!--suppress ALL -->
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <!--suppress ALL -->
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                        data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="http://gamedev.nurdz.com/">#GameDev by @OdatNurd</a>
                <p class="navbar-text"><strong>A-Maze-Balls (Bolo Ball Clone)</strong></p>
            </div>
            <div id="navbar" class="collapse navbar-collapse">
                <ul class="nav navbar-nav">
                    <li>
                        <a data-target="#helpAbout" data-toggle="modal" href="#helpAbout">About</a>
                    </li>
                    <li>
                        <a data-target="#controlsModal" data-toggle="modal" href="#controlsModal">Controls</a>
                    </li>
                    <li>
                        <a href="https://gitlab.com/OdatNurd/devember-2016">Source Code</a>
                    </li>
                    <li>
                        <button id="controlBtn" class="btn navbar-btn btn-default">Stop Game</button>
                    </li>
                </ul>
            </div>
            <!--/.nav-collapse -->
        </div>
    </nav>
    <div class="container-fluid">
            <div id="gameContent"></div>
    </div>
    <div class="navbar navbar-default navbar-fixed-bottom" data-pg-collapsed>
        <div class="container">
            <p class="text-muted">A-Maze-Balls Copyright&copy; 2016 Terence Martin</p>
        </div>
    </div>
    <div class="modal fade pg-show-modal" id="helpAbout" tabindex="-1" role="dialog" aria-hidden="true"
         data-pg-collapsed>
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">About A-Maze-Balls</h4>
                </div>
                <div class="modal-body">
                    <p>This is a simple clone of Bolo Ball by <a href="http://www.soleau.com/">Soleau Software</a>,
                       created as a part of my <a href="https://devember.org/">Devember</a> 2016 project.</p>

                    <p>This is a not-entirely-faithful port of the original game. The mechanics are somewhat
                       the same as the original, although I have no extensive experience of that version and
                       so this is more an exercise in replicating something and then extending it.
                    </p>

                    <p>To that end, once the core gameplay is completed, additional mechanics will be added
                       to the game in order to see how that changes things. Maybe we'll end up with something
                       better, or maybe we will not.
                    </p>

                    <p>Some of the graphical assets used here are from (or based upon):
                        <a href="https://kenney.itch.io/kenney-game-assets-2">https://kenney.itch.io/kenney-game-assets-2</a>
                    </p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade pg-show-modal" id="controlsModal" tabindex="-1" role="dialog" aria-hidden="true"
         data-pg-collapsed>
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title">A-Maze-Balls Controls</h4>
                </div>
                <div class="modal-body">
                    <dl>
                        <dt>F</dt>
                        <dd>Toggle fullscreen mode on the canvas (if supported by the browser)</dd>
105 106
                        <dt>G</dt>
                        <dd>Regenerate the level</dd>
107 108
                        <dt>Left/Right/Down</dt>
                        <dd>Rotate player to facing; walk in direction</dd>
109
                        <dt>Spacebar</dt>
110
                        <dd>Push ball</dd>
111 112
                        <dt>? (on player's turn)</dt>
                        <dd>Get AI suggestion of ball to play</dd>
113
                        <dt>F12</dt>
114
                        <dd>Toggle debug/editing mode</dd>
115 116
                        <dt>Left Click on a Ball</dt>
                        <dd>Drop ball into the maze</dd>
117
                        <h3>While in debug/editing mode:</h3>
118 119
                        <dt>?</dt>
                        <dd>Log info on selected maze cell</dd>
120 121 122 123
                        <dt>Left Click on Bonus/Gray Brick</dt>
                        <dd>Vanish or appear brick</dd>
                        <dt>Left Click on an Arrow</dt>
                        <dd>Flip arrow direction</dd>
124
                        <dt>Backspace/Delete</dt>
125
                        <dd>Delete the contents of the current cell</dd>
126 127
                        <dt>W</dt>
                        <dd>Wipe the entire maze clean (delete all)</dd>
128
                        <dt>T</dt>
129
                        <dd>Toggle the debug cell between subtypes</dd>
130
                        <dt>B</dt>
131
                        <dd>Insert a brick into an empty cell</dd>
132
                        <dt>A</dt>
133
                        <dd>Insert a right facing normal arrow into an empty cell</dd>
134
                        <dt>H</dt>
135
                        <dd>Insert a black hole into an empty cell</dd>
136
                        <dt>L</dt>
137
                        <dd>Insert a ball into an empty cell</dd>
138 139 140 141
                        <dt>V</dt>
                        <dd>Vanish all visible gray bricks
                        <dt>C</dt>
                        <dd>Collect all visible bonus bricks</dd>
Terence Martin's avatar
Terence Martin committed
142 143 144 145 146 147 148 149 150 151 152 153 154 155 156
                    </dl>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    <script src="bootstrap/assets/js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <script src="bootstrap/assets/js/ie10-viewport-bug-workaround.js"></script>
    <script src="js/engine-0.3.1.js"></script>
    <script src="js/game.js"></script>
</body>
</html>