Skip to content

Commit

Permalink
Polish on VR presentation
Browse files Browse the repository at this point in the history
  • Loading branch information
wes ruv committed Feb 23, 2017
1 parent 74c00be commit 0fd524c
Showing 1 changed file with 61 additions and 61 deletions.
122 changes: 61 additions & 61 deletions vr.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -113,6 +113,10 @@ <h3 id="wes-ruvalcaba">Wes Ruvalcaba</h3>
<p style="margin-top: 1em;"><a href="https://twitter.com/wesruv"><i class="fa fa-twitter" style="font-size: 2em; line-height: .5em; padding: 0 .2em 0 0; transform: translateY(.15em);"></i>@wesruv</a></p>
</section>

<section data-background-color="#fff">
<img src="assets/d8/lullabot-slide.jpg" alt="Lullabot" />
</section>

<section>
<h2 id="well-go-over">We'll go over</h2>
<ul>
Expand Down Expand Up @@ -205,34 +209,16 @@ <h3>Augmented Virtuality</h3>
</section>

<section>
<h2 id="experiences">Experiences &amp; <br>Interaction Types</h2>
</section>

<section>

<section>
<h3>Body Interaction</h3>
<h2 id="experiences">Experiences &amp; <br>Interaction Types</h2>
</section>

<section>
<h4>Sitting / Standing</h4>
<img style="width:85%" src="assets/vr/state-of-game-virtual-reality-15.jpg" alt="A man on his couch with a VR headset turning his head while holding a controller" />
<p><small><a href="http://www.roadtovr.com/oculus-plans-to-have-rift-demo-stations-in-retail-stores-for-consumer-launch/">Source RoadToVR.com</a></small></p>
</section>

<section>
<h4>Room Scale</h4>
<img src="assets/vr/htc-vive-room-scale.jpg" alt="A man on his couch with a VR headset turning his head while holding a controller" />
</section>
</section>

<section>
<section>
<h3>Controls &amp; Inputs</h3>
</section>

<section>
<h4>Gaze or Look &amp; Click</h4>
<h4>Gaze or Look &amp; Press</h4>
<img src="assets/vr/gaze-demo.jpg" alt="A VR headset looking a a point in the image" />
</section>

Expand All @@ -259,6 +245,29 @@ <h4>VR Controllers</h4>
<h4>Gestures</h4>
<img src="assets/vr/leap-motion.gif" style="width: 100%" alt="User doing a pinch gesture with hands to create cubes and stacking and throwing the cubes" />
</section>

</section>

<section>

<section>
<h3>Body Interaction</h3>
</section>

<section>
<h4>Sitting / Standing</h4>
<img style="width:85%" src="assets/vr/state-of-game-virtual-reality-15.jpg" alt="A man on his couch with a VR headset turning his head while holding a controller" />
<p><small><a href="http://www.roadtovr.com/oculus-plans-to-have-rift-demo-stations-in-retail-stores-for-consumer-launch/">Source RoadToVR.com</a></small></p>
</section>

<section>
<h4>Room Scale</h4>
<img src="assets/vr/htc-vive-room-scale.jpg" alt="A man on his couch with a VR headset turning his head while holding a controller" />
</section>
</section>

<section>
<h3>The Hardware</h3>
</section>

<section>
Expand Down Expand Up @@ -323,12 +332,32 @@ <h4 style="font-weight: 400">Google Daydream</h4>
</div>
</div>
</section>

<section>
<h5>Daydream VR Controller</h5>
<div class="column-wrapper">
<div style="width: 50%">
<img src="assets/vr/DaydreamController.jpg" style="height: 500px" alt="Daydream controller that works as a pointer in VR" />
</div>
<div style="width: 50%">
<img src="assets/vr/daydream-headset.jpg" alt="Daydream controller that works as a pointer in VR" />
</div>
</div>
</section>

<section>
<div>
<h4 style="font-weight: 400">Samsung Gear VR</h4>
<img src="assets/vr/GearVR_Hero_Gold.png" alt="" />
</div>
</section>

<section>
<h5>Gear VR Controls</h5>
<img width="65%" src="assets/vr/samsung-gear-vr-review.jpg" alt="There are additional controls on the side of the Gear VR" />
<p><small>(Source: <a href="http://www.pcmag.com/article2/0,2817,2496676,00.asp">PC Mag</a>)</small></p>
</section>

<section>
<h3>Features</h3>
<table class="comparison-table">
Expand Down Expand Up @@ -368,30 +397,7 @@ <h3>Features</h3>
</tbody>
</table>
</section>
<section>
<h3>Control Interfaces</h3>
<ul>
<li>Look or Look &amp; Click</li>
<li>Controllers</li>
</ul>
</section>

<section>
<h5>Daydream VR Controller</h5>
<div class="column-wrapper">
<div style="width: 50%">
<img src="assets/vr/DaydreamController.jpg" style="height: 500px" alt="Daydream controller that works as a pointer in VR" />
</div>
<div style="width: 50%">
<img src="assets/vr/daydream-headset.jpg" alt="Daydream controller that works as a pointer in VR" />
</div>
</div>
</section>

<section>
<h5>Gear VR Controls</h5>
<img src="assets/vr/samsung-gear-vr-review.jpg" alt="There are additional controls on the side of the Gear VR" />
</section>
</section>

<section>
Expand All @@ -414,7 +420,7 @@ <h4>HTC Vive</h4>
</section>
<section>
<h3>Features</h3>
<table class="comparison-table">
<table class="comparison-table" style="font-size: 0.8em">
<thead>
<tr>
<td style="width: 25%"></td>
Expand Down Expand Up @@ -449,14 +455,14 @@ <h3>Features</h3>
<td><strong>$799<span class="element-invisible">.</span><sup style="font-size: 0.75em">99</sup></strong></td>
</tr>
<tr>
<th>Units Sold</th>
<th>Units Sold in 2016</th>
<td><strong>5M</strong></td>
<td><strong>3.6M</strong></td>
<td><strong>2.1M</strong></td>
</tr>
</tbody>
<caption><div style="font-size: 0.75em">Units sold source: <a href="https://www.statista.com/statistics/458037/virtual-reality-headsets-unit-sales-worldwide/">statista.com</a></div></caption>
</table>
<p><small>Source for units sold source: <a href="https://www.statista.com/statistics/458037/virtual-reality-headsets-unit-sales-worldwide/">statista.com</a></small></p>
</section>

</section>
Expand All @@ -476,27 +482,18 @@ <h3>Entertainment</h3>
<section>
<h3>Education</h3>
<ul>
<li>360 Video journalism</li>
<li>
Demonstrate macro/micro scale
<small class="notes" style="display: block;">(e.g. space/molecular science)</small>
</li>
<li>360 Video for Documentaries &amp; Journalism</li>
<li>Demonstrate macro/micro scale</li>
<li>Tour Museums or Distant Locations</li>
<li>Event Re-enactment</li>
</ul>
</section>
<section>
<h3>Health</h3>
<ul>
<li>
Surgery simulation
<small class="notes" style="display: block;">(e.g. Import 3D scans and explore in VR)</small>
</li>
<li>Surgery simulation</li>
<li>Exposure Therapy for Phobia or PTSD</li>
<li>
Mental Rehabilitation for Stroke and Brain Injuries
<small class="notes" style="display: block;">(therapy can better target desired stimulus exercises)</small>
</li>
<li>Mental Rehabilitation for Stroke and Brain Injuries</li>
</ul>
</section>
<section>
Expand Down Expand Up @@ -542,7 +539,6 @@ <h4><a href="https://aframe.io" style="color: #fff">A-Frame</a></h4>
<li>Built on WebVR Boilerplate</li>
<li>Easy to learn markup language</li>
<li>Can further be modified with JS</li>
<!-- @todo consider moving this bullet into notes -->
<li>Project goal is to enable more creators</li>
</ul>
</section>
Expand Down Expand Up @@ -634,7 +630,7 @@ <h4>Positioning Our Sphere</h4>

<section>
<h4>Animating Our Sphere</h4>
<pre class="language-markup" data-line="5"><code class="language-markup">&lt;a-scene>
<pre class="language-markup" data-line="3-7"><code class="language-markup">&lt;a-scene>
&lt;a-sphere color="orange" radius="1.5" position="2 3 4">
&lt;a-animation
attribute="position"
Expand All @@ -647,6 +643,10 @@ <h4>Animating Our Sphere</h4>
<p><small><a href="https://aframe.io/docs/0.5.0/guides/#adding-a-background-to-the-scene">A-Frame Docs</a></small></p>
</section>

<section>
<h4>Demo time!</h4>
</section>

</section>

<section style="font-size: 0.75em">
Expand Down

0 comments on commit 0fd524c

Please sign in to comment.