]>
git.r.bdr.sh - rbdr/lissajous/blob - lib/systems/phase_adjuster.js
1 import { System
} from '@serpentity/serpentity';
2 import Phased
from '../nodes/phased';
3 import { settingsContainer
, slider
} from '../factories/ui';
14 * UI that adjusts the phase of any compatible object
16 export default class PhaseAdjuster
extends System
{
18 constructor(container
) {
21 this.container
= container
;
26 this.nodes
= engine
.getNodes(Phased
);
27 this.adjusterContainer
= settingsContainer({
33 for (const node
of this.nodes
) {
34 const nodeElement
= settingsContainer({
35 id: `phase-adjuster-${i}`,
40 ['a', 'b', 'c'].forEach(key
=> {
41 nodeElement
.appendChild(slider({
42 id: `phase-adjuster-${i}-slider-${key}`,
44 max: Math
.PI
.toString(),
46 shiftStep: (Math
.PI
/ 8).toString(),
47 label: internals
.symbols
[key
],
49 get: () => node
.phase
[key
].toString(),
50 set: (value
) => (node
.phase
[key
] = parseFloat(value
))
54 this.adjusterContainer
.appendChild(nodeElement
);
58 this.container
.appendChild(this.adjusterContainer
);
63 this.container
.removeChild(this.adjusterContainer
);
64 delete this.adjusterContainer
;