Repository navigation
Expand file tree
/
Copy pathscript.js
More file actions
77 lines (74 loc) · 2.63 KB
/
Copy pathscript.js
File metadata and controls
77 lines (74 loc) · 2.63 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
import { KerrNewmanBlackHole } from "./BlackHoleNumerics.js";
import Camera from "./Camera.js";
import Vector3f from "./gl/Vector3f.js";
import InputHandler from "./InputHandler.js";
import Renderer from "./Renderer.js";
import FpsCounter from "./ui/FpsCounter.js";
import OptionsMenu from "./ui/OptionsMenu.js";
(async()=>{
const canvas = document.body.querySelector("canvas");
const inputHandler = new InputHandler(canvas);
const fpsCounter = new FpsCounter();
const optionsMenu = new OptionsMenu();
document.body.appendChild(fpsCounter);
document.body.appendChild(optionsMenu);
canvas.addEventListener("click",e=>{
inputHandler.requestPointerLock();
});
inputHandler.onPointerLock(()=>{
optionsMenu.hidden = true;
});
inputHandler.onExitPointerLock(()=>{
optionsMenu.hidden = false;
});
optionsMenu.mass = 0.25;
optionsMenu.accretionDiskEnabled = true;
optionsMenu.accretionDiskWidth = 1;
optionsMenu.accretionDiskHeight = 1;
optionsMenu.steps = 250;
optionsMenu.stepSize = 1;
optionsMenu.teapotPosition = "hidden";
const renderer = new Renderer(canvas);
const blackHole = new KerrNewmanBlackHole(new Vector3f(2,0,15));
optionsMenu.onMassChange(mass=>{
blackHole.mass = mass;
});
optionsMenu.onAccretionDiskStatusChange(enabled=>{
renderer.accretionDiskEnabled = enabled;
});
optionsMenu.onAccretionDiskWidthChange(width=>{
renderer.accretionDiskWidth = width;
});
optionsMenu.onAccretionDiskHeightChange(height=>{
renderer.accretionDiskHeight = height;
});
optionsMenu.onStepsChange(steps=>{
renderer.steps = steps;
});
optionsMenu.onStepSizeChange(stepSize=>{
renderer.stepSize = stepSize;
});
optionsMenu.onTeapotPositionChange(teapotPosition=>{
renderer.teapotPosition = teapotPosition;
});
const camera = new Camera(inputHandler);
camera.position.z = 12;
camera.position.y = 0.25;
camera.position.x = 1;
//camera._rotation.rotateExp(0,0,Math.PI/2);
let prevT;
let inGameTime = 0; // time this script has been running in seconds, not counting times when execution was paused by being in another tab etc.
while (true){
// waits for the next repaint of the browser window - JS equivalent of vsync, basically.
let t = await new Promise(requestAnimationFrame);//await new Promise(resolve=>setTimeout(()=>resolve(Date.now()),5));
/** time since the last frame in seconds, capped at 0.25. */
let deltaT = Math.min(0.25,(prevT?t-prevT:0)/1000);
prevT = t;
inGameTime += deltaT;
camera.update(deltaT);
optionsMenu.currentDistance = camera.position.distanceTo(blackHole.position);
renderer.resize(window.innerWidth,window.innerHeight);
renderer.render(camera,blackHole,inGameTime);
fpsCounter.update();
}
})();