Qortal/qortal
1
0
Fork 1
mirror of https://github.com/Qortal/qortal.git synced 2025-07-27 04:01:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

More loading screen improvements

Browse Source
This commit is contained in:
CalDescent
2021-11-23 22:21:57 +00:00
parent 9ef75ebcde
commit f6b9ff50c3
4 changed files with 27 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/main/resources/loading/index.html
View File

@@ -5,7 +5,6 @@
<title>Loading...</title>
<style>
canvas {
position: absolute;
top: 0;
left: 0;
@@ -80,13 +79,14 @@
textStatus = "Build failed. Please try again later.";
}
else if (json.status == "DOWNLOADING") {
textStatus = "Locating files in data network...";
retryInterval = 5000;
textStatus = "Locating and downloading files...";
retryInterval = 1000;
}
else if (json.status == "MISSING_DATA") {
textStatus = "Unable to locate files. Please try again later.";
textStatus = "Unable to locate all files. Please try again later.";
retryInterval = 10000;
document.getElementById("status").style.color = "red";
document.getElementById("c").style.opacity = "0.5";
}
else if (json.status == "DOWNLOADED") {
textStatus = "Files downloaded";
@@ -115,7 +115,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
-->
<!-- partial:index.partial.html -->
<canvas id=c></canvas>
<canvas id="c"></canvas>
<!-- partial -->
<script>
var w = c.width = window.innerWidth,
@@ -125,8 +125,8 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
opts = {
len: 40, // Size
count: 50,
baseTime: 10,
count: 250,
baseTime: 40,
addedTime: 10,
dieChance: .05, // Lifetime
spawnChance: 1,
@@ -137,7 +137,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
color: 'hsl(hue,100%,light%)',
baseLight: 50,
addedLight: 10, // [50-10,50+10]
shadowToTimePropMult: 6,
shadowToTimePropMult: 1,
baseLightInputMultiplier: .01,
addedLightInputMultiplier: .02,
@@ -155,7 +155,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
baseRad = Math.PI * 2 / 6;
ctx.fillStyle = 'black'; // Fade in
ctx.fillStyle = 'white';
ctx.fillRect( 0, 0, w, h );
function loop() {
@@ -166,7 +166,7 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
ctx.globalCompositeOperation = 'source-over';
ctx.shadowBlur = 0;
ctx.fillStyle = 'rgba(255,255,255,alp)'.replace( 'alp', opts.repaintAlpha );
ctx.fillStyle = 'rgba(230,230,230,alp)'.replace( 'alp', opts.repaintAlpha );
ctx.fillRect( 0, 0, w, h );
ctx.globalCompositeOperation = 'darker';
@@ -250,8 +250,11 @@ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLI
<div id="panel-outer">
<div id="panel">
<h1>Loading</h1>
<p>This page will refresh automatically when the content becomes available</p>
<h2>Loading</h2>
<p>
Files are being retrieved from the Qortal Data Network.
This page will refresh automatically when the content becomes available.
</p>
<p><span id="status">Loading...</span></p>
</div>
</div>