102 lines
4.2 KiB
HTML
102 lines
4.2 KiB
HTML
|
||
|
||
<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();" bgcolor="#000000">
|
||
<div
|
||
data-viz-type="plot.xyz"
|
||
xdata="http://54.201.54.194/data/GRC_JPL_RL05_DPC_OCN_500_200301_201307.nc/lon[]"
|
||
xmask="[100000002004087730000]"
|
||
xlabel="lon"
|
||
ydata="http://54.201.54.194/data/GRC_JPL_RL05_DPC_OCN_500_200301_201307.nc/lat[]"
|
||
ylabel="lat"
|
||
zdata="http://54.201.54.194/data/GRC_JPL_RL05_DPC_OCN_500_200301_201307.nc/lwe_thickness[0:1]"
|
||
zmask="[-9999]"
|
||
zlabel="Fly Controls = up,down,left,right"
|
||
class="widgetRift"
|
||
colorbar="#0000f0,#0000e0,#0000d0,#0000c0,#0000b0,#0000a0,#000090,#000080,#000070,#000060,#000050"
|
||
format="spherical"
|
||
rotating="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>
|