fix
@ -1,6 +1,6 @@
|
||||
body {
|
||||
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;
|
||||
text-align: left;
|
||||
background-color: #000000;
|
||||
@ -169,4 +169,7 @@ a:hover, a:focus {
|
||||
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>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>SolarSys</title>
|
||||
<title>ai/solar</title>
|
||||
<meta charset="utf-8">
|
||||
<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">
|
||||
</head>
|
||||
<body>
|
||||
<div id="container" >
|
||||
<!--Loading prompt-->
|
||||
<div id="prompt">
|
||||
<img src="res/loading/splash.png" width="60%"/>
|
||||
<h3>PALE DOTS</h3>
|
||||
<p>A mesmerizing journey around the solar system</p>
|
||||
<p class="small">This splash screen comes from screenshots of the project</p>
|
||||
<a id="control" href="#" class="progress">Start</a>
|
||||
</div>
|
||||
</div>
|
||||
<div id="container" >
|
||||
<!--
|
||||
<div id="prompt">
|
||||
<img src="res/loading/splash.png" width="60%"/>
|
||||
<h3>PALE DOTS</h3>
|
||||
<p>A mesmerizing journey around the solar system</p>
|
||||
<p class="small">This splash screen comes from screenshots of the project</p>
|
||||
<a id="control" href="#" class="progress">Start</a>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<audio id="promptSound" src="res/prompt/ding.wav" />
|
||||
</div>
|
||||
<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 -->
|
||||
<script src="js/libs/jquery-3.2.1.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
|
||||
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}};
|
||||
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);
|
||||
@ -32,21 +32,22 @@ var options = {
|
||||
color: 0xfff700,
|
||||
colorRandomness: .2,
|
||||
turbulence: 0.,
|
||||
lifetime: 2.,
|
||||
lifetime: .1,
|
||||
size: 10,
|
||||
sizeRandomness: 2
|
||||
};
|
||||
|
||||
var spawnerOptions = {
|
||||
spawnRate: 15000,
|
||||
horizontalSpeed: 1.5,
|
||||
verticalSpeed: 1.33, timeScale: 1,
|
||||
spawnRate: 1500000,
|
||||
horizontalSpeed: .1,
|
||||
verticalSpeed: .1, timeScale: .1,
|
||||
};
|
||||
|
||||
$('.progress').progressInitialize();
|
||||
|
||||
var progressBar = $('#control');
|
||||
|
||||
pre();
|
||||
$(this).removeAttr('onclick');
|
||||
progressBar.click(function (e) {
|
||||
e.preventDefault();
|
||||
progressBar.progressSet(0);
|
||||
@ -127,7 +128,7 @@ function initCamera() {
|
||||
roamingCamera = new cameraParameters(3000, 200, "Astronaut");
|
||||
switchCamera = new cameraParameters(3000, 200, "Sun");
|
||||
switchCamera.setCamera();
|
||||
trackCamera["Galaxy"] = new cameraParameters(7000, 200, "Sun");
|
||||
trackCamera["Galaxy"] = new cameraParameters(70000, 200, "Sun");
|
||||
trackCamera["Galaxy"].theta = 80.0;
|
||||
trackCamera["Galaxy"].phi = 0.0;
|
||||
trackCamera["Comet"] = new cameraParameters(1000, 1000, "Comet");
|
||||
@ -187,16 +188,16 @@ function initRender() {
|
||||
renderer.setPixelRatio(window.devicePixelRatio);
|
||||
renderer.setSize(window.innerWidth, window.innerHeight);
|
||||
|
||||
// renderer.shadowMapEnabled = true;
|
||||
// renderer.shadowMapSoft = true;
|
||||
// renderer.shadowMap.enabled = true;
|
||||
// renderer.shadowCameraNear = 3;
|
||||
// renderer.shadowCameraFar = 100;
|
||||
// renderer.shadowMapDarkness = 0.2;
|
||||
// renderer.shadowCameraFov = 50;
|
||||
// renderer.shadowMapBias = 0.0039;
|
||||
// renderer.shadowMapWidth = 1024;
|
||||
// renderer.shadowMapHeight = 1024;
|
||||
//renderer.shadowMapEnabled = true;
|
||||
//renderer.shadowMapSoft = true;
|
||||
//renderer.shadowMap.enabled = true;
|
||||
//renderer.shadowCameraNear = 3;
|
||||
//renderer.shadowCameraFar = 100;
|
||||
//renderer.shadowMapDarkness = 0.2;
|
||||
//renderer.shadowCameraFov = 50;
|
||||
//renderer.shadowMapBias = 0.0039;
|
||||
//renderer.shadowMapWidth = 1024;
|
||||
//renderer.shadowMapHeight = 1024;
|
||||
}
|
||||
|
||||
function initObjects() {
|
||||
@ -249,15 +250,15 @@ function initGui() {
|
||||
var orbit = gui.addFolder('Orbit');
|
||||
orbitParams = {
|
||||
Comet: false,
|
||||
Mercury: true,
|
||||
Venus: true,
|
||||
Earth: true,
|
||||
Mars: true,
|
||||
Jupiter: true,
|
||||
Saturn: true,
|
||||
Uranus: true,
|
||||
Neptune: true,
|
||||
Pluto: true
|
||||
Mercury: false,
|
||||
Venus: false,
|
||||
Earth: false,
|
||||
Mars: false,
|
||||
Jupiter: false,
|
||||
Saturn: false,
|
||||
Uranus: false,
|
||||
Neptune: false,
|
||||
Pluto: false
|
||||
};
|
||||
var comet = gui.addFolder('CometParameters');
|
||||
cometParams = {
|
||||
@ -315,7 +316,7 @@ function initGui() {
|
||||
this.Collision = false;
|
||||
this.Light = 1.0;
|
||||
this.Ambient = 0.4;
|
||||
this.TimeScale = 1.0;
|
||||
this.TimeScale = 0.1;
|
||||
this.Screenshot = function () {
|
||||
var dataURL = renderer.domElement.toDataURL();
|
||||
var newWindow = window.open()
|
||||
@ -352,7 +353,7 @@ function initGui() {
|
||||
gui.add(control, "Collision");
|
||||
gui.add(control, "Roam");
|
||||
gui.add(control, "Screenshot");
|
||||
gui.autoPlace = false;
|
||||
gui.autoPlace = true;
|
||||
}
|
||||
|
||||
|
||||
@ -368,6 +369,7 @@ function init() {
|
||||
stats = new Stats();
|
||||
gui = new dat.GUI();
|
||||
gui.close();
|
||||
dat.GUI.toggleHide();
|
||||
window.addEventListener('mousedown', onWindowMouseDown, false);
|
||||
window.addEventListener('mousemove', onWindowMouseMove, 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 |