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

Fix code!!!!!! IT WORKS AASDJFASDFJHASDFKASDHKASDFHK

Browse source
This commit is contained in:
RGBCube 2023-12-19 18:52:35 +03:00
parent a8c87c164a
commit b58a28342f
No known key found for this signature in database
1 changed files with 52 additions and 31 deletions
Download patch file Download diff file Expand all files Collapse all files

83
cube.js
View file

@ -7,6 +7,10 @@ class Vec3 {
this.z = z; this.z = z;
} }
static zero() {
return new Vec(0, 0, 0);
}
length() { length() {
return Math.sqrt(this.x ** 2 + this.y ** 2 + this.z ** 2); return Math.sqrt(this.x ** 2 + this.y ** 2 + this.z ** 2);
} }
@ -38,6 +42,14 @@ class Vec3 {
v.z - t.z, v.z - t.z,
) )
} }
static sum(v, t) {
return new Vec3(
v.x + t.x,
v.y + t.y,
v.z + t.z,
)
}
} }
class Quat { class Quat {
@ -103,6 +115,8 @@ const orientation = {
previous: null, previous: null,
}; };
let impulseThisFrame = new Vec3(0, 0, 0);
const handleUp = () => { const handleUp = () => {
mouse.down = false; mouse.down = false;
}; };
@ -110,6 +124,18 @@ const orientation = {
document.addEventListener("mouseup", handleUp); document.addEventListener("mouseup", handleUp);
document.addEventListener("touchend", handleUp); document.addEventListener("touchend", handleUp);
const handleDown = (event) => {
// Disables link dragging that occurs when spinning.
event.preventDefault();
mouse.down = true;
velocity = new Vec3(0, 0, 0);
};
document.addEventListener("mousedown", handleDown);
document.addEventListener("touchstart", handleDown);
const handleMove = (event) => { const handleMove = (event) => {
if (!mouse.down) return; if (!mouse.down) return;
@ -131,6 +157,8 @@ const orientation = {
.normalize() .normalize()
.scale(delta.length() * sensitivity); .scale(delta.length() * sensitivity);
impulseThisFrame = Vec3.sum(impulseThisFrame, axis);
const rotation = Quat.fromAxis(axis); const rotation = Quat.fromAxis(axis);
orientation.set(Quat.mul(rotation, orientation.get())); orientation.set(Quat.mul(rotation, orientation.get()));
@ -146,18 +174,6 @@ const orientation = {
handleMove(event); handleMove(event);
}); });
const handleDown = (event) => {
// Disables link dragging that occurs when spinning.
event.preventDefault();
mouse.down = true;
velocity = new Vec3(0, 0, 0);
};
document.addEventListener("mousedown", handleDown);
document.addEventListener("touchstart", handleDown);
let lastUpdate = 0; let lastUpdate = 0;
const updateFrame = (timestamp) => { const updateFrame = (timestamp) => {
@ -166,32 +182,37 @@ const orientation = {
const delta = (timestamp - lastUpdate) / 1000; const delta = (timestamp - lastUpdate) / 1000;
lastUpdate = timestamp; lastUpdate = timestamp;
const decay = Math.exp(-delta * friction); if (mouse.down) {
velocity = impulseThisFrame.scale(1 / delta);
impulseThisFrame = new Vec3(0, 0, 0);
} else {
const decay = Math.exp(-delta * friction);
const effectiveDelta = friction > 0 ? (1 - decay) / friction : delta; const effectiveDelta = friction > 0 ? (1 - decay) / friction : delta;
let theta = effectiveDelta * velocity.length(); let theta = effectiveDelta * velocity.length();
velocity.x *= decay; velocity.x *= decay;
velocity.y *= decay; velocity.y *= decay;
velocity.z *= decay; velocity.z *= decay;
if (friction > 0 && velocity.length() < 0.00001) { if (friction > 0 && velocity.length() < 0.00001) {
theta += velocity.length() / friction; theta += velocity.length() / friction;
velocity.x = 0; velocity.x = 0;
velocity.y = 0; velocity.y = 0;
velocity.z = 0; velocity.z = 0;
}
const axis = new Vec3(velocity.x, velocity.y, velocity.z)
.normalize()
.scale(theta);
const rotation = Quat.fromAxis(axis);
orientation.set(Quat.mul(rotation, orientation.get()));
} }
const axis = new Vec3(velocity.x, velocity.y, velocity.z)
.normalize()
.scale(theta);
const rotation = Quat.fromAxis(axis);
if (!mouse.down) orientation.set(Quat.mul(rotation, orientation.get()));
requestAnimationFrame(updateFrame); requestAnimationFrame(updateFrame);
}; };