rays
/
nasa-hackathon
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

rift code

master
Ray Slakinski 2013-11-12 19:16:25 -08:00
parent a4ab7e6f3e
commit d987d8e4a9
1 changed files with 100 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

101
viz/templates/index.html
View File

@ -1 +1,100 @@
Hello, world. You're at the viz index.
<html>
<head>
<script src="../js/prettify.min.js"></script>
<link rel="stylesheet" href="../css/prettify.min.css" type="text/css" />
<link rel="stylesheet" href="../css/sunburst.css" type="text/css" />
<script data-main="//cds.jpl.nasa.gov/widgets/plot/1.0/js/main.js" src="//cds.jpl.nasa.gov/widgets/plot/1.0/components/requirejs/require.js"></script>
<script src="http://cds.jpl.nasa.gov/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="../css/style.css" />
<style>
/*user defined styles. */
#riftWidget{
float:left;
width:100%;
height:100%;
position:fixed;
}
</style>
<script>
$(document).ready(function(){
$('#usage').hide();
//give it 10 seconds, then see if we have an oculus
setTimeout(function(){
if(typeof(vr) != "undefined"){
vr.State();
if(vr.hmd.present == false){
/*$('#usage').fadeIn();
$('.widgetRift').fadeOut();*/
$('#usage').fadeOut();
$('.widgetRift').fadeIn();
}
else{
$('#usage').fadeOut();
$('.widgetRift').fadeIn();
}
}
else{
//ok no VR whatsoever.
$('#usage').fadeIn();
$('.widgetRift').fadeOut();
}
},5000)
})
</script>
</head>
<body onload="prettyPrint();">
<div
data-viz-type="plot.xyz"
xdata="http://podaac-w10n.jpl.nasa.gov/w10n/allData/amsre/L3/sst_1deg_1mo/tos_AMSRE_L3_v7_200206-201012.nc/lon[]"
xmask="[100000002004087730000]"
xlabel="lon"
ydata="http://podaac-w10n.jpl.nasa.gov/w10n/allData/amsre/L3/sst_1deg_1mo/tos_AMSRE_L3_v7_200206-201012.nc/lat[]"
ylabel="lat"
zdata="http://podaac-w10n.jpl.nasa.gov/w10n/allData/amsre/L3/sst_1deg_1mo/tos_AMSRE_L3_v7_200206-201012.nc/tos[0:1]"
zmask="[100000002004087730000]"
zlabel="Fly Controls = up,down,left,right"
class="widgetRift"
colorbar="#a50026,#d73027,#f46d43,#fdae61,#fee08b,#ffffbf,#d9ef8b,#a6d96a,#66bd63,#1a9850,#006837" format="spherical"
riftview="true"
id="riftWidget"
></div>
<div id="usage">
<div id="failWhale">
<pre>
......................................__................................................
.............................,-~*`¯lllllll`*~,..........................................
.......................,-~*`lllllllllllllllllllllllllll¯`*-,....................................
..................,-~*llllllllllllllllllllllllllllllllllllllllllll*-,..................................
...............,-*llllllllllllllllllllllllllllllllllllllllllllllllllllll.\.......................... .......
.............;*`lllllllllllllllllllllllllll,-~*~-,llllllllllllllllllll\................................
..............\lllllllllllllllllllllllllll/.........\;;;;llllllllllll,-`~-,......................... ..
...............\lllllllllllllllllllll,-*...........`~-~-,...(.(¯`*,`,..........................
................\llllllllllll,-~*.....................)_-\..*`*;..)..........................
.................\,-*`¯,*`)............,-~*`~................/.....................
..................|/.../.../~,......-~*,-~*`;................/.\..................
................./.../.../.../..,-,..*~,.`*~*................*...\.................
................|.../.../.../.*`...\...........................)....)¯`~,..................
................|./.../..../.......)......,.)`*~-,............/....|..)...`~-,.............
..............././.../...,*`-,.....`-,...*`....,---......\..../...../..|.........¯```*~-,,,,
...............(..........)`*~-,....`*`.,-~*.,-*......|.../..../.../............\........
................*-,.......`*-,...`~,..``.,,,-*..........|.,*...,*...|..............\........
...................*,.........`-,...)-,..............,-*`...,-*....(`-,............\.......
......................f`-,.........`-,/...*-,___,,-~*....,-*......|...`-,..........\........
</pre>
</div>
In order to use the oculus rift demo, you need:
<ul>
<li>1. An Oculus Rift</li>
<li>2. An Open Source Google Chrome Plugin that you can download and install from github here (<a alt="Required vr.js plugin for oculus rift" href="https://github.com/benvanik/vr.js">https://github.com/benvanik/vr.js</a>)
</li>
</ul>
</div>
</body>
</html>