|
ocsenave@303
|
1 <html>
|
|
ocsenave@303
|
2 <head>
|
|
ocsenave@303
|
3 <title>aurellem ☉</title>
|
|
ocsenave@303
|
4 <style type="text/css">
|
|
ocsenave@303
|
5 body{
|
|
ocsenave@303
|
6 font:16px "Open Serif",Georgia,Palatino,Times,"Times New
|
|
ocsenave@303
|
7 Roman",serif;
|
|
ocsenave@303
|
8 line-height:1.5em;
|
|
ocsenave@303
|
9 color:#444;
|
|
ocsenave@303
|
10 width:46em;
|
|
ocsenave@303
|
11 padding:4em;
|
|
ocsenave@303
|
12 margin:0 auto;
|
|
ocsenave@303
|
13 border-top:3em solid #933;
|
|
ocsenave@303
|
14 border-left-width:0;
|
|
ocsenave@303
|
15 border-right-width:0;
|
|
ocsenave@303
|
16 }
|
|
ocsenave@303
|
17
|
|
ocsenave@303
|
18 a{color:#07e;}
|
|
ocsenave@303
|
19 h1,h2,h3,h4,h5,h6{
|
|
ocsenave@303
|
20 font-family:'Open Sans', Helvetica, Arial, sans-serif;
|
|
ocsenave@303
|
21 }
|
|
ocsenave@303
|
22 h1{font-size:2em;line-height:.75em;
|
|
ocsenave@303
|
23
|
|
ocsenave@303
|
24 }
|
|
ocsenave@303
|
25
|
|
ocsenave@303
|
26 video{
|
|
ocsenave@303
|
27 margin-bottom:3em;
|
|
ocsenave@303
|
28 }
|
|
ocsenave@303
|
29 </style>
|
|
ocsenave@303
|
30 </head>
|
|
ocsenave@303
|
31 <body>
|
|
ocsenave@303
|
32 <h2 style="color:#888;">☉ aurellem</h2>
|
|
ocsenave@303
|
33 <h1>Sensate Creatures in a Virtual Environment</h1>
|
|
ocsenave@303
|
34 <author>Robert McIntyre</author>
|
|
ocsenave@303
|
35 <br><br>
|
|
ocsenave@303
|
36
|
|
ocsenave@303
|
37 <p>
|
|
ocsenave@303
|
38
|
|
rlm@309
|
39 <br> <a href="http://youtu.be/ZgkWFIoHNuU"> YouTube </a>
|
|
rlm@305
|
40 <video controls="controls" width="755">
|
|
rlm@309
|
41 <source src="../video/hand.ogg" type="video/ogg" preload="none"
|
|
rlm@309
|
42 poster="../images/aurellem-1280x480.png">
|
|
rlm@309
|
43
|
|
rlm@305
|
44 </video>
|
|
ocsenave@303
|
45
|
|
rlm@309
|
46
|
|
rlm@305
|
47 Here are videos which showcase each of the senses shown in the video
|
|
rlm@305
|
48 above, as well as links to full source and an article explaining how I
|
|
rlm@305
|
49 implemented each of them.
|
|
rlm@305
|
50
|
|
rlm@305
|
51 <h2>Physical Bodies</h2>
|
|
rlm@309
|
52 <a href="../html/body.html">Read the article on implementing physical
|
|
rlm@309
|
53 bodies »</a><br>
|
|
rlm@309
|
54 <br> <a href="http://youtu.be/4affLfwSPP4"> YouTube </a>
|
|
ocsenave@303
|
55 <video controls="controls" width="755">
|
|
rlm@309
|
56 <source src="../video/full-hand.ogg" type="video/ogg" preload="none"
|
|
rlm@309
|
57 poster="../images/aurellem-1280x480.png">
|
|
ocsenave@303
|
58 </video>
|
|
ocsenave@303
|
59
|
|
rlm@309
|
60
|
|
ocsenave@303
|
61 <h2>Vision</h2>
|
|
rlm@309
|
62 <a href="../html/vision.html">Read the article on implementing vision
|
|
rlm@309
|
63 »</a><br>
|
|
rlm@309
|
64 <br> <a href="http://youtu.be/J3H3iB_2NPQ"> YouTube </a>
|
|
ocsenave@303
|
65 <video controls="controls" width="755">
|
|
rlm@305
|
66 <source src="../video/worm-vision.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
ocsenave@303
|
67 </video>
|
|
ocsenave@303
|
68
|
|
rlm@305
|
69
|
|
rlm@309
|
70
|
|
rlm@305
|
71 <h2>Hearing</h2>
|
|
rlm@309
|
72 <a href="../html/hearing.html">Read the article on implementing
|
|
rlm@309
|
73 hearing »</a><br>
|
|
rlm@309
|
74
|
|
rlm@309
|
75 <br> <a href="http://www.youtube.com/watch?v=oCEfK0yhDrY"> YouTube </a>
|
|
ocsenave@303
|
76 <video controls="controls" width="755">
|
|
rlm@305
|
77 <source src="../video/java-hearing-test.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
rlm@305
|
78 </video>
|
|
rlm@309
|
79 <br> <a href="http://youtu.be/KLUtV1TNksI"> YouTube </a>
|
|
rlm@305
|
80 <video controls="controls" width="755">
|
|
rlm@305
|
81 <source src="../video/worm-hearing.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
ocsenave@303
|
82 </video>
|
|
ocsenave@303
|
83
|
|
rlm@305
|
84
|
|
rlm@305
|
85 <h2>Touch</h2>
|
|
rlm@309
|
86 <a href="../html/touch.html">Read the article on implementing touch
|
|
rlm@309
|
87 »</a><br>
|
|
rlm@309
|
88 <br> <a href="http://youtu.be/8xNEtD-a8f0"> YouTube </a>
|
|
ocsenave@303
|
89 <video controls="controls" width="755">
|
|
rlm@305
|
90 <source src="../video/basic-touch.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
rlm@305
|
91 </video>
|
|
rlm@309
|
92 <br> <a href="http://youtu.be/RHx2wqzNVcU"> YouTube </a>
|
|
rlm@305
|
93 <video controls="controls" width="755">
|
|
rlm@305
|
94 <source src="../video/worm-touch.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
ocsenave@303
|
95 </video>
|
|
ocsenave@303
|
96
|
|
rlm@309
|
97
|
|
rlm@305
|
98 <h2>Proprioception</h2>
|
|
rlm@309
|
99 <a href="../html/proprioception.html">Read the article on implementing
|
|
rlm@309
|
100 proprioception »</a><br>
|
|
rlm@309
|
101 <br> <a href="http://youtu.be/JjdDmyM8b0w"> YouTube </a>
|
|
ocsenave@303
|
102 <video controls="controls" width="755">
|
|
rlm@305
|
103 <source src="../video/test-proprioception.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
ocsenave@303
|
104 </video>
|
|
ocsenave@303
|
105
|
|
rlm@309
|
106
|
|
rlm@305
|
107 <h2>Movement</h2>
|
|
rlm@309
|
108 <a href="../html/movement.html">Read the article on implementing
|
|
rlm@309
|
109 muscles »</a><br>
|
|
rlm@309
|
110 <br> <a href="http://youtu.be/8Rp4jEGMDWU"> YouTube </a>
|
|
ocsenave@303
|
111 <video controls="controls" width="755">
|
|
rlm@305
|
112 <source src="../video/worm-muscles.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
ocsenave@303
|
113 </video>
|
|
ocsenave@303
|
114
|
|
ocsenave@303
|
115 </p>
|
|
ocsenave@303
|
116
|
|
ocsenave@303
|
117 </body>
|
|
ocsenave@303
|
118 </html>
|
