Skip to content

Instantly share code, notes, and snippets.

@arm2arm
Last active October 6, 2017 09:49
Show Gist options
  • Save arm2arm/5616d5b6092094c5179b429f6fb7d013 to your computer and use it in GitHub Desktop.
Save arm2arm/5616d5b6092094c5179b429f6fb7d013 to your computer and use it in GitHub Desktop.
RAVE-demo
license: mit
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<script src="https://d3js.org/d3.v4.min.js"></script>
<script src="https://aframe.io/releases/latest/aframe.min.js"></script>
<style>
body { margin:0;position:fixed;top:0;right:0;bottom:0;left:0; background-color: white;}
</style>
</head>
<body>
<a-scene antialias='true'>
<!-- Camera with customized cursor -->
<a-camera position="0 1.8 0" cursor-visible="true" cursor-scale="2" cursor-color="#4CC3D9" cursor-offset="2" cursor-maxdistance="100" cursor-opacity="0.5" cursor-fuse="true"></a-camera>
<a-light color="#da47da" position="0 5 0" type="ambient"></a-light>
<a-entity camera look-controls wasd-controls></a-entity>
<a-entity light="type: point; color: #EEE; intensity: 0.5" position="0 3 0"></a-entity>
<a-plane rotation="-90 0 0" position="0 0 -1" width="4" height="4" color="black"></a-plane>
<!-- Sky -->
<a-sky color="#c8f8e0"></a-sky>
</a-scene>
<script>
var scene = d3.select("a-scene");
</script>
</body>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment