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