-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathassignment-7.html
114 lines (107 loc) · 5.46 KB
/
assignment-7.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>IML 400 Spring 2015 Assignment 7</title>
<style>
body{
background: #222;
color:#ddd;
margin:0;
}
a{
font-weight:bold;
text-decoration:none;
color:crimson;
}
a:link, a:visited, a:active{
font-weight:bold;
text-decoration:none;
color:crimson;
}
a:hover{
color:gold;
}
ol h3, ul h3{
margin:0 0 10px 0;
}
#wrapper{
width: 640px;
margin:40px auto;
margin-bottom:0;
bottom:0;
}
#assignment{
font-size:21px;
}
.due-date{
color:gold;
}
strong{
color:gold;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="assignment">
<h2><a href="index.html">IML 400 Spring 2015</a></h2>
<h2>Assignment 7: Welcome to the Metaverse</h2>
<p>
Choose an online social media or entertainment service (facebook, twitter, youtube, netflix, etc), and develop a concept for a virtual reality experience using it’s content and data. Use writing, sketches, mockups and/or visual references from science fiction to illustrate your ideas.
</p>
<p>
<strong>Publish your design proposal online as a simple webpage.</strong>
</p>
</p>
<ul><h3>Useful prototyping template from MozVR</h3>
<li><a href="http://mozvr.com/posts/quick-vr-prototypes/">Quick VR mockups with Adobe Illustrator</a>, by Josh Carpenter</li>
</ul>
<p>
<h2>Due Date</h2>
<p>
<span class="due-date">Monday, March 16th, 9:00am.</span>
</p>
<p>
<h2>Readings - Web VR</h2>
</p>
<ol>
<li>The Verge - <a href="http://www.theverge.com/a/virtual-reality">The Rise and Fall and Rise of Virtual Reality</a></li>
<li><a href="http://wemo.io/mozilla-virtual-reality-and-the-dawn-of-the-metaverse-511">Mozilla, Virtual Reality, and the Dawn of the Metaverse?</a> - Interview with Josh Carpenter on WeVR</li>
<li><a href="http://wemo.io/google-chrome-and-the-future-of-virtual-reality-interview-with-531">Google Chrome and the future of Virtual Reality</a> - Interview with Brandon Jones on WeVR</li>
<li><a href="http://wemo.io/leading-the-way-to-a-virtual-reality-web-interview-with-540">Leading the Way to a Virtual Reality Web</a> - Interview with Tony Parisi on WeVR</li>
</ol>
<p>
<h2>Readings Due Date</h2>
<span class="due-date">Monday, March 16th, 9:00am.</span>
</p>
<p>
<h2>Additional Resources</h2>
<ol><h3>Web VR tools and related content</h3>
<li><a href="http://vr.chromeexperiments.com">Chrome Experiments for VR</a> - Google Chrome Web VR tools for <a href="https://www.google.com/get/cardboard/">Google Cardboard</a></li>
<li><a href="http://mozvr.com">MozVR</a> - Mozilla / Firefox Web VR tools for <a href="https://developer.oculus.com">Oculus Rift</a> </li>
<li><a href="http://vizor.io">Vizor</a> - Building VR in the browser</li>
<li><a href="http://elevr.com">eleVR</a> - Virtual Reality research group</li>
<li><a href="http://http://player.elevr.com">eleVR VR video player</a> - Web based 360° spherical video player</li>
<li><a href="http://wemo.io/os">List of open source software for VR development</a> - a lot if it web based, via WeVR</li>
</ol>
<ol><h3>Web VR examples</h3>
<li><a href="threejs-examples/cardboard-boilerplate.html">Basic Google Chrome Cardboard Boilerplate</a> - using ThreeJS. Works on WebGl-enabled mobile browsers</li>
<li><a href="threejs-examples/mozvr-boilerplate.html">Basic MozVR Firefox / Oculus Rift Boilerplate</a> - using ThreeJS. Requires Firefox nightly build</li>
<li><a href="threejs-examples/mozvr-mockups.html">Simple MozVR Firefox / Oculus Rift web content browsing mockup</a> - using ThreeJS. Requires Firefox nightly build. Warning: slow to load. Sometimes needs to reload a few times</li>
<li>Simple scene with cubemap implemented for three different platforms:
<ul>
<li><a href="threejs-examples/rings.html">WebGL-enabled desktop / tablet / mobile browsers</a></li>
<li><a href="threejs-examples/cardboard-rings.html">Google Cardboard</a></li>
<li><a href="threejs-examples/mozvr-rings.html">MozVR Firefox / Oculus Rift</a></li>
</ul></li>
<li><a href="http://tparisi.github.io/glam/">GLAM</a> VR tutorial <a href="http://tparisi.github.io/glam/docs/manual/tutorials/adding-cardboardvr.html">Adding a Cardboard viewport</a></li>
</ol>
</p>
<p style="text-align:center; margin:0; padding:0;">
<img src="fall-2012/images/roboteeno.png" style="display:block; margin:auto;"/>
</p>
</div>
</div>
</body>
</html>