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

Make code better

Browse source
This commit is contained in:
RGBCube 2023-12-19 15:36:09 +03:00
parent b800086988
commit 36fe3c4a4b
No known key found for this signature in database
1 changed files with 5 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

20
cube.js
View file

@ -35,12 +35,6 @@ class Vec3 {
}
}
class Vec2 extends Vec3 {
constructor(x, y) {
super(x, y, 0)
}
}
class Quat {
constructor(x, y, z, w) {
this.x = x;
@ -99,14 +93,10 @@ const orientation = {
(() => {
const mouse = {
down: false,
lastMove: window.performance.now(),
previous: new Vec2(0, 0),
lastMove: 0,
previous: null,
};
document.addEventListener("mouseleave", () => {
mouse.down = false;
});
document.addEventListener("mouseup", () => {
mouse.down = false;
});
@ -120,19 +110,19 @@ const orientation = {
document.addEventListener("mousemove", (event) => {
if (!mouse.down) return;
const newMouse = new Vec2(event.clientX, event.clientY);
const newMouse = new Vec3(event.clientX, event.clientY, 0);
if (window.performance.now() - mouse.lastMove > 100) {
// This is a fresh scroll.
mouse.previous = newMouse;
}
const delta = Vec2.sub(newMouse, mouse.previous);
const delta = Vec3.sub(newMouse, mouse.previous);
mouse.previous = newMouse;
mouse.lastMove = window.performance.now();
const axis = new Vec2(-delta.y,delta.x);
const axis = new Vec3(-delta.y, delta.x, 0);
const rotation = Quat.fromAngleAxis(delta.length() * sensitivity, axis);
orientation.set(Quat.mul(rotation, orientation.get()));