fix
@ -1,6 +1,8 @@
|
|||||||
<div class="nasa">
|
<div class="nasa">
|
||||||
<iframe src="https://eyes.nasa.gov/apps/solar-system/#/sun/distance?to=earth" allowfullscreen frameborder="0" style="width:100%;height:700px;"></iframe>
|
<iframe src="https://eyes.nasa.gov/apps/solar-system/#/sun/" allowfullscreen frameborder="0" style="width:100%;height:700px;"></iframe>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!--
|
<!--
|
||||||
https://eyes.nasa.gov/apps/solar-system/#/story/voyager_grand_tour?slide=slide_2
|
https://eyes.nasa.gov/apps/solar-system/#/story/voyager_grand_tour?slide=slide_2
|
||||||
|
<iframe src="https://eyes.nasa.gov/apps/solar-system/#/sun/distance?to=earth" allowfullscreen frameborder="0" style="width:100%;height:700px;"></iframe>
|
||||||
-->
|
-->
|
||||||
|
@ -12,6 +12,7 @@ function sun_open() {
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
<link rel="stylesheet" href="/pkg/particles/particles.css" />
|
<link rel="stylesheet" href="/pkg/particles/particles.css" />
|
||||||
<div class="sun">
|
<div class="sun">
|
||||||
<div class="sun-button">
|
<div class="sun-button">
|
||||||
|
7
static/css/nasa.css
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
span.story-related-list {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#story-list{
|
||||||
|
display:none;
|
||||||
|
}
|
@ -1,6 +1,6 @@
|
|||||||
body {
|
body {
|
||||||
color: #ffffff;
|
color: #ffffff;
|
||||||
font-family: "Segoe UI", Myriad, Helvetica, Arial, "DejaVu Sans", "Noto Sans CJK SC", "Source Han Sans SC", "思源黑体", "等线", "华文细黑", "微软雅黑";
|
font-family: "Segoe UI", Myriad, Helvetica, Arial, "DejaVu Sans", "Noto Sans CJK SC", "Source Han Sans SC";
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
text-align: left;
|
text-align: left;
|
||||||
background-color: #000000;
|
background-color: #000000;
|
||||||
@ -169,4 +169,7 @@ a:hover, a:focus {
|
|||||||
background-color: #9e81d6;
|
background-color: #9e81d6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.key-h {
|
||||||
|
text-align: left;
|
||||||
|
padding:0 10px 10px 10px;
|
||||||
|
}
|
Before Width: | Height: | Size: 110 KiB After Width: | Height: | Size: 110 KiB |
Before Width: | Height: | Size: 144 KiB After Width: | Height: | Size: 144 KiB |
Before Width: | Height: | Size: 163 KiB After Width: | Height: | Size: 163 KiB |
Before Width: | Height: | Size: 236 KiB After Width: | Height: | Size: 236 KiB |
Before Width: | Height: | Size: 153 KiB After Width: | Height: | Size: 153 KiB |
Before Width: | Height: | Size: 86 KiB After Width: | Height: | Size: 86 KiB |
@ -1,27 +1,31 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<title>SolarSys</title>
|
<title>ai/solar</title>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
|
||||||
<link rel="stylesheet" type="text/css" href="css/solar.css">
|
<link rel="stylesheet" type="text/css" href="css/solar.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="container" >
|
<div id="container" >
|
||||||
<!--Loading prompt-->
|
<!--
|
||||||
<div id="prompt">
|
<div id="prompt">
|
||||||
<img src="res/loading/splash.png" width="60%"/>
|
<img src="res/loading/splash.png" width="60%"/>
|
||||||
<h3>PALE DOTS</h3>
|
<h3>PALE DOTS</h3>
|
||||||
<p>A mesmerizing journey around the solar system</p>
|
<p>A mesmerizing journey around the solar system</p>
|
||||||
<p class="small">This splash screen comes from screenshots of the project</p>
|
<p class="small">This splash screen comes from screenshots of the project</p>
|
||||||
<a id="control" href="#" class="progress">Start</a>
|
<a id="control" href="#" class="progress">Start</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
-->
|
||||||
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
<audio id="promptSound" src="res/prompt/ding.wav" />
|
<audio id="promptSound" src="res/prompt/ding.wav" />
|
||||||
</div>
|
</div>
|
||||||
<div id="info">
|
<div id="info">
|
||||||
<a href="https://github.com/solarcg/SolarSys" target="_blank" rel="noopener">Pale Dots</a></div>
|
<div class="key-h">
|
||||||
|
<button>h</button>
|
||||||
|
</div>
|
||||||
<!-- Libraries -->
|
<!-- Libraries -->
|
||||||
<script src="js/libs/jquery-3.2.1.min.js"></script>
|
<script src="js/libs/jquery-3.2.1.min.js"></script>
|
||||||
<script src="js/libs/three.min.js"></script>
|
<script src="js/libs/three.min.js"></script>
|
@ -255,4 +255,4 @@
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
})(jQuery);
|
})(jQuery);
|
@ -1,5 +1,5 @@
|
|||||||
// stats.js - http://github.com/mrdoob/stats.js
|
// stats.js - http://github.com/mrdoob/stats.js
|
||||||
var Stats=function(){function h(a){c.appendChild(a.dom);return a}function k(a){for(var d=0;d<c.children.length;d++)c.children[d].style.display=d===a?"block":"none";l=a}var l=0,c=document.createElement("div");c.style.cssText="position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000";c.addEventListener("click",function(a){a.preventDefault();k(++l%c.children.length)},!1);var g=(performance||Date).now(),e=g,a=0,r=h(new Stats.Panel("FPS","#0ff","#002")),f=h(new Stats.Panel("MS","#0f0","#020"));
|
var Stats=function(){function h(a){c.appendChild(a.dom);return a}function k(a){for(var d=0;d<c.children.length;d++)c.children[d].style.display=d===a?"none":"none";l=a}var l=0,c=document.createElement("div");c.style.cssText="position:fixed;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000";c.addEventListener("click",function(a){a.preventDefault();k(++l%c.children.length)},!1);var g=(performance||Date).now(),e=g,a=0,r=h(new Stats.Panel("FPS","#0ff","#002")),f=h(new Stats.Panel("MS","#0f0","#020"));
|
||||||
if(self.performance&&self.performance.memory)var t=h(new Stats.Panel("MB","#f08","#201"));k(0);return{REVISION:16,dom:c,addPanel:h,showPanel:k,begin:function(){g=(performance||Date).now()},end:function(){a++;var c=(performance||Date).now();f.update(c-g,200);if(c>e+1E3&&(r.update(1E3*a/(c-e),100),e=c,a=0,t)){var d=performance.memory;t.update(d.usedJSHeapSize/1048576,d.jsHeapSizeLimit/1048576)}return c},update:function(){g=this.end()},domElement:c,setMode:k}};
|
if(self.performance&&self.performance.memory)var t=h(new Stats.Panel("MB","#f08","#201"));k(0);return{REVISION:16,dom:c,addPanel:h,showPanel:k,begin:function(){g=(performance||Date).now()},end:function(){a++;var c=(performance||Date).now();f.update(c-g,200);if(c>e+1E3&&(r.update(1E3*a/(c-e),100),e=c,a=0,t)){var d=performance.memory;t.update(d.usedJSHeapSize/1048576,d.jsHeapSizeLimit/1048576)}return c},update:function(){g=this.end()},domElement:c,setMode:k}};
|
||||||
Stats.Panel=function(h,k,l){var c=Infinity,g=0,e=Math.round,a=e(window.devicePixelRatio||1),r=80*a,f=48*a,t=3*a,u=2*a,d=3*a,m=15*a,n=74*a,p=30*a,q=document.createElement("canvas");q.width=r;q.height=f;q.style.cssText="width:80px;height:48px";var b=q.getContext("2d");b.font="bold "+9*a+"px Helvetica,Arial,sans-serif";b.textBaseline="top";b.fillStyle=l;b.fillRect(0,0,r,f);b.fillStyle=k;b.fillText(h,t,u);b.fillRect(d,m,n,p);b.fillStyle=l;b.globalAlpha=.9;b.fillRect(d,m,n,p);return{dom:q,update:function(f,
|
Stats.Panel=function(h,k,l){var c=Infinity,g=0,e=Math.round,a=e(window.devicePixelRatio||1),r=80*a,f=48*a,t=3*a,u=2*a,d=3*a,m=15*a,n=74*a,p=30*a,q=document.createElement("canvas");q.width=r;q.height=f;q.style.cssText="width:80px;height:48px";var b=q.getContext("2d");b.font="bold "+9*a+"px Helvetica,Arial,sans-serif";b.textBaseline="top";b.fillStyle=l;b.fillRect(0,0,r,f);b.fillStyle=k;b.fillText(h,t,u);b.fillRect(d,m,n,p);b.fillStyle=l;b.globalAlpha=.9;b.fillRect(d,m,n,p);return{dom:q,update:function(f,
|
||||||
v){c=Math.min(c,f);g=Math.max(g,f);b.fillStyle=l;b.globalAlpha=1;b.fillRect(0,0,r,m);b.fillStyle=k;b.fillText(e(f)+" "+h+" ("+e(c)+"-"+e(g)+")",t,u);b.drawImage(q,d+a,m,n-a,p,d,m,n-a,p);b.fillRect(d+n-a,m,a,p);b.fillStyle=l;b.globalAlpha=.9;b.fillRect(d+n-a,m,a,e((1-f/v)*p))}}};"object"===typeof module&&(module.exports=Stats);
|
v){c=Math.min(c,f);g=Math.max(g,f);b.fillStyle=l;b.globalAlpha=1;b.fillRect(0,0,r,m);b.fillStyle=k;b.fillText(e(f)+" "+h+" ("+e(c)+"-"+e(g)+")",t,u);b.drawImage(q,d+a,m,n-a,p,d,m,n-a,p);b.fillRect(d+n-a,m,a,p);b.fillStyle=l;b.globalAlpha=.9;b.fillRect(d+n-a,m,a,e((1-f/v)*p))}}};"object"===typeof module&&(module.exports=Stats);
|
@ -32,21 +32,22 @@ var options = {
|
|||||||
color: 0xfff700,
|
color: 0xfff700,
|
||||||
colorRandomness: .2,
|
colorRandomness: .2,
|
||||||
turbulence: 0.,
|
turbulence: 0.,
|
||||||
lifetime: 2.,
|
lifetime: .1,
|
||||||
size: 10,
|
size: 10,
|
||||||
sizeRandomness: 2
|
sizeRandomness: 2
|
||||||
};
|
};
|
||||||
|
|
||||||
var spawnerOptions = {
|
var spawnerOptions = {
|
||||||
spawnRate: 15000,
|
spawnRate: 1500000,
|
||||||
horizontalSpeed: 1.5,
|
horizontalSpeed: .1,
|
||||||
verticalSpeed: 1.33, timeScale: 1,
|
verticalSpeed: .1, timeScale: .1,
|
||||||
};
|
};
|
||||||
|
|
||||||
$('.progress').progressInitialize();
|
$('.progress').progressInitialize();
|
||||||
|
|
||||||
var progressBar = $('#control');
|
var progressBar = $('#control');
|
||||||
|
pre();
|
||||||
|
$(this).removeAttr('onclick');
|
||||||
progressBar.click(function (e) {
|
progressBar.click(function (e) {
|
||||||
e.preventDefault();
|
e.preventDefault();
|
||||||
progressBar.progressSet(0);
|
progressBar.progressSet(0);
|
||||||
@ -127,7 +128,7 @@ function initCamera() {
|
|||||||
roamingCamera = new cameraParameters(3000, 200, "Astronaut");
|
roamingCamera = new cameraParameters(3000, 200, "Astronaut");
|
||||||
switchCamera = new cameraParameters(3000, 200, "Sun");
|
switchCamera = new cameraParameters(3000, 200, "Sun");
|
||||||
switchCamera.setCamera();
|
switchCamera.setCamera();
|
||||||
trackCamera["Galaxy"] = new cameraParameters(7000, 200, "Sun");
|
trackCamera["Galaxy"] = new cameraParameters(70000, 200, "Sun");
|
||||||
trackCamera["Galaxy"].theta = 80.0;
|
trackCamera["Galaxy"].theta = 80.0;
|
||||||
trackCamera["Galaxy"].phi = 0.0;
|
trackCamera["Galaxy"].phi = 0.0;
|
||||||
trackCamera["Comet"] = new cameraParameters(1000, 1000, "Comet");
|
trackCamera["Comet"] = new cameraParameters(1000, 1000, "Comet");
|
||||||
@ -187,16 +188,16 @@ function initRender() {
|
|||||||
renderer.setPixelRatio(window.devicePixelRatio);
|
renderer.setPixelRatio(window.devicePixelRatio);
|
||||||
renderer.setSize(window.innerWidth, window.innerHeight);
|
renderer.setSize(window.innerWidth, window.innerHeight);
|
||||||
|
|
||||||
// renderer.shadowMapEnabled = true;
|
//renderer.shadowMapEnabled = true;
|
||||||
// renderer.shadowMapSoft = true;
|
//renderer.shadowMapSoft = true;
|
||||||
// renderer.shadowMap.enabled = true;
|
//renderer.shadowMap.enabled = true;
|
||||||
// renderer.shadowCameraNear = 3;
|
//renderer.shadowCameraNear = 3;
|
||||||
// renderer.shadowCameraFar = 100;
|
//renderer.shadowCameraFar = 100;
|
||||||
// renderer.shadowMapDarkness = 0.2;
|
//renderer.shadowMapDarkness = 0.2;
|
||||||
// renderer.shadowCameraFov = 50;
|
//renderer.shadowCameraFov = 50;
|
||||||
// renderer.shadowMapBias = 0.0039;
|
//renderer.shadowMapBias = 0.0039;
|
||||||
// renderer.shadowMapWidth = 1024;
|
//renderer.shadowMapWidth = 1024;
|
||||||
// renderer.shadowMapHeight = 1024;
|
//renderer.shadowMapHeight = 1024;
|
||||||
}
|
}
|
||||||
|
|
||||||
function initObjects() {
|
function initObjects() {
|
||||||
@ -249,15 +250,15 @@ function initGui() {
|
|||||||
var orbit = gui.addFolder('Orbit');
|
var orbit = gui.addFolder('Orbit');
|
||||||
orbitParams = {
|
orbitParams = {
|
||||||
Comet: false,
|
Comet: false,
|
||||||
Mercury: true,
|
Mercury: false,
|
||||||
Venus: true,
|
Venus: false,
|
||||||
Earth: true,
|
Earth: false,
|
||||||
Mars: true,
|
Mars: false,
|
||||||
Jupiter: true,
|
Jupiter: false,
|
||||||
Saturn: true,
|
Saturn: false,
|
||||||
Uranus: true,
|
Uranus: false,
|
||||||
Neptune: true,
|
Neptune: false,
|
||||||
Pluto: true
|
Pluto: false
|
||||||
};
|
};
|
||||||
var comet = gui.addFolder('CometParameters');
|
var comet = gui.addFolder('CometParameters');
|
||||||
cometParams = {
|
cometParams = {
|
||||||
@ -315,7 +316,7 @@ function initGui() {
|
|||||||
this.Collision = false;
|
this.Collision = false;
|
||||||
this.Light = 1.0;
|
this.Light = 1.0;
|
||||||
this.Ambient = 0.4;
|
this.Ambient = 0.4;
|
||||||
this.TimeScale = 1.0;
|
this.TimeScale = 0.1;
|
||||||
this.Screenshot = function () {
|
this.Screenshot = function () {
|
||||||
var dataURL = renderer.domElement.toDataURL();
|
var dataURL = renderer.domElement.toDataURL();
|
||||||
var newWindow = window.open()
|
var newWindow = window.open()
|
||||||
@ -352,7 +353,7 @@ function initGui() {
|
|||||||
gui.add(control, "Collision");
|
gui.add(control, "Collision");
|
||||||
gui.add(control, "Roam");
|
gui.add(control, "Roam");
|
||||||
gui.add(control, "Screenshot");
|
gui.add(control, "Screenshot");
|
||||||
gui.autoPlace = false;
|
gui.autoPlace = true;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -368,6 +369,7 @@ function init() {
|
|||||||
stats = new Stats();
|
stats = new Stats();
|
||||||
gui = new dat.GUI();
|
gui = new dat.GUI();
|
||||||
gui.close();
|
gui.close();
|
||||||
|
dat.GUI.toggleHide();
|
||||||
window.addEventListener('mousedown', onWindowMouseDown, false);
|
window.addEventListener('mousedown', onWindowMouseDown, false);
|
||||||
window.addEventListener('mousemove', onWindowMouseMove, false);
|
window.addEventListener('mousemove', onWindowMouseMove, false);
|
||||||
window.addEventListener('mouseup', onWindowMouseUp, false);
|
window.addEventListener('mouseup', onWindowMouseUp, false);
|
Before Width: | Height: | Size: 500 KiB After Width: | Height: | Size: 500 KiB |
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.2 KiB |
Before Width: | Height: | Size: 88 KiB After Width: | Height: | Size: 88 KiB |
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 26 KiB |
Before Width: | Height: | Size: 49 KiB After Width: | Height: | Size: 49 KiB |
Before Width: | Height: | Size: 178 KiB After Width: | Height: | Size: 178 KiB |
Before Width: | Height: | Size: 78 KiB After Width: | Height: | Size: 78 KiB |
Before Width: | Height: | Size: 897 KiB After Width: | Height: | Size: 897 KiB |
Before Width: | Height: | Size: 418 KiB After Width: | Height: | Size: 418 KiB |
Before Width: | Height: | Size: 1.0 MiB After Width: | Height: | Size: 1.0 MiB |
Before Width: | Height: | Size: 170 KiB After Width: | Height: | Size: 170 KiB |
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
Before Width: | Height: | Size: 321 KiB After Width: | Height: | Size: 321 KiB |
Before Width: | Height: | Size: 1014 KiB After Width: | Height: | Size: 1014 KiB |
Before Width: | Height: | Size: 974 KiB After Width: | Height: | Size: 974 KiB |
Before Width: | Height: | Size: 339 KiB After Width: | Height: | Size: 339 KiB |
Before Width: | Height: | Size: 652 B After Width: | Height: | Size: 652 B |
Before Width: | Height: | Size: 77 KiB After Width: | Height: | Size: 77 KiB |
Before Width: | Height: | Size: 334 KiB After Width: | Height: | Size: 334 KiB |
Before Width: | Height: | Size: 70 KiB After Width: | Height: | Size: 70 KiB |
Before Width: | Height: | Size: 768 KiB After Width: | Height: | Size: 768 KiB |
Before Width: | Height: | Size: 171 KiB After Width: | Height: | Size: 171 KiB |
Before Width: | Height: | Size: 454 KiB After Width: | Height: | Size: 454 KiB |
Before Width: | Height: | Size: 194 KiB After Width: | Height: | Size: 194 KiB |
Before Width: | Height: | Size: 688 KiB After Width: | Height: | Size: 688 KiB |
Before Width: | Height: | Size: 144 KiB After Width: | Height: | Size: 144 KiB |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 23 KiB |
Before Width: | Height: | Size: 82 KiB After Width: | Height: | Size: 82 KiB |
Before Width: | Height: | Size: 393 KiB After Width: | Height: | Size: 393 KiB |
Before Width: | Height: | Size: 80 KiB After Width: | Height: | Size: 80 KiB |
Before Width: | Height: | Size: 129 KiB After Width: | Height: | Size: 129 KiB |
Before Width: | Height: | Size: 197 KiB After Width: | Height: | Size: 197 KiB |
Before Width: | Height: | Size: 1.7 KiB After Width: | Height: | Size: 1.7 KiB |
Before Width: | Height: | Size: 39 KiB After Width: | Height: | Size: 39 KiB |
Before Width: | Height: | Size: 29 KiB After Width: | Height: | Size: 29 KiB |
Before Width: | Height: | Size: 40 KiB After Width: | Height: | Size: 40 KiB |
Before Width: | Height: | Size: 47 KiB After Width: | Height: | Size: 47 KiB |
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 30 KiB |
Before Width: | Height: | Size: 108 KiB After Width: | Height: | Size: 108 KiB |
Before Width: | Height: | Size: 2.4 MiB After Width: | Height: | Size: 2.4 MiB |
Before Width: | Height: | Size: 1.7 MiB After Width: | Height: | Size: 1.7 MiB |
Before Width: | Height: | Size: 169 KiB After Width: | Height: | Size: 169 KiB |
Before Width: | Height: | Size: 120 KiB After Width: | Height: | Size: 120 KiB |
Before Width: | Height: | Size: 210 KiB After Width: | Height: | Size: 210 KiB |
Before Width: | Height: | Size: 1.6 MiB After Width: | Height: | Size: 1.6 MiB |
Before Width: | Height: | Size: 306 KiB After Width: | Height: | Size: 306 KiB |
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
Before Width: | Height: | Size: 158 KiB After Width: | Height: | Size: 158 KiB |
Before Width: | Height: | Size: 79 KiB After Width: | Height: | Size: 79 KiB |
Before Width: | Height: | Size: 711 KiB After Width: | Height: | Size: 711 KiB |