RGBCube/rgbcube.github.io
1
Fork 0
mirror of https://github.com/RGBCube/rgbcube.github.io synced 2025-05-14 14:04:59 +00:00
Code Issues Activity Actions

Add velocity

Browse source
This commit is contained in:
RGBCube 2023-12-19 17:42:35 +03:00
parent aeb47bff9c
commit e2eb858e62
No known key found for this signature in database
1 changed files with 9 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

13
cube.js
View file

@ -80,7 +80,7 @@ class Quat {
} }
} }
let friction = 0.01; let friction = 3;
let sensitivity = 0.01; let sensitivity = 0.01;
let velocity = 0; let velocity = 0;
@ -116,7 +116,9 @@ const orientation = {
const newMouse = new Vec3(event.clientX, event.clientY, 0); const newMouse = new Vec3(event.clientX, event.clientY, 0);
if (window.performance.now() - mouse.lastMove > 100) { const timeDelta = (window.performance.now() - mouse.lastMove) / 1000;
if (timeDelta > 0.1) {
// This is a fresh scroll. // This is a fresh scroll.
mouse.previous = newMouse; mouse.previous = newMouse;
} }
@ -133,6 +135,9 @@ const orientation = {
const rotation = Quat.fromAxis(axis); const rotation = Quat.fromAxis(axis);
orientation.set(Quat.mul(rotation, orientation.get())); orientation.set(Quat.mul(rotation, orientation.get()));
angularMomentum.x = axis.x / timeDelta;
angularMomentum.y = axis.y / timeDelta;
}; };
document.addEventListener("mousemove", handleMove); document.addEventListener("mousemove", handleMove);
@ -167,7 +172,7 @@ const orientation = {
const delta = (timestamp - lastUpdate) / 1000; const delta = (timestamp - lastUpdate) / 1000;
lastUpdate = timestamp; lastUpdate = timestamp;
const axis = angularMomentum; const axis = new Vec3(angularMomentum.x, angularMomentum.y, angularMomentum.z);
const omega = angularMomentum.length(); const omega = angularMomentum.length();
const decay = Math.exp(-delta * friction); const decay = Math.exp(-delta * friction);
@ -190,7 +195,7 @@ const orientation = {
axis.normalize(); axis.normalize();
axis.scale(theta); axis.scale(theta);
const rotation = Quat.fromAxis(theta); const rotation = Quat.fromAxis(axis);
if (!mouse.down) orientation.set(Quat.mul(rotation, orientation.get())); if (!mouse.down) orientation.set(Quat.mul(rotation, orientation.get()));