-
Notifications
You must be signed in to change notification settings - Fork 1
/
portfolio.html
243 lines (230 loc) · 10.6 KB
/
portfolio.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
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8">
<title>Michael Woodard</title>
<meta name="description" content="">
<meta name="author" content="">
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/custom.css">
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/favicon.png">
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
</head>
<body>
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<section class="navbar">
<div class="container">
<ul class="navbar-list">
<li class="navbar-item"><a href="index.html">Home</a></li>
<li class="navbar-item"><a href="portfolio.html">Portfolio</a></li>
<li class="navbar-logo">Michael Woodard</li>
</li>
</ul>
</div>
</section>
<section>
<div class="container">
<div class="row header">
<div class="twelve columns">
<h1>Portfolio</h1>
<div class="row">
<iframe class="portfolio-video"
src="https://www.youtube.com/embed/FXNOkr-xwyw">
</iframe>
</div>
<h6>
Below you can find a selected list of projects that I have worked in the past or am currently working on.
</h6>
</div>
</div>
<hr>
<div class="row portfolio-hypVR">
<div class="seven columns">
<h4>The Last Light</h4>
<p>
Narrative AR experience created in Unity that presents story pieces via diorama scale sets. I designed a procedural placement system that
would find open spaces on the user’s walls based on a generated world mesh captured from the user's environment. I also created
a multi-lightmap system that could blend between lightmaps via Unity’s timeline. I helped develop a system that would gather performance timings from our device.
Using Node and Express, these timings would be analyzed and charted on an internal facing website.
<a href="https://www.theverge.com/21311586/magic-leap-studios-last-light-project-mixed-reality-sxsw?fbclid=IwAR3w6gBrruTO85gWuw-Qh2tzlSPfJM2n2t4V0jD-bhtK_dCXq4BiSl3YX8o">
For more information on this project check out this verge article!
</a>
</p>
</div>
<div class="five columns">
<a href="images/lastlight.jpg">
<img class="portfolio-image" src="images/lastlight.jpg">
</a>
</div>
</div>
<div class="row portfolio-cosmic">
<div class="seven columns">
<h4>Hyperbolic VR - Raymarching</h4>
<p>
Based on the websperience by Vi Hart, Andrea Hawksley, and Henry Segerman.
This project seeks to improve upon the original by using raymarching as a technique to improve the visible depth of the environment.
HypVR-Ray is being worked by Michael Woodard and Henry Segerman and is helped by the work of Jeff Week's Curved Spaces,
Mozilla's webVR framework for THREEjs, and Jamie Wong's Ray Marching and Signed Distance Functions.
Note that this project is very intensive and requires a dedicated graphics card to run the full version. However
a simpler version exists and can even be ran a current midrange phone. <br/>
<a href="http://www.michaelwoodard.net/hypVR-Ray/">Full Version </a> <br/>
<a href="http://www.michaelwoodard.net/hypBase">Lightweight Version </a> <br/>
<a href="https://github.com/mtwoodard/hypVR-Ray">Check out the code on Github</a>
</p>
</div>
<div class="five columns">
<a href="images/lights4.png">
<img class="portfolio-image" src="images/lights4.png">
</a>
</div>
</div>
<div class="row portfolio-cosmic">
<div class="seven columns">
<h4>Texture Generator for Unity 3D</h4>
<p>
Developed for use in Unity3D. This project handles the creation and serialization of different 3D/2D textures created via custom compute shaders.
This is done through a custom ComputeTexture object. I started this project in order to generate
the various different textures needed for a volumetric cloud system defined by the people at Guerilla Games.
Since this system called for 3D textures, I decided I would need a tool to create and save these
textures for future use.<br />
</p>
</div>
<div class="five columns">
<a href="images/noiseGenerator.png">
<img class="portfolio-image" src="images/noiseGenerator.png">
</a>
</div>
</div>
<div class="row portfolio-cosmic">
<div class="seven columns">
<h4>Cosmic Ark for Android - Unreleased</h4>
<p>
A Unity recreation of the classic Atari 2600 game featuring an implementation of the Google Play Games api for scoreboard tracking. Along with the code I also created all art assets used in the game outside of the fonts. I worked on the project for roughly
six months until a hard drive failure caused me to lose all progress. As a result I have become very familiar with using git for game development. While the game is still very rough, feel free to try it out. <br />
<a href="https://mega.nz/#!jMg3DbaL!6aMpV55uPBfDXuSiCJztausphwOl3vnkgfd4YSmpFe4">Download and try out the game here!</a>
</p>
</div>
<div class="five columns">
<a href="images/ca.gif">
<img class="portfolio-image" src="images/ca.gif">
</a>
</div>
</div>
<div class="row portfolio-slide">
<div class="seven columns">
<h4>Slide Puzzle: Duality</h4>
<p>
An interesting take on the traditional slide puzzle. This simple game was developed in Unity and is designed to be compatible with HTC Vive headsets. I worked on this small project for roughly a month. The project won the 2017 Library Creativity Award
at Okstate for the Wild Card category. <br />
<a href="https://comfycozy.itch.io/slide-puzzle-duality">Download and try out the game here!</a>
</p>
</div>
<div class="five columns">
<a href="images/slidepuzzle.png">
<img class="portfolio-image" src="images/slidepuzzle.png">
</a>
</div>
</div>
<hr>
<h2 style="text-align: center;">Miscellaneous Gallery</h2>
<div class="row">
<div class="four columns portfolio-gallery">
<a href="images/repeat.gif">
<img class="portfolio-image" src="images/repeat.gif">
</a>
</div>
<div class="four columns portfolio-gallery">
<a href="images/cloud1.gif">
<img class="portfolio-image" src="images/cloud1.gif">
</a>
</div>
<div class="four columns portfolio-gallery">
<a href="images/wow2.gif">
<img class="portfolio-image" src="images/wow2.gif">
</a>
</div>
</div>
<div class="row">
<div class="four columns portfolio-gallery">
<a href="images/output2.gif">
<img class="portfolio-image" src="images/output2.gif">
</a>
</div>
<div class="four columns portfolio-gallery">
<a href="images/cube.gif">
<img class="portfolio-image" src="images/cube.gif">
</a>
</div>
<div class="four columns portfolio-gallery">
<a href="images/grass.gif">
<img class="portfolio-image" src="images/grass.gif">
</a>
</div>
</div>
<div class="row">
<div class="four columns portfolio-gallery">
<a href="images/robots.gif">
<img class="portfolio-image" src="images/robots.gif">
</a>
</div>
<div class="four columns portfolio-gallery">
<a href="images/spooky.gif">
<img class="portfolio-image" src="images/spooky.gif">
</a>
</div>
<div class="four columns portfolio-gallery">
<a href="images/cheese.gif">
<img class="portfolio-image" src="images/cheese.gif">
</a>
</div>
</div>
<div class="row">
<div class="four columns portfolio-gallery">
<a href="images/attic.jpg">
<img class="portfolio-image" src="images/attic.jpg">
</a>
</div>
<div class="four columns portfolio-gallery">
<a href="images/hyp.jpg">
<img class="portfolio-image" src="images/hyp.jpg">
</a>
</div>
<div class="four columns portfolio-gallery">
<a href="images/wheat.png">
<img class="portfolio-image" src="images/wheat.png">
</a>
</div>
</div>
<hr>
<div class="portfolio-github">
<div class="row">
<div class="twelve columns">
<h4>See some examples of my code on my Github!</h4>
</div>
</div>
<div class="row">
<div class="twelve columns">
<a href="https://github.com/mtwoodard"><img class="index-image" src="images/github.png" width="100"></a>
</div>
</div>
</div>
</section>
</div>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>