-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
135 lines (121 loc) · 6.52 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
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>MB Phaser Templates</title>
<!-- Bootstrap core CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">
<!-- Custom styles for this template -->
<link href="style.css" rel="stylesheet">
</head>
<body>
<header>
<!-- <div class="collapse bg-dark" id="navbarHeader">
<div class="container">
<div class="row">
<div class="col-sm-8 py-4">
<h4 class="text-white">About</h4>
<p class="text-muted">Add some information about the album below, the author, or any other background context. Make it a few sentences long so folks can pick up some informative tidbits. Then, link them off to some social networking sites or contact information.</p>
</div>
<div class="col-sm-4 py-4">
<h4 class="text-white">Contact</h4>
<ul class="list-unstyled">
<li><a href="#" class="text-white">Follow on Twitter</a></li>
<li><a href="#" class="text-white">Like on Facebook</a></li>
<li><a href="#" class="text-white">Email me</a></li>
</ul>
</div>
</div>
</div>
</div> -->
<div class="navbar navbar-dark bg-dark">
<div class="container d-flex justify-content-between">
<a href="#" class="navbar-brand">Mission Bit - Intro to Web Programming</a>
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader" aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button> -->
</div>
</div>
</header>
<main role="main">
<section class="jumbotron text-center">
<div class="container">
<h1 class="jumbotron-heading">MB Phaser Templates</h1>
<p class="lead text-muted">The templates and examples below are meant to help you with your final project. Clone <a href="https://github.com/MissionBit/phaser-template.git">this repo</a> and navigate to the desired folder to find the sample code.</p>
<p>Remember: to run a local server, open Terminal, navigate to the folder using <code>cd</code>, and type: <code>python -m SimpleHTTPServer</code></p>
<p>
Don't see the template that you need?
<a href="mailto:juliana@missionbit.com?Subject=Phaser%20Tutorial%20Request" class="btn btn-primary">Request a tutorial</a>
</p>
</div>
</section>
<div class="album text-muted">
<div class="container">
<div class="row">
<div class="card">
<a href="minimal-template/"><img src="images/minimal-template.png" alt="Minimal Template"></a>
<h3>Minimal Template</h3>
<p class="card-text">This template contains the minimum requirements for a Phaser game with an animated sprite.</p>
</div>
<div class="card">
<a href="ninja-physics/"><img src="images/ninja-physics.png" alt="Ninja Physics"></a>
<h3>Ninja Physics</h3>
<p class="card-text">Template for using <a href="https://phaser.io/examples/v2/category/ninja-physics">Phaser's Ninja Physics</a>.</p>
</div>
<div class="card">
<a href="platformer/"><img src="images/platformer.png" alt="Platformer"></a>
<h3>Platformer</h3>
<p class="card-text">Basic elements of a platformer game.</p>
</div>
<div class="card">
<a href="ship/"><img src="images/ship.png" alt="Ship"></a>
<h3>Ship</h3>
<p class="card-text">
A starting point for top-down games such as
<a href="https://en.wikipedia.org/wiki/Asteroids_(video_game)">Asteroids</a> or
<a href="https://en.wikipedia.org/wiki/New_Rally-X">New Rally X</a>.
</p>
</div>
<div class="card">
<a href="states/"><img src="images/states.png" alt="States"></a>
<h3>States</h3>
<p class="card-text">Learn how to create game states and check out how the x,y coordinates work in Phaser.</p>
</div>
<div class="card">
<a href="simple-game/"><img src="images/simple-game.png" alt="Simple Game"></a>
<h3>Simple Game</h3>
<p class="card-text">This template uses Arcade Physics and has examples of how to handle states, console logging and alerts, scoring, displaying text, manipulating sprites, collision detection, and designing basic worlds.</p>
</div>
</div>
</div>
</div>
</main>
<footer class="text-muted">
<div class="container">
<p class="float-right">
<a href="#">Back to top</a>
</p>
<p>Copyright © Mission Bit 2018</p>
<p>Thanks to <a href="https://github.com/ggorlen">@ggorlen</a> for creating some of these awesome templates!</p>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script>window.jQuery || document.write('<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"><\/script>')</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.3/js/bootstrap.min.js" integrity="sha384-a5N7Y/aK3qNeh15eJKGWxsqtnX/wWdSZSKp+81YjTmS15nvnvxKHuzaWwXHDli+4" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/holder/2.9.4/holder.min.js"></script>
<script>
Holder.addTheme('thumb', {
bg: '#55595c',
fg: '#eceeef',
text: 'Thumbnail'
});
</script>
</body>
</html>