|
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@305
|
39 <video controls="controls" width="755">
|
|
rlm@305
|
40 <source src="../video/hand.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
rlm@305
|
41 </video>
|
|
ocsenave@303
|
42
|
|
rlm@305
|
43 Here are videos which showcase each of the senses shown in the video
|
|
rlm@305
|
44 above, as well as links to full source and an article explaining how I
|
|
rlm@305
|
45 implemented each of them.
|
|
rlm@305
|
46
|
|
rlm@305
|
47 <h2>Physical Bodies</h2>
|
|
rlm@305
|
48 <a href="../html/body.html">Read the article on implementing physical bodies »</a>
|
|
ocsenave@303
|
49 <video controls="controls" width="755">
|
|
rlm@305
|
50 <source src="../video/full-hand.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
ocsenave@303
|
51 </video>
|
|
ocsenave@303
|
52
|
|
ocsenave@303
|
53 <h2>Vision</h2>
|
|
rlm@305
|
54 <a href="../html/vision.html">Read the article on implementing vision »</a>
|
|
ocsenave@303
|
55 <video controls="controls" width="755">
|
|
rlm@305
|
56 <source src="../video/worm-vision.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
ocsenave@303
|
57 </video>
|
|
ocsenave@303
|
58
|
|
rlm@305
|
59
|
|
rlm@305
|
60 <h2>Hearing</h2>
|
|
rlm@305
|
61 <a href="../html/hearing.html">Read the article on implementing hearing »</a>
|
|
ocsenave@303
|
62 <video controls="controls" width="755">
|
|
rlm@305
|
63 <source src="../video/java-hearing-test.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
rlm@305
|
64 </video>
|
|
rlm@305
|
65 <video controls="controls" width="755">
|
|
rlm@305
|
66 <source src="../video/worm-hearing.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
ocsenave@303
|
67 </video>
|
|
ocsenave@303
|
68
|
|
rlm@305
|
69
|
|
rlm@305
|
70 <h2>Touch</h2>
|
|
rlm@305
|
71 <a href="../html/touch.html">Read the article on implementing touch »</a>
|
|
ocsenave@303
|
72 <video controls="controls" width="755">
|
|
rlm@305
|
73 <source src="../video/basic-touch.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
rlm@305
|
74 </video>
|
|
rlm@305
|
75 <video controls="controls" width="755">
|
|
rlm@305
|
76 <source src="../video/worm-touch.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
ocsenave@303
|
77 </video>
|
|
ocsenave@303
|
78
|
|
rlm@305
|
79 <h2>Proprioception</h2>
|
|
rlm@305
|
80 <a href="../html/proprioception.html">Read the article on implementing proprioception »</a>
|
|
ocsenave@303
|
81 <video controls="controls" width="755">
|
|
rlm@305
|
82 <source src="../video/test-proprioception.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
ocsenave@303
|
83 </video>
|
|
ocsenave@303
|
84
|
|
rlm@305
|
85 <h2>Movement</h2>
|
|
rlm@305
|
86 <a href="../html/movement.html">Read the article on implementing muscles »</a>
|
|
ocsenave@303
|
87 <video controls="controls" width="755">
|
|
rlm@305
|
88 <source src="../video/worm-muscles.ogg" type="video/ogg" preload="none" poster="../images/aurellem-1280x480.png">
|
|
ocsenave@303
|
89 </video>
|
|
ocsenave@303
|
90
|
|
ocsenave@303
|
91 </p>
|
|
ocsenave@303
|
92
|
|
ocsenave@303
|
93 </body>
|
|
ocsenave@303
|
94 </html>
|
