annotate org/cover.html @ 336:70469ff8eb56

more Viewable stuff.
author Robert McIntyre <rlm@mit.edu>
date Fri, 20 Jul 2012 13:04:25 -0500
parents 5d448182c807
children
rev   line source
ocsenave@303 1 <html>
ocsenave@303 2 <head>
ocsenave@303 3 <title>aurellem &#x2609;</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;">&#x2609; 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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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 &raquo;</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>