-
Notifications
You must be signed in to change notification settings - Fork 0
/
vr-ar-old.html
172 lines (137 loc) · 6.12 KB
/
vr-ar-old.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
---
title: Du Hoang
---
{% include header.html %}
{% include user.html %}
<div class="nav other">
<div class="nav-item">
<a href="imeve.html" >Imeve</a>
</div>
<div class="nav-item">
<a href="mapd.html">MapD</a>
</div>
<div class="nav-item">
<a href="sysdig.html">Sysdig</a>
</div>
<div class="nav-item">
<a href="adfin.html" >AdFin</a>
</div>
<div class="nav-item">
<a href="calorie-count.html">Calorie Count</a>
</div>
<div class="nav-item">
<a href="vr-ar.html" class="active">VR/AR</a>
</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="section">
<div class="section-view down-up">
<div class="view-transform ">
<div class="tile">
<img src="img/pocket-forest.jpg" srcset="img/pocket-forest-low.jpg 640w, img/pocket-forest.jpg 1280w" />
</div>
</div>
</div>
<div class="section-heading">Pocket Forest</div>
<div class="section-info">
<p>I work with the agency <strong>Intersect</strong> on their pitch for a mobile AR game for the Chinese market. I'm responsible for the art direction and generating custom 3D assets using Maya.
</p>
</div>
</div>
<div class="section">
<div class="section-view escher">
<div class="view-transform ">
<div class="tile">
<img src="img/escher.png" srcset="img/escher-low.png 640w, img/escher.png 1280w" />
</div>
</div>
</div>
<div class="section-heading">Escher Reality</div>
<div class="section-info">
<p><strong>Escher Reality</strong> is a Y Combinator AR startup that was acquired by Niantic. I worked with them on a SLAM demo, doing UI engineering and Unity development.
</p>
</div>
</div>
<div class="section">
<div class="section-view section-tweet">
<div class="arrow arrow-left">
<svg viewBox="0 0 24 24"><use xlink:href="#arrow"></use></svg>
</div>
<div class="arrow arrow-right">
<svg viewBox="0 0 24 24"><use xlink:href="#arrow"></use></svg>
</div>
<div class="view-transform ">
<div class="tile order order-3 animated">
<img src="img/vrui-screenshot-1.png" />
</div>
<div class="tile order order-2 animated">
<img src="img/vrui-screenshot-2.png" />
</div>
<div class="tile order order-1 animated">
<img src="img/vrui-screenshot-3.png" />
</div>
</div>
</div>
<div class="section-heading">VR UI Kit</div>
<div class="section-info">
<p>
I made a VR UI component library for Unity based on Material Design. It can be purchased on the Unity Asset Store: <a target="_blank" href="https://assetstore.unity.com/packages/2d/gui/vr-ui-design-system-material-design-135769" style="text-decoration: underline">here</a>.</p>
<p>With VR productivity apps on the rise, there is a need for more functional UIs than the customary gaming UIs that are popular for VR. Because clean and simple aesthetics are more conducive to productivity than the ornamentation-heavy UIs that are necessary for an immersive gaming experience.
</p>
</div>
</div>
<div class="section">
<div class="section-view section-dice">
<div class="view-transform ">
<div class="tile" style="background: black;">
<img src="img/dice-1.png" srcset="img/dice-1-low.png 640w, img/dice-1.png 1280w" />
</div>
<div class="tile">
<img src="img/dice-2.png" srcset="img/dice-2-low.png 640w, img/dice-2.png 1280w" />
</div>
<div class="tile">
<img src="img/dice-3.png" srcset="img/dice-3-low.png 640w, img/dice-3.png 1280w" />
</div>
</div>
</div>
<div class="section-heading">AR Dice</div>
<div class="section-info">
<p><strong>AR Dice </strong> is a dice simulation Android app that I developed using Unity and Maya.
</p>
</div>
</div>
<div class="section dark">
<div class="section-view video">
<div class="view-transform">
<div class="tile">
<iframe src="https://player.vimeo.com/video/204151345?loop=1&title=0&byline=0&portrait=0" style="width:100%; height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
<div class="section-heading">SpaceBear VR</div>
<div class="section-info">
<p><strong>SpaceBear VR</strong> is a game I am developing in Unity for the Vive. I design the gameplay, illustrate concept arts, model and texture the characters in Maya, and build the game using Unity and C#.
</p>
</div>
</div>
<div class="section dark">
<div class="section-view video">
<div class="view-transform">
<div class="tile">
<iframe src="https://player.vimeo.com/video/3994777?title=0&byline=0&portrait=0" style="width:100%; height:100%;" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</div>
</div>
<div class="section-heading">Little Pilots</div>
<div class="section-info">
<p><strong>Little Pilots</strong> is a 3D animated short film that I made for my thesis at SVA, where I studied design and computer animation.</p>
<p>Over the course of three semesters, I drew storyboards, design the characters; model, texture, rig, and animate with Maya, composite all the shots with AfterEffects, and edit the film using Final Cut Pro.</p>
</p>
</div>
</div>
<div class="next-link"><a href="index.html"><span class="icon flip"><svg viewBox="0 0 24 24"><use xlink:href="#arrow"></use></svg></span>Back to Homepage</a></div>
</body>
</html>