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
|
import { System } from '@serpentity/serpentity';
import Cameras from '../nodes/cameras';
import { settingsContainer, slider } from '../factories/ui';
const internals = {
symbols: {
x: '𝜃',
y: '𝜓',
z: '𝜙'
}
};
export default class CameraAdjuster extends System {
constructor(container) {
super();
this.container = container;
}
added(engine){
this.nodes = engine.getNodes(Cameras);
this.adjusterContainer = settingsContainer({
id: 'camera-adjuster',
label: 'Camera'
})
let i = 0;
for (const node of this.nodes) {
const nodeElement = settingsContainer({
id: `camera-adjuster-${i}`,
label: `C${i + 1}`,
level: 3
});
nodeElement.appendChild(slider({
min: '2',
max: '10',
step: '0.1',
label: '𝑟',
className: 'radius',
get: () => node.radius.radius.toString(),
set: (value) => (node.radius.radius = parseFloat(value))
}));
['x', 'y', 'z'].forEach(key => {
nodeElement.appendChild(slider({
min: '0',
max: '0.5',
step: '0.001',
label: internals.symbols[key],
className: `rotation-${key}`,
get: () => node.velocity[key].toString(),
set: (value) => (node.velocity[key] = parseFloat(value))
}));
});
this.adjusterContainer.appendChild(nodeElement);
++i;
}
this.container.appendChild(this.adjusterContainer);
}
removed(){
this.container.removeChild(this.adjusterContainer);
delete this.adjusterContainer;
delete this.nodes;
}
update(){}
};
|
