-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathgamedev.html
194 lines (184 loc) · 10.7 KB
/
gamedev.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
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>ACM Game Dev Spring 2017</title>
<link href="assets/css/bootstrap.css" rel="stylesheet">
<link href="assets/css/main.css" rel="stylesheet">
<link href='assets/fonts/roboto_thin_macroman/stylesheet.css' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
<link href="assets/css/gamedev.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
<div id="header">
<!--Puts logo into Bootstrap grid so that it properly resizes across devices-->
<div class="container">
<div class="row">
<div class="col-sm-4" id="logo"><a href="home.html"><img src="assets/img/logo.png" alt="ACM@WM Logo"></a></div>
<div class="col-sm-4"></div>
<div class="col-sm-4"></div>
</div>
</div>
<!-- Static navbar -->
<!-- HTML for the navigation bar - will collapse into a dropdown button on small screens-->
<div class="navbar navbar-inverse navbar-static-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-left">
<li><a href="home.html">Home</a></li>
<li><a href="membership.html">Membership</a></li>
<li><a href="calendar.html">Events</a></li>
<li><a href="officers.html">Officers</a></li>
<li><a href="acm-w.html">ACM-W</a></li>
<li><a href="icpc.html">ICPC</a></li>
<li><a href="gamedev.html">GameDev</a></li>
<li><a href="http://cypher.cs.wm.edu">Cypher</a><li>
</ul>
</div><!--/.nav-collapse -->
</div>
</div>
</div> <!--end Header-->
<div class="jumbotron text-center">
<div class="container">
<h1 class="jumbotron-heading">ACM Game Dev Projects</h1>
<p class="lead text-muted">Here you can find the current proposed projects for Spring 2017's Game Dev workshops. If you'd like to participate, feel free to vote on your favorites!</p>
<p>
<a href="https://goo.gl/forms/HrlkQ40fh4i9XQA83" target="_blank" class="btn btn-primary">Vote on Proposals</a>
<!--<a href="https://goo.gl/forms/mnHQkNSe1hskoaEm2" target="_blank" class="btn btn-secondary">Submit Proposal</a>-->
</p>
</div>
</div>
<div class="album text-muted">
<div class="container">
<div class="row">
<div class="card">
<object data="assets/img/gamedev/ninjam.svg" type="image/svg+xml">
<img src="assets/img/gamedev/ninjam.jpg" />
<!-- Photo by Samurai Jack, Adult Swim -->
</object>
<p><b>NinJam</b></p>
<p class="card-text">2D Multiplayer Fighting Game inspired by the iconic
<a href="https://youtu.be/bmkxsQnNujI">Samurai Jack vs the Shinobi Shadow Warrior</a> scene.
NinJam takes <i>Darkness vs Light</i> to the next level, using a full color palette paired with
intuitive tools to mask players' locations and introduce a new dimension of stealth.</p>
</div>
<div class="card">
<object data="assets/img/gamedev/ai.svg" type="image/svg+xml">
<img src="assets/img/gamedev/ai.jpg" />
<!-- Photo by yaabot.com -->
</object>
<p><b>An AI Come of Age</b></p>
<p class="card-text">Interactive story in which the player assumes the identity of an early AI. Gameplay consists primarily
of making pivotal choices and realizing their consequences, similar to <a href="http://store.steampowered.com/app/434370/">Buried</a>.
This project requires a significant amount of story writing compared to programming.</p>
</div>
<div class="card">
<object data="assets/img/gamedev/quidditch.svg" type="image/svg+xml" >
<img src="assets/img/gamedev/quidditch.jpg" />
<!-- Photo by mlquidditch.com -->
</object>
<p><b>Quidditch VR</b></p>
<p class="card-text">An imagination of Quidditch from the Harry Potter series, implemented for the HTC Vive.
This concept has been explored before (<a href="http://store.steampowered.com/app/504630/">Broomball</a>)
(<a href="https://espii.itch.io/broomsticksvr">Broomsticks</a>), but has yet to be completed in a truly Harry Potter style.</p>
</div>
</div>
<div class="row">
<div class="card">
<div class="blok">
<img src="assets/img/gamedev/settlers-of-catan.jpg" />
<!-- Photo by freeimages.com -->
</div>
<p><b>Board Games</b></p>
<p class="card-text">While many popular board games have been made into mobile or desktop games, many more have not
(<a href="http://store.steampowered.com/app/239410/">or have been poorly received</a>). This project entails choosing
a game and bringing it to the small screen, and hopefully integrating phone devices in a manner akin to the
<a href="http://jackboxgames.com">Jackbox Series</a>.</p>
</div>
<div class="card">
<div class="blok">
<img src="assets/img/gamedev/walking.jpg" />
<!-- -->
</div>
<p><b>First-person exploration game (walking simulator)</b></p>
<p class="card-text">This game focuses on environment development and possibly puzzles, rather than detailed story or action.
Possible horror overtone, but not necessarily. inspired by games such as Antichamber, Kairo, The Moon Sliver, etc.
</p>
</div>
<!--<div class="card">
<a href="https://goo.gl/forms/mnHQkNSe1hskoaEm2" target="_blank">
<i class="fa fa-lightbulb-o" aria-hidden="true"></i>
</a>
<p><b>Your Idea Here!</b></p>
<p class="card-text">Have an idea of your own? Don't hesitate to
<a href="https://goo.gl/forms/mnHQkNSe1hskoaEm2" target="_blank">Submit a Proposal</a>! I will
update this page periodically as more proposals are submitted!</p>
</div>-->
<div class="card">
<div class="blok">
<img src="assets/img/gamedev/audioexplorer.jpg" />
</div>
<p><b>Audio Explorer</b></p>
<p class="card-text">A video game played entirely by sound, with commands given verbally and translated into in-game actions.
It would play like an accessible classic text-adventure.
<a data-toggle="collapse" href="#collapseText">
More info.
</a></p>
<div class="collapse" id="collapseText">
<p class="card-text">
I want to create a game accessible to those whose vision doesn't allow for "video" games.
I imagine the game like a classic text adventure game, ("go north," "hit troll," etc.) but
all of the commands are given by voice, and you navigate the game based on sound. It also offers
the opportunity to play with surround sound features- what if you can hear the monster getting closer behind you?
It could offer opportunities for jump scares if we wanted to take it in a horror direction.
This idea is really similar to the "AI Coming of Age" game, but with a different technical challenge.
</p>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="row links">
<div class="col-sm-6 socialmedia" id="paypal">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="KHZGYQZUT79DW">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
</form>
<p style="font-size: 10px"> *We do not provide refunds of donations.<br>
Customer information is collected for the purpose of processing your donation.<br>
This information is kept confidential and is not shared.</p>
</div>
<div class="col-sm-6 socialmedia" id="contact">
<p>Contact Us</p>
<p><a href="mailto:[email protected]" style="color: white">Email: [email protected]</a></p>
</div>
<div class="col-sm-6 socialmedia" id="icons">
<a href="https://www.facebook.com/ACMWM"><i class="fa fa-facebook-official fa-3x"></i></a>
<a href="https://www.youtube.com/channel/UCnfKbq9c78huqulztQDs_dA"><i class="fa fa-youtube fa-3x"></i></a>
</div>
</div>
<div class="row copyright">
<div class="col-md-4"></div>
<div class="col-md-4">
<p>© 2016 William & Mary ACM</p>
</div>
<div class="col-md-4"></div>
</div>
</div> <!-- End Footer -->
</div> <!-- End Wrapper -->
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
</body>
</html>