sij/khoj
1
0
Fork 0
mirror of https://github.com/khoj-ai/khoj.git synced 2024-11-27 17:35:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Slow down spinning at end of splash sequence. Make animation bigger

Browse source
This commit is contained in:
Debanjum Singh Solanky 2023-11-03 04:26:07 -07:00
parent 34661c33a2
commit 4cd76311ad
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/interface/desktop/loading-animation.js
View file

@ -2,8 +2,8 @@ var $wrap = document.getElementById('loading-animation'),
canvassize = 280,
length = 30,
radius = 5.6,
length = 40,
radius = 7.3,
rotatevalue = 0.035,
acceleration = 0,
@ -19,7 +19,7 @@ camera, scene, renderer;
camera = new THREE.PerspectiveCamera(65, 1, 1, 10000);
camera.position.z = 150;
camera.position.z = 120;
scene = new THREE.Scene();
// scene.add(new THREE.AxisHelper(30));
@ -102,8 +102,8 @@ function render() {
if (acceleration > 0.35) {
progress = (acceleration-0.35)/0.65;
group.rotation.y = -Math.PI/2 *progress;
group.position.z = 50*progress;
progress = Math.max(0, (acceleration-0.97)/0.03);
group.position.z = 20*progress;
progress = Math.max(0, (acceleration-0.99)/0.01);
mesh.material.opacity = 1-progress;
ringcover.material.opacity = ring.material.opacity = progress;
ring.scale.x = ring.scale.y = 0.9 + 0.1*progress;
@ -114,7 +114,7 @@ function render() {
}
function animate() {
mesh.rotation.x += rotatevalue + acceleration;
mesh.rotation.x += rotatevalue + acceleration*Math.sin(Math.PI*acceleration);
render();
requestAnimationFrame(animate);
}
@ -126,4 +126,4 @@ function easing(t, b, c, d) {
}
animate();
setTimeout(start, 300);
setTimeout(start, 30);