A-Frame and You

A-Frame and You Getting started in VR with JavaScript and
the Web

Who @theadamconrad // userinterfacing.com // anonconsulting.com

Wut It’s like, VR on the web, my dude

Where Is the demo? ===> https://bit.ly/2KdS7q5

Why “Be the future, Danny. See your future.” ?

How First you get the hardware...

How ...then you get the software...

How ...and then you start coding!

<a-scene> <a-text value=”Hello, Virtual World!” geometry=”primitive:plane”> </a-text> </a-scene>

<a-scene> It’s like <body> or <iframe> - everything goes in
here

<a-text> That’s where the message goes

<a-entity component=”0”> Entity : HTML :: Component : CSS

Entity-Component-System Gaming architecture used in places like Unity

Entities (primitives) <a-box> <a-camera> <a-circle> <a-collada-model> <a-cone> <a-cursor> <a-curvedimage> <a-cylinder>
<a-dodecahedron> <a-gltf-model> <a-icosahedron> <a-image> <a-light> <a-link> <a-obj-model> <a-octahedron> <a-plane> <a-ring> <a-sky> <a-sound> <a-sphere> <a-tetrahedron> <a-text> <a-torus-knot> <a-torus> <a-triangle> <a-video> <a-videosphere>

Components background camera collada-model cursor daydream-controls debug embedded fog gearvr-controls
geometry gltf-model hand-controls keyboard-shortcuts laser-controls light line link look-controls material obj-model oculus-touch-controls pool position raycaster rotation scale screenshot shadow sound stats text tracked-controls visible vive-controls vr-mode-ui wasd-controls windows-motion-controls

Systems How you manage classes of components

Share = Care It’s like the weird ol’ web!

Questions? Thanks! - @theadamconrad

A-Frame and You

A-Frame and You

Adam Conrad

More Decks by Adam Conrad

Other Decks in Programming

Featured

Transcript

A-Frame and You Getting started in VR with JavaScript and

Who @theadamconrad // userinterfacing.com // anonconsulting.com

Wut It’s like, VR on the web, my dude

Where Is the demo? ===> https://bit.ly/2KdS7q5

Why “Be the future, Danny. See your future.” ?

How First you get the hardware...

How ...then you get the software...

How ...and then you start coding!

<script src=”https://aframe.io/releases/0.8.0/aframe.min.js”></script>

<a-scene> <a-text value=”Hello, Virtual World!” geometry=”primitive:plane”> </a-text> </a-scene>

<a-scene> It’s like <body> or <iframe> - everything goes in

<a-text> That’s where the message goes

<a-entity component=”0”> Entity : HTML :: Component : CSS

Entity-Component-System Gaming architecture used in places like Unity

Entities (primitives) <a-box> <a-camera> <a-circle> <a-collada-model> <a-cone> <a-cursor> <a-curvedimage> <a-cylinder>

Components background camera collada-model cursor daydream-controls debug embedded fog gearvr-controls

Systems How you manage classes of components

Share = Care It’s like the weird ol’ web!

Questions? Thanks! - @theadamconrad