-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathgames.html
More file actions
148 lines (137 loc) · 6.58 KB
/
Copy pathgames.html
File metadata and controls
148 lines (137 loc) · 6.58 KB
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
<!DOCTYPE html>
<html class="no-js" 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">
<title>Dylan Bohlender's Game Portfolio</title>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900" rel="stylesheet">
<link rel="stylesheet" href="libs/font-awesome/css/font-awesome.min.css">
<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/styles.css" rel="stylesheet">
</head>
<body>
<div id="mobile-menu-open" class="shadow-large">
<i class="fa fa-bars" aria-hidden="true"></i>
</div>
<!-- End #mobile-menu-toggle -->
<header>
<div id="mobile-menu-close">
<span>Close</span> <i class="fa fa-times" aria-hidden="true"></i>
</div>
<ul id="menu" class="shadow">
<li>
<a href="#battlegoose">Battlegoose!</a>
</li>
<li>
<a href="#slushed">Slushed</a>
</li>
<li>
<a href="#nowhere">Nowhere</a>
</li>
</ul>
</header>
<!-- End header -->
<div id="lead">
<div id="lead-content">
<h1>Dylan Bohlender</h1>
<h2>Game Design Portfolio</h2>
</div>
<!-- End #lead-content -->
<div id="lead-overlay"></div>
<div id="lead-down">
<span>
<i class="fa fa-chevron-down" aria-hidden="true"></i>
</span>
</div>
<!-- End #lead-down -->
</div>
<!-- End #lead -->
<div id="battlegoose" class="gameportfolio">
<h2>Battlegoose!</h2>
<h3>Halo 5: Guardians Multiplayer Minigame</h3>
<div class="container">
<div class="row">
<div class="col video-container">
<p align="center"><iframe src="https://www.youtube.com/embed/-0tQqnHj098" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe></p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<p>Whenever I design experiences, I always aim for elegance through simplicity. Battlegoose was great fun to design, as it leveraged several new aspects of Halo 5's Forge tool and sandbox – time-scripted motion of objects, the "unlimited grenade" vehicle, and the underlying Strongholds game mode for scoring. I find it fun to be creative within constraints, so making the game score properly while retaining a simple and approachable player experience was a tricky challenge. "Elimination" style team games are often unfun for the eliminated, so I worked hard to come up with a way for the already-eliminated to participate, making a much more well-rounded game mode in the process.</p>
</div>
</div>
</div>
<!-- End #battlegoose -->
<div id="slushed" class="background-alt gameportfolio">
<h2>Slushed</h2>
<h3>Halo 5: Guardians Multiplayer Map</h3>
<div class="container">
<div class="row">
<div class="col">
<p align="center"><img src="images/slushed.png"/></p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<p>I love to use "twists" in my designs, and Slushed is the perfect example. This map utilizes a plane of water that runs through the center to really change combat in a dynamic and unique way. Vertical visibility is a staple of first-person shooters, so obscuring lines of sight using the water's surface creates entirely different gameplay. Suddenly the "get to the high ground" strategy isn't as dominant, and players can use the underwater routes to effectively flank and surprise enemies.</p>
</div>
</div>
</div>
<!-- End #slushed -->
<div id="nowhere" class="gameportfolio">
<h2>Nowhere</h2>
<h3>Halo 5: Guardians Multiplayer Map</h3>
<div class="container">
<div class="row">
<div class="col">
<p align="center"><img src="images/nowhere.png"/></p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<p>Nowhere is an updated take on a classic Halo map style, and it embraces its roots as a descendant of maps like Lockout, Ascension, and Guardian. The connectivity between the various areas of interest was actually inspired by the famous seven bridges of Königsberg - which, given the mathematical properties of the graph in question, was a cheap but effective way to promote flow around the level and discourage cycling. I really enjoy this map because I used math to force player behavior!</p>
</div>
</div>
</div>
<!-- End #nowhere -->
<footer>
<div class="container">
<div class="row">
<div class="col-sm-5 copyright">
<p>Copyright © 2021 DYLAN BOHLENDER</p>
</div>
<div class="col-sm-2 top">
<span id="to-top">
<i class="fa fa-chevron-up" aria-hidden="true"></i>
</span>
</div>
<div class="col-sm-5 social">
<ul>
<li>
<a href="https://www.linkedin.com/in/dylanbohlender/" target="_blank"><i class="fa fa-linkedin" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://github.com/DylanBohlender/" target="_blank"><i class="fa fa-github" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://stackoverflow.com/users/10016554/dylan-bohlender" target="_blank"><i class="fa fa-stack-overflow" aria-hidden="true"></i></a>
</li>
<li>
<a href="https://news.ycombinator.com/user?id=DylanBohlender" target="_blank"><i class="fa fa-hacker-news" aria-hidden="true"></i></a>
</li>
</ul>
</div>
</div>
</div>
</footer>
<!-- End footer -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>