Compare commits
2 Commits
1635eb9ede
...
729d140243
| Author | SHA1 | Date | |
|---|---|---|---|
|
729d140243 | ||
|
|
26c35b27b4 |
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
||||
.DS_Store
|
||||
BIN
gyro/Track1Fade.mp3
Normal file
BIN
gyro/Track1Fade.mp3
Normal file
Binary file not shown.
BIN
gyro/Track2Fade.mp3
Normal file
BIN
gyro/Track2Fade.mp3
Normal file
Binary file not shown.
BIN
gyro/Track3Fade.mp3
Normal file
BIN
gyro/Track3Fade.mp3
Normal file
Binary file not shown.
BIN
gyro/Track4Fade.mp3
Normal file
BIN
gyro/Track4Fade.mp3
Normal file
Binary file not shown.
BIN
gyro/Track5Fade.mp3
Normal file
BIN
gyro/Track5Fade.mp3
Normal file
Binary file not shown.
BIN
gyro/Track6Fade.mp3
Normal file
BIN
gyro/Track6Fade.mp3
Normal file
Binary file not shown.
47
gyro/debug.html
Normal file
47
gyro/debug.html
Normal file
@ -0,0 +1,47 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<style>
|
||||
table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Is it working?</h1>
|
||||
<button id="perm">click me for permissions</button>
|
||||
<table>
|
||||
<tr>
|
||||
<th>α</th>
|
||||
<td id="disp-a">?</td>
|
||||
<th>x</th>
|
||||
<td id="disp-x">?</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>β</th>
|
||||
<td id="disp-b">?</td>
|
||||
<th>y</th>
|
||||
<td id="disp-y">?</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>γ</th>
|
||||
<td id="disp-c">?</td>
|
||||
<th>z</th>
|
||||
<td id="disp-z">?</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>φ</th>
|
||||
<td id="disp-phi">?</td>
|
||||
<th>θ</th>
|
||||
<td id="disp-theta">?</td>
|
||||
</tr>
|
||||
</table>
|
||||
<script src="m3.js"></script>
|
||||
<script src="util.js"></script>
|
||||
<script src="v3.js"></script>
|
||||
<script src="debug.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
38
gyro/debug.js
Normal file
38
gyro/debug.js
Normal file
@ -0,0 +1,38 @@
|
||||
"use strict";
|
||||
|
||||
(() => {
|
||||
document.querySelector("#perm").addEventListener("click", e => {
|
||||
util.getGyroPermission()
|
||||
.then((response) => {
|
||||
const disp = {
|
||||
a: document.querySelector("#disp-a"),
|
||||
b: document.querySelector("#disp-b"),
|
||||
c: document.querySelector("#disp-c"),
|
||||
x: document.querySelector("#disp-x"),
|
||||
y: document.querySelector("#disp-y"),
|
||||
z: document.querySelector("#disp-z"),
|
||||
phi: document.querySelector("#disp-phi"),
|
||||
theta: document.querySelector("#disp-theta"),
|
||||
};
|
||||
|
||||
window.addEventListener("deviceorientation", e => {
|
||||
const alpha = util.deg2rad(e.alpha);
|
||||
const beta = util.deg2rad(e.beta);
|
||||
const gamma = util.deg2rad(e.gamma);
|
||||
|
||||
const [screenNormal, phi, theta] = util.toPolarCoordinates(alpha, beta, gamma);
|
||||
|
||||
disp.a.innerHTML = `${Math.round(e.alpha)}`;
|
||||
disp.b.innerHTML = `${Math.round(e.beta)}`;
|
||||
disp.c.innerHTML = `${Math.round(e.gamma)}`;
|
||||
|
||||
disp.x.innerHTML = `${Math.round(100 * screenNormal[0])}`;
|
||||
disp.y.innerHTML = `${Math.round(100 * screenNormal[1])}`;
|
||||
disp.z.innerHTML = `${Math.round(100 * screenNormal[2])}`;
|
||||
|
||||
disp.phi.innerHTML = `${Math.round(phi / Math.PI * 180)}`;
|
||||
disp.theta.innerHTML = `${Math.round(theta / Math.PI * 180)}`;
|
||||
});
|
||||
});
|
||||
}, { once: true });
|
||||
})();
|
||||
@ -1,26 +1,74 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<body>
|
||||
<h1>Is it working?</h1>
|
||||
<button id="perm">click me for permissions</button>
|
||||
<div style="color: red" id="disp">lalala</div>
|
||||
<script>
|
||||
document.querySelector("#perm").addEventListener("click", e => {
|
||||
const ac = new AudioContext();
|
||||
const osc = ac.createOscillator();
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<style>
|
||||
* {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
osc.type = "square";
|
||||
osc.frequency.setValueAtTime(440, ac.currentTime);
|
||||
osc.connect(ac.destination);
|
||||
osc.start();
|
||||
body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
DeviceMotionEvent.requestPermission().then(response => {
|
||||
window.addEventListener("devicemotion", e => {
|
||||
document.querySelector("#disp").innerHTML = Math.round(e.acceleration.x);
|
||||
osc.frequency.setValueAtTime(440 * Math.pow(2, e.acceleration.x / 10), ac.currentTime);
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
table {
|
||||
width: 100%;
|
||||
table-layout: fixed;
|
||||
}
|
||||
|
||||
.state {
|
||||
display: none;
|
||||
width: 100vw;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
[data-state=init] #init,
|
||||
[data-state=error] #error {
|
||||
display: block;
|
||||
}
|
||||
|
||||
[data-state=main] #main {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
#error {
|
||||
border: 2px solid red;
|
||||
}
|
||||
|
||||
#main {
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
@media (max-aspect-ratio: 1) {
|
||||
#canvas {
|
||||
width: 100vw;
|
||||
height: 100vw;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-aspect-ratio: 1) {
|
||||
#canvas {
|
||||
width: 100vh;
|
||||
height: 100vh;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body data-state="init">
|
||||
<div class="state" id="init">
|
||||
<button id="perm">start the e x p e r i e n c e</button>
|
||||
<pre id="log"></pre>
|
||||
</div>
|
||||
<div class="state" id="main">
|
||||
<canvas width="500" height="500" id="canvas"></canvas>
|
||||
</div>
|
||||
<div class="state" id="error">
|
||||
</div>
|
||||
<script src="m3.js"></script>
|
||||
<script src="util.js"></script>
|
||||
<script src="v3.js"></script>
|
||||
<script src="index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
260
gyro/index.js
Normal file
260
gyro/index.js
Normal file
@ -0,0 +1,260 @@
|
||||
"use strict";
|
||||
|
||||
(() => {
|
||||
const TAU = 2 * Math.PI;
|
||||
|
||||
// Build buffers b1 and b2 such that
|
||||
// the original buffer can be played
|
||||
// in a loop where it overlaps itself
|
||||
// by the duration specified in overlap.
|
||||
// If the overlap is two units, the
|
||||
// resulting buffers look like this:
|
||||
//
|
||||
// buffer: OOBBBBBOO
|
||||
// b1: OOBBBBBOO-----
|
||||
// b2: -----OOBBBBBOO
|
||||
//
|
||||
// B: Buffer data (plays normally)
|
||||
// O: Affected by overlap
|
||||
// -: Inserted silence
|
||||
//
|
||||
// By starting b2 overlap seconds after
|
||||
// b1, overlapping looping playback is
|
||||
//
|
||||
//
|
||||
// OOBBBBBOO-----OOBBBBBOO-----
|
||||
// -----OOBBBBBOO-----OOBBBBBOO
|
||||
function buildOverlappingBuffers (audioCtx, buffer, overlap) {
|
||||
const nonOverlapDuration = buffer.duration - 2 * overlap;
|
||||
const nonOverlapSamples = Math.floor(nonOverlapDuration * buffer.sampleRate);
|
||||
|
||||
const totalLength = buffer.length + nonOverlapSamples;
|
||||
|
||||
const b1 = audioCtx.createBuffer(buffer.numberOfChannels, totalLength, buffer.sampleRate);
|
||||
const b2 = audioCtx.createBuffer(buffer.numberOfChannels, totalLength, buffer.sampleRate);
|
||||
|
||||
// TODO: May be faster using the copy methods on AudioBuffer
|
||||
for (let channel = 0; channel < buffer.numberOfChannels; channel++) {
|
||||
const channelBuffer = buffer.getChannelData(channel);
|
||||
const b1ChannelBuffer = b1.getChannelData(channel);
|
||||
const b2ChannelBuffer = b2.getChannelData(channel);
|
||||
|
||||
for (let i = 0; i < channelBuffer.length; i++) {
|
||||
b1ChannelBuffer[i] = channelBuffer[i];
|
||||
b2ChannelBuffer[nonOverlapSamples + i] = channelBuffer[i];
|
||||
}
|
||||
}
|
||||
|
||||
return { b1, b2 };
|
||||
}
|
||||
|
||||
function baseGain (peak, rotH) {
|
||||
const diff = Math.abs(util.diffAngles(peak, rotH));
|
||||
|
||||
if (diff < TAU / 8) {
|
||||
return 1;
|
||||
} else if (diff < TAU / 8 + TAU / 16) {
|
||||
return 1 - (diff - TAU / 8) / (TAU / 16);
|
||||
} else {
|
||||
return 0;
|
||||
}
|
||||
}
|
||||
|
||||
function gain (peak, rotH, rotV) {
|
||||
return baseGain(peak, rotH) * (1 - rotV / (Math.PI / 2));
|
||||
}
|
||||
|
||||
function drawRing (ctx, r, f) {
|
||||
const n = 48;
|
||||
for (let i = 0; i < n; i++) {
|
||||
const a = Math.PI * 2 * i / n;
|
||||
const a_ = Math.PI * 2 * (i + 1) / n;
|
||||
const g = f((a + a_) / 2);
|
||||
if (g === 0) continue;
|
||||
ctx.lineWidth = 0.1 * g;
|
||||
ctx.beginPath();
|
||||
ctx.arc(0, 0, r, a, a_);
|
||||
ctx.stroke();
|
||||
}
|
||||
}
|
||||
|
||||
function loadTrack (audioCtx, trackHref) {
|
||||
return (
|
||||
fetch(trackHref)
|
||||
.then(response => response.arrayBuffer())
|
||||
.then(arrayBuffer => audioCtx.decodeAudioData(arrayBuffer))
|
||||
.then(track => {
|
||||
const { b1, b2 } = buildOverlappingBuffers(audioCtx, track, 2);
|
||||
const gainNode = audioCtx.createGain();
|
||||
|
||||
const s1 = audioCtx.createBufferSource();
|
||||
s1.buffer = b1;
|
||||
s1.loop = true;
|
||||
s1.connect(gainNode);
|
||||
s1.start();
|
||||
|
||||
const s2 = audioCtx.createBufferSource();
|
||||
s2.buffer = b2;
|
||||
s2.loop = true;
|
||||
s2.connect(gainNode);
|
||||
s2.start(audioCtx.currentTime + 0.5);
|
||||
|
||||
return gainNode;
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
function setupAudioStuff (trackHrefs) {
|
||||
const audioCtx = new AudioContext();
|
||||
return (
|
||||
Promise.all(trackHrefs.map((trackHref, i) =>
|
||||
loadTrack(audioCtx, trackHref)
|
||||
.then((track) => {
|
||||
log.innerHTML += `* Track ${i}\n`;
|
||||
return track;
|
||||
})
|
||||
))
|
||||
.then(gains => {
|
||||
log.innerHTML += `All tracks received\n`;
|
||||
return {
|
||||
ctx: audioCtx,
|
||||
gains,
|
||||
};
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
function waitForEvent (target, eventKey, waitTime) {
|
||||
return new Promise((resolve, reject) => {
|
||||
const waitTimeout = setTimeout(() => reject(new Error(`${eventKey} didnt fire after ${waitTime}ms`)), waitTime);
|
||||
|
||||
target.addEventListener(eventKey, (e) => {
|
||||
clearTimeout(waitTimeout);
|
||||
resolve(e);
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
function setupGyroscope () {
|
||||
return (
|
||||
util.getGyroPermission()
|
||||
.then(response => {
|
||||
if (response !== "granted") {
|
||||
throw new Error("gyroscope permission denied");
|
||||
}
|
||||
|
||||
return waitForEvent(window, "deviceorientation", 10000);
|
||||
})
|
||||
);
|
||||
}
|
||||
|
||||
function setupCanvas () {
|
||||
const ctx = canvas.getContext("2d");
|
||||
const scale = Math.min(canvas.width, canvas.height) / 2;
|
||||
ctx.setTransform(
|
||||
scale, 0,
|
||||
0, -scale,
|
||||
canvas.width / 2, canvas.height / 2
|
||||
);
|
||||
|
||||
return ctx;
|
||||
}
|
||||
|
||||
function render (ctx, audio, rotH, rotV) {
|
||||
for (const gainNode of audio.gains) {
|
||||
gainNode.gain.value = 0;
|
||||
}
|
||||
|
||||
const rotVScaled = 1 - rotV / (Math.PI / 2);
|
||||
audio.gains[0].gain.value = rotVScaled < 0.75 ? 1 : 1 - (rotVScaled - 0.75) / 0.25;
|
||||
audio.gains[1].gain.value = gain(0, rotH, rotV);
|
||||
audio.gains[2].gain.value = gain(Math.PI / 2, rotH, rotV);
|
||||
audio.gains[3].gain.value = gain(Math.PI, rotH, rotV);
|
||||
audio.gains[4].gain.value = gain(Math.PI * (3 / 2), rotH, rotV);
|
||||
audio.gains[5].gain.value = rotVScaled < 0.75 ? 0 : (rotVScaled - 0.75) / 0.25;
|
||||
|
||||
ctx.clearRect(-1, -1, 2, 2);
|
||||
|
||||
ctx.strokeStyle = "red";
|
||||
drawRing(ctx, 0.8, (a) => gain(0, a, rotV));
|
||||
|
||||
ctx.strokeStyle = "blue";
|
||||
drawRing(ctx, 0.7, (a) => gain(Math.PI / 2, a, rotV));
|
||||
|
||||
ctx.strokeStyle = "green";
|
||||
drawRing(ctx, 0.8, (a) => gain(Math.PI, a, rotV));
|
||||
|
||||
ctx.strokeStyle = "orange";
|
||||
drawRing(ctx, 0.7, (a) => gain(Math.PI * (3 / 2), a, rotV));
|
||||
|
||||
ctx.strokeStyle = "black";
|
||||
ctx.beginPath();
|
||||
ctx.moveTo(0, 0);
|
||||
ctx.lineTo(Math.cos(rotH), Math.sin(rotH));
|
||||
ctx.stroke();
|
||||
|
||||
drawBar(ctx, -0.65, 0.8, 0.1, 0.2, "red", audio.gains[1].gain.value);
|
||||
drawBar(ctx, -0.25, 0.8, 0.1, 0.2, "blue", audio.gains[2].gain.value);
|
||||
drawBar(ctx, 0.15, 0.8, 0.1, 0.2, "green", audio.gains[3].gain.value);
|
||||
drawBar(ctx, 0.55, 0.8, 0.1, 0.2, "orange", audio.gains[4].gain.value);
|
||||
|
||||
drawBar(ctx, -0.25, -1, 0.1, 0.2, "lime", audio.gains[0].gain.value);
|
||||
drawBar(ctx, 0.15, -1, 0.1, 0.2, "grey", audio.gains[5].gain.value);
|
||||
}
|
||||
|
||||
function drawBar (ctx, x, y, w, h, color, value) {
|
||||
const hScaled = h * value;
|
||||
ctx.fillStyle = color;
|
||||
ctx.fillRect(x, y, w, hScaled);
|
||||
ctx.fillStyle = "black";
|
||||
ctx.fillRect(x, y + hScaled, w, h - hScaled);
|
||||
}
|
||||
|
||||
perm.addEventListener("click", e => {
|
||||
setupAudioStuff([
|
||||
"Track1Fade.mp3",
|
||||
"Track2Fade.mp3",
|
||||
"Track3Fade.mp3",
|
||||
"Track4Fade.mp3",
|
||||
"Track5Fade.mp3",
|
||||
"Track6Fade.mp3",
|
||||
])
|
||||
.then(audio => {
|
||||
log.innerHTML += "waiting for gyroscope permissions\n";
|
||||
return (
|
||||
setupGyroscope()
|
||||
.then(() => {
|
||||
return audio;
|
||||
})
|
||||
);
|
||||
})
|
||||
.then(audio => {
|
||||
document.body.dataset.state = "main";
|
||||
|
||||
for (const gainNode of audio.gains) {
|
||||
gainNode.connect(audio.ctx.destination);
|
||||
}
|
||||
|
||||
const ctx = setupCanvas();
|
||||
window.addEventListener("deviceorientation", e => {
|
||||
const alpha = util.deg2rad(e.alpha);
|
||||
const beta = util.deg2rad(e.beta);
|
||||
const gamma = util.deg2rad(e.gamma);
|
||||
|
||||
const [screenNormal, phi, theta] = util.toPolarCoordinates(alpha, beta, gamma);
|
||||
// "horizontal rotation": phi offset by 90 degrees.
|
||||
// rotH ∈ [-π, π]
|
||||
const rotH = phi - Math.PI / 2;
|
||||
// "vertical rotation": theta mirrored at xy plane.
|
||||
// rotV ∈ [0, π / 2]
|
||||
const rotV = Math.abs(theta - Math.PI / 2);
|
||||
|
||||
render(ctx, audio, rotH, rotV);
|
||||
});
|
||||
})
|
||||
.catch(err => {
|
||||
document.body.dataset.state = "error";
|
||||
error.innerHTML = err;
|
||||
});
|
||||
}, { once: true });
|
||||
})();
|
||||
63
gyro/m3.js
Normal file
63
gyro/m3.js
Normal file
@ -0,0 +1,63 @@
|
||||
const m3 = {
|
||||
xRotation: (phi) => {
|
||||
const c = Math.cos(phi), s = Math.sin(phi);
|
||||
return [
|
||||
1, 0, 0,
|
||||
0, c, -s,
|
||||
0, s, c
|
||||
];
|
||||
},
|
||||
yRotation: (phi) => {
|
||||
const c = Math.cos(phi), s = Math.sin(phi);
|
||||
return [
|
||||
c, 0, s,
|
||||
0, 1, 0,
|
||||
-s, 0, c
|
||||
];
|
||||
},
|
||||
zRotation: (phi) => {
|
||||
const c = Math.cos(phi), s = Math.sin(phi);
|
||||
return [
|
||||
c, -s, 0,
|
||||
s, c, 0,
|
||||
0, 0, 1
|
||||
];
|
||||
},
|
||||
add: (m1, m2) => [
|
||||
m1[0] + m2[0],
|
||||
m1[1] + m2[1],
|
||||
m1[2] + m2[2],
|
||||
m1[3] + m2[3],
|
||||
m1[4] + m2[4],
|
||||
m1[5] + m2[5],
|
||||
m1[6] + m2[6],
|
||||
m1[7] + m2[7],
|
||||
m1[8] + m2[8],
|
||||
],
|
||||
mul: (m1, m2) => [
|
||||
m1[0]*m2[0] + m1[1]*m2[3] + m1[2]*m2[6],
|
||||
m1[0]*m2[1] + m1[1]*m2[4] + m1[2]*m2[7],
|
||||
m1[0]*m2[2] + m1[1]*m2[5] + m1[2]*m2[8],
|
||||
m1[3]*m2[0] + m1[4]*m2[3] + m1[5]*m2[6],
|
||||
m1[3]*m2[1] + m1[4]*m2[4] + m1[5]*m2[7],
|
||||
m1[3]*m2[2] + m1[4]*m2[5] + m1[5]*m2[8],
|
||||
m1[6]*m2[0] + m1[7]*m2[3] + m1[8]*m2[6],
|
||||
m1[6]*m2[1] + m1[7]*m2[4] + m1[8]*m2[7],
|
||||
m1[6]*m2[2] + m1[7]*m2[5] + m1[8]*m2[8],
|
||||
],
|
||||
mulV: (m, v) => [
|
||||
m[0]*v[0] + m[1]*v[1] + m[2]*v[2],
|
||||
m[3]*v[0] + m[4]*v[1] + m[5]*v[2],
|
||||
m[6]*v[0] + m[7]*v[1] + m[8]*v[2]
|
||||
],
|
||||
eq: (m1, m2) =>
|
||||
m1[0] === m2[0] &&
|
||||
m1[1] === m2[1] &&
|
||||
m1[2] === m2[2] &&
|
||||
m1[3] === m2[3] &&
|
||||
m1[4] === m2[4] &&
|
||||
m1[5] === m2[5] &&
|
||||
m1[6] === m2[6] &&
|
||||
m1[7] === m2[7] &&
|
||||
m1[8] === m2[8],
|
||||
};
|
||||
34
gyro/util.js
Normal file
34
gyro/util.js
Normal file
@ -0,0 +1,34 @@
|
||||
const util = {
|
||||
getGyroPermission: () => {
|
||||
if(!DeviceOrientationEvent.requestPermission) {
|
||||
return Promise.resolve("granted")
|
||||
} else{
|
||||
return DeviceOrientationEvent.requestPermission()
|
||||
}
|
||||
},
|
||||
round: (x, decimalPlaces) =>
|
||||
Math.round(x * Math.pow(10, decimalPlaces)) / Math.pow(10, decimalPlaces),
|
||||
// parameters in radians
|
||||
// return values in radians
|
||||
toPolarCoordinates: (alpha, beta, gamma) => {
|
||||
const rz = m3.zRotation(alpha);
|
||||
const rx = m3.xRotation(beta);
|
||||
const ry = m3.yRotation(gamma);
|
||||
|
||||
const rot = m3.mul(rz, m3.mul(rx, ry));
|
||||
|
||||
const screenNormal = m3.mulV(rot, [0, 0, 1]);
|
||||
|
||||
const phi = Math.atan2(screenNormal[1], screenNormal[0]);
|
||||
const r = v3.norm2(screenNormal);
|
||||
// theta ∈ [0, π]
|
||||
// where 0 is lying flat and π is upside down
|
||||
const theta = Math.acos(screenNormal[2] / r);
|
||||
|
||||
return [screenNormal, phi, theta];
|
||||
},
|
||||
rgb: (r, g, b) => `rgb(${255 * r}, ${255 * g}, ${255 * b})`,
|
||||
rgba: (r, g, b, a) => `rgb(${255 * r}, ${255 * g}, ${255 * b}, ${a})`,
|
||||
deg2rad: (deg) => deg / 180 * Math.PI,
|
||||
diffAngles: (a, b) => Math.atan2(Math.sin(b - a), Math.cos(b - a)),
|
||||
};
|
||||
18
gyro/v3.js
Normal file
18
gyro/v3.js
Normal file
@ -0,0 +1,18 @@
|
||||
const v3 = {
|
||||
add: (v1, v2) => [
|
||||
v1[0] + v2[0],
|
||||
v1[1] + v2[2],
|
||||
v1[2] + v2[2],
|
||||
],
|
||||
subtract: (v1, v2) => [
|
||||
v1[0] - v2[0],
|
||||
v1[1] - v2[2],
|
||||
v1[2] - v2[2],
|
||||
],
|
||||
norm2: (v) =>
|
||||
Math.sqrt(
|
||||
v[0] * v[0] +
|
||||
v[1] * v[1] +
|
||||
v[2] * v[2]
|
||||
),
|
||||
};
|
||||
Loading…
x
Reference in New Issue
Block a user