@guinetik/gcanvas 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/workflows/release.yaml +70 -0
- package/.jshintrc +4 -0
- package/.vscode/settings.json +22 -0
- package/CLAUDE.md +310 -0
- package/blackhole.jpg +0 -0
- package/demo.png +0 -0
- package/demos/CNAME +1 -0
- package/demos/animations.html +31 -0
- package/demos/basic.html +38 -0
- package/demos/baskara.html +31 -0
- package/demos/bezier.html +35 -0
- package/demos/beziersignature.html +29 -0
- package/demos/blackhole.html +28 -0
- package/demos/blob.html +35 -0
- package/demos/demos.css +289 -0
- package/demos/easing.html +28 -0
- package/demos/events.html +195 -0
- package/demos/fluent.html +647 -0
- package/demos/fractals.html +36 -0
- package/demos/genart.html +26 -0
- package/demos/gendream.html +26 -0
- package/demos/group.html +36 -0
- package/demos/home.html +587 -0
- package/demos/index.html +364 -0
- package/demos/isometric.html +34 -0
- package/demos/js/animations.js +452 -0
- package/demos/js/basic.js +204 -0
- package/demos/js/baskara.js +751 -0
- package/demos/js/bezier.js +692 -0
- package/demos/js/beziersignature.js +241 -0
- package/demos/js/blackhole/accretiondisk.obj.js +379 -0
- package/demos/js/blackhole/blackhole.obj.js +318 -0
- package/demos/js/blackhole/index.js +409 -0
- package/demos/js/blackhole/particle.js +56 -0
- package/demos/js/blackhole/starfield.obj.js +218 -0
- package/demos/js/blob.js +2263 -0
- package/demos/js/easing.js +477 -0
- package/demos/js/fluent.js +183 -0
- package/demos/js/fractals.js +931 -0
- package/demos/js/fractalworker.js +93 -0
- package/demos/js/genart.js +268 -0
- package/demos/js/gendream.js +209 -0
- package/demos/js/group.js +140 -0
- package/demos/js/info-toggle.js +25 -0
- package/demos/js/isometric.js +863 -0
- package/demos/js/kerr.js +1556 -0
- package/demos/js/lavalamp.js +590 -0
- package/demos/js/layout.js +354 -0
- package/demos/js/mondrian.js +285 -0
- package/demos/js/opacity.js +275 -0
- package/demos/js/painter.js +484 -0
- package/demos/js/particles-showcase.js +514 -0
- package/demos/js/particles.js +299 -0
- package/demos/js/patterns.js +397 -0
- package/demos/js/penrose/artifact.js +69 -0
- package/demos/js/penrose/blackhole.js +121 -0
- package/demos/js/penrose/constants.js +73 -0
- package/demos/js/penrose/game.js +943 -0
- package/demos/js/penrose/lore.js +278 -0
- package/demos/js/penrose/penrosescene.js +892 -0
- package/demos/js/penrose/ship.js +216 -0
- package/demos/js/penrose/sounds.js +211 -0
- package/demos/js/penrose/voidparticle.js +55 -0
- package/demos/js/penrose/voidscene.js +258 -0
- package/demos/js/penrose/voidship.js +144 -0
- package/demos/js/penrose/wormhole.js +46 -0
- package/demos/js/pipeline.js +555 -0
- package/demos/js/scene.js +304 -0
- package/demos/js/scenes.js +320 -0
- package/demos/js/schrodinger.js +410 -0
- package/demos/js/schwarzschild.js +1023 -0
- package/demos/js/shapes.js +628 -0
- package/demos/js/space/alien.js +171 -0
- package/demos/js/space/boom.js +98 -0
- package/demos/js/space/boss.js +353 -0
- package/demos/js/space/buff.js +73 -0
- package/demos/js/space/bullet.js +102 -0
- package/demos/js/space/constants.js +85 -0
- package/demos/js/space/game.js +1884 -0
- package/demos/js/space/hud.js +112 -0
- package/demos/js/space/laserbeam.js +179 -0
- package/demos/js/space/lightning.js +277 -0
- package/demos/js/space/minion.js +192 -0
- package/demos/js/space/missile.js +212 -0
- package/demos/js/space/player.js +430 -0
- package/demos/js/space/powerup.js +90 -0
- package/demos/js/space/starfield.js +58 -0
- package/demos/js/space/starpower.js +90 -0
- package/demos/js/spacetime.js +559 -0
- package/demos/js/svgtween.js +204 -0
- package/demos/js/tde/accretiondisk.js +418 -0
- package/demos/js/tde/blackhole.js +219 -0
- package/demos/js/tde/blackholescene.js +209 -0
- package/demos/js/tde/config.js +59 -0
- package/demos/js/tde/index.js +695 -0
- package/demos/js/tde/jets.js +290 -0
- package/demos/js/tde/lensedstarfield.js +147 -0
- package/demos/js/tde/tdestar.js +317 -0
- package/demos/js/tde/tidalstream.js +356 -0
- package/demos/js/tde_old/blackhole.obj.js +354 -0
- package/demos/js/tde_old/debris.obj.js +791 -0
- package/demos/js/tde_old/flare.obj.js +239 -0
- package/demos/js/tde_old/index.js +448 -0
- package/demos/js/tde_old/star.obj.js +812 -0
- package/demos/js/tiles.js +312 -0
- package/demos/js/tweendemo.js +79 -0
- package/demos/js/visibility.js +102 -0
- package/demos/kerr.html +28 -0
- package/demos/lavalamp.html +27 -0
- package/demos/layouts.html +37 -0
- package/demos/logo.svg +4 -0
- package/demos/loop.html +84 -0
- package/demos/mondrian.html +32 -0
- package/demos/og_image.png +0 -0
- package/demos/opacity.html +36 -0
- package/demos/painter.html +39 -0
- package/demos/particles-showcase.html +28 -0
- package/demos/particles.html +24 -0
- package/demos/patterns.html +33 -0
- package/demos/penrose-game.html +31 -0
- package/demos/pipeline.html +737 -0
- package/demos/scene.html +33 -0
- package/demos/scenes.html +96 -0
- package/demos/schrodinger.html +27 -0
- package/demos/schwarzschild.html +27 -0
- package/demos/shapes.html +16 -0
- package/demos/space.html +85 -0
- package/demos/spacetime.html +27 -0
- package/demos/svgtween.html +29 -0
- package/demos/tde.html +28 -0
- package/demos/tiles.html +28 -0
- package/demos/transforms.html +400 -0
- package/demos/tween.html +45 -0
- package/demos/visibility.html +33 -0
- package/disk_example.png +0 -0
- package/docs/README.md +222 -0
- package/docs/concepts/architecture-overview.md +204 -0
- package/docs/concepts/lifecycle.md +255 -0
- package/docs/concepts/rendering-pipeline.md +279 -0
- package/docs/concepts/tde-zorder.md +106 -0
- package/docs/concepts/two-layer-architecture.md +229 -0
- package/docs/getting-started/first-game.md +354 -0
- package/docs/getting-started/hello-world.md +269 -0
- package/docs/getting-started/installation.md +157 -0
- package/docs/modules/collision/README.md +453 -0
- package/docs/modules/fluent/README.md +1075 -0
- package/docs/modules/game/README.md +303 -0
- package/docs/modules/isometric-camera.md +210 -0
- package/docs/modules/isometric.md +275 -0
- package/docs/modules/painter/README.md +328 -0
- package/docs/modules/particle/README.md +559 -0
- package/docs/modules/shapes/README.md +221 -0
- package/docs/modules/shapes/base/euclidian.md +123 -0
- package/docs/modules/shapes/base/geometry2d.md +204 -0
- package/docs/modules/shapes/base/renderable.md +215 -0
- package/docs/modules/shapes/base/shape.md +262 -0
- package/docs/modules/shapes/base/transformable.md +243 -0
- package/docs/modules/shapes/hierarchy.md +218 -0
- package/docs/modules/state/README.md +577 -0
- package/docs/modules/util/README.md +99 -0
- package/docs/modules/util/camera3d.md +412 -0
- package/docs/modules/util/scene3d.md +395 -0
- package/index.html +17 -0
- package/jsdoc.json +50 -0
- package/package.json +55 -0
- package/readme.md +599 -0
- package/scripts/build-demo.js +69 -0
- package/scripts/bundle4llm.js +276 -0
- package/scripts/clearconsole.js +48 -0
- package/src/collision/collision-system.js +332 -0
- package/src/collision/collision.js +303 -0
- package/src/collision/index.js +10 -0
- package/src/fluent/fluent-game.js +430 -0
- package/src/fluent/fluent-go.js +1060 -0
- package/src/fluent/fluent-layer.js +152 -0
- package/src/fluent/fluent-scene.js +291 -0
- package/src/fluent/index.js +98 -0
- package/src/fluent/sketch.js +380 -0
- package/src/game/game.js +467 -0
- package/src/game/index.js +49 -0
- package/src/game/objects/go.js +220 -0
- package/src/game/objects/imagego.js +30 -0
- package/src/game/objects/index.js +54 -0
- package/src/game/objects/isometric-scene.js +260 -0
- package/src/game/objects/layoutscene.js +549 -0
- package/src/game/objects/scene.js +175 -0
- package/src/game/objects/scene3d.js +118 -0
- package/src/game/objects/text.js +221 -0
- package/src/game/objects/wrapper.js +232 -0
- package/src/game/pipeline.js +243 -0
- package/src/game/ui/button.js +396 -0
- package/src/game/ui/cursor.js +93 -0
- package/src/game/ui/fps.js +91 -0
- package/src/game/ui/index.js +5 -0
- package/src/game/ui/togglebutton.js +93 -0
- package/src/game/ui/tooltip.js +249 -0
- package/src/index.js +25 -0
- package/src/io/events.js +20 -0
- package/src/io/index.js +86 -0
- package/src/io/input.js +70 -0
- package/src/io/keys.js +152 -0
- package/src/io/mouse.js +61 -0
- package/src/io/touch.js +39 -0
- package/src/logger/debugtab.js +138 -0
- package/src/logger/index.js +3 -0
- package/src/logger/loggable.js +47 -0
- package/src/logger/logger.js +113 -0
- package/src/math/complex.js +37 -0
- package/src/math/constants.js +1 -0
- package/src/math/fractal.js +1271 -0
- package/src/math/gr.js +201 -0
- package/src/math/heat.js +202 -0
- package/src/math/index.js +12 -0
- package/src/math/noise.js +433 -0
- package/src/math/orbital.js +191 -0
- package/src/math/patterns.js +1339 -0
- package/src/math/penrose.js +259 -0
- package/src/math/quantum.js +115 -0
- package/src/math/random.js +195 -0
- package/src/math/tensor.js +1009 -0
- package/src/mixins/anchor.js +131 -0
- package/src/mixins/draggable.js +72 -0
- package/src/mixins/index.js +2 -0
- package/src/motion/bezier.js +132 -0
- package/src/motion/bounce.js +58 -0
- package/src/motion/easing.js +349 -0
- package/src/motion/float.js +130 -0
- package/src/motion/follow.js +125 -0
- package/src/motion/hop.js +52 -0
- package/src/motion/index.js +82 -0
- package/src/motion/motion.js +1124 -0
- package/src/motion/orbit.js +49 -0
- package/src/motion/oscillate.js +39 -0
- package/src/motion/parabolic.js +141 -0
- package/src/motion/patrol.js +147 -0
- package/src/motion/pendulum.js +48 -0
- package/src/motion/pulse.js +88 -0
- package/src/motion/shake.js +83 -0
- package/src/motion/spiral.js +144 -0
- package/src/motion/spring.js +150 -0
- package/src/motion/swing.js +47 -0
- package/src/motion/tween.js +92 -0
- package/src/motion/tweenetik.js +139 -0
- package/src/motion/waypoint.js +210 -0
- package/src/painter/index.js +8 -0
- package/src/painter/painter.colors.js +331 -0
- package/src/painter/painter.effects.js +230 -0
- package/src/painter/painter.img.js +229 -0
- package/src/painter/painter.js +295 -0
- package/src/painter/painter.lines.js +189 -0
- package/src/painter/painter.opacity.js +41 -0
- package/src/painter/painter.shapes.js +277 -0
- package/src/painter/painter.text.js +273 -0
- package/src/particle/emitter.js +124 -0
- package/src/particle/index.js +11 -0
- package/src/particle/particle-system.js +322 -0
- package/src/particle/particle.js +71 -0
- package/src/particle/updaters.js +170 -0
- package/src/shapes/arc.js +43 -0
- package/src/shapes/arrow.js +33 -0
- package/src/shapes/bezier.js +42 -0
- package/src/shapes/circle.js +62 -0
- package/src/shapes/clouds.js +56 -0
- package/src/shapes/cone.js +219 -0
- package/src/shapes/cross.js +70 -0
- package/src/shapes/cube.js +244 -0
- package/src/shapes/cylinder.js +254 -0
- package/src/shapes/diamond.js +48 -0
- package/src/shapes/euclidian.js +111 -0
- package/src/shapes/figure.js +115 -0
- package/src/shapes/geometry.js +220 -0
- package/src/shapes/group.js +375 -0
- package/src/shapes/heart.js +42 -0
- package/src/shapes/hexagon.js +26 -0
- package/src/shapes/image.js +192 -0
- package/src/shapes/index.js +111 -0
- package/src/shapes/line.js +29 -0
- package/src/shapes/pattern.js +90 -0
- package/src/shapes/pin.js +44 -0
- package/src/shapes/poly.js +31 -0
- package/src/shapes/prism.js +226 -0
- package/src/shapes/rect.js +35 -0
- package/src/shapes/renderable.js +333 -0
- package/src/shapes/ring.js +26 -0
- package/src/shapes/roundrect.js +95 -0
- package/src/shapes/shape.js +117 -0
- package/src/shapes/slice.js +26 -0
- package/src/shapes/sphere.js +314 -0
- package/src/shapes/sphere3d.js +537 -0
- package/src/shapes/square.js +15 -0
- package/src/shapes/star.js +99 -0
- package/src/shapes/svg.js +408 -0
- package/src/shapes/text.js +553 -0
- package/src/shapes/traceable.js +83 -0
- package/src/shapes/transform.js +357 -0
- package/src/shapes/transformable.js +172 -0
- package/src/shapes/triangle.js +26 -0
- package/src/sound/index.js +17 -0
- package/src/sound/sound.js +473 -0
- package/src/sound/synth.analyzer.js +149 -0
- package/src/sound/synth.effects.js +207 -0
- package/src/sound/synth.envelope.js +59 -0
- package/src/sound/synth.js +229 -0
- package/src/sound/synth.musical.js +160 -0
- package/src/sound/synth.noise.js +85 -0
- package/src/sound/synth.oscillators.js +293 -0
- package/src/state/index.js +10 -0
- package/src/state/state-machine.js +371 -0
- package/src/util/camera3d.js +438 -0
- package/src/util/index.js +6 -0
- package/src/util/isometric-camera.js +235 -0
- package/src/util/layout.js +317 -0
- package/src/util/position.js +147 -0
- package/src/util/tasks.js +47 -0
- package/src/util/zindex.js +287 -0
- package/src/webgl/index.js +9 -0
- package/src/webgl/shaders/sphere-shaders.js +994 -0
- package/src/webgl/webgl-renderer.js +388 -0
- package/tde.png +0 -0
- package/test/math/orbital.test.js +61 -0
- package/test/math/tensor.test.js +114 -0
- package/test/particle/emitter.test.js +204 -0
- package/test/particle/particle-system.test.js +310 -0
- package/test/particle/particle.test.js +116 -0
- package/test/particle/updaters.test.js +386 -0
- package/test/setup.js +120 -0
- package/test/shapes/euclidian.test.js +44 -0
- package/test/shapes/geometry.test.js +86 -0
- package/test/shapes/group.test.js +86 -0
- package/test/shapes/rectangle.test.js +64 -0
- package/test/shapes/transform.test.js +379 -0
- package/test/util/camera3d.test.js +428 -0
- package/test/util/scene3d.test.js +352 -0
- package/types/collision.d.ts +249 -0
- package/types/common.d.ts +155 -0
- package/types/game.d.ts +497 -0
- package/types/index.d.ts +309 -0
- package/types/io.d.ts +188 -0
- package/types/logger.d.ts +127 -0
- package/types/math.d.ts +268 -0
- package/types/mixins.d.ts +92 -0
- package/types/motion.d.ts +678 -0
- package/types/painter.d.ts +378 -0
- package/types/shapes.d.ts +864 -0
- package/types/sound.d.ts +672 -0
- package/types/state.d.ts +251 -0
- package/types/util.d.ts +253 -0
- package/vite.config.js +50 -0
- package/vitest.config.js +13 -0
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SynthNoise - Noise generators for textures and effects
|
|
3
|
+
* @module sound/synth.noise
|
|
4
|
+
*/
|
|
5
|
+
export class SynthNoise {
|
|
6
|
+
/**
|
|
7
|
+
* Create white noise buffer source
|
|
8
|
+
* @param {AudioContext} ctx - Audio context
|
|
9
|
+
* @param {number} duration - Duration in seconds
|
|
10
|
+
* @returns {AudioBufferSourceNode} Buffer source node
|
|
11
|
+
*/
|
|
12
|
+
static white(ctx, duration) {
|
|
13
|
+
const bufferSize = ctx.sampleRate * duration;
|
|
14
|
+
const buffer = ctx.createBuffer(1, bufferSize, ctx.sampleRate);
|
|
15
|
+
const data = buffer.getChannelData(0);
|
|
16
|
+
|
|
17
|
+
for (let i = 0; i < bufferSize; i++) {
|
|
18
|
+
data[i] = Math.random() * 2 - 1;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
const source = ctx.createBufferSource();
|
|
22
|
+
source.buffer = buffer;
|
|
23
|
+
return source;
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Create pink noise buffer source (1/f noise)
|
|
28
|
+
* @param {AudioContext} ctx - Audio context
|
|
29
|
+
* @param {number} duration - Duration in seconds
|
|
30
|
+
* @returns {AudioBufferSourceNode} Buffer source node
|
|
31
|
+
*/
|
|
32
|
+
static pink(ctx, duration) {
|
|
33
|
+
const bufferSize = ctx.sampleRate * duration;
|
|
34
|
+
const buffer = ctx.createBuffer(1, bufferSize, ctx.sampleRate);
|
|
35
|
+
const data = buffer.getChannelData(0);
|
|
36
|
+
|
|
37
|
+
let b0 = 0,
|
|
38
|
+
b1 = 0,
|
|
39
|
+
b2 = 0,
|
|
40
|
+
b3 = 0,
|
|
41
|
+
b4 = 0,
|
|
42
|
+
b5 = 0,
|
|
43
|
+
b6 = 0;
|
|
44
|
+
|
|
45
|
+
for (let i = 0; i < bufferSize; i++) {
|
|
46
|
+
const white = Math.random() * 2 - 1;
|
|
47
|
+
b0 = 0.99886 * b0 + white * 0.0555179;
|
|
48
|
+
b1 = 0.99332 * b1 + white * 0.0750759;
|
|
49
|
+
b2 = 0.969 * b2 + white * 0.153852;
|
|
50
|
+
b3 = 0.8665 * b3 + white * 0.3104856;
|
|
51
|
+
b4 = 0.55 * b4 + white * 0.5329522;
|
|
52
|
+
b5 = -0.7616 * b5 - white * 0.016898;
|
|
53
|
+
data[i] = (b0 + b1 + b2 + b3 + b4 + b5 + b6 + white * 0.5362) * 0.11;
|
|
54
|
+
b6 = white * 0.115926;
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
const source = ctx.createBufferSource();
|
|
58
|
+
source.buffer = buffer;
|
|
59
|
+
return source;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* Create brown noise buffer source (Brownian/random walk)
|
|
64
|
+
* @param {AudioContext} ctx - Audio context
|
|
65
|
+
* @param {number} duration - Duration in seconds
|
|
66
|
+
* @returns {AudioBufferSourceNode} Buffer source node
|
|
67
|
+
*/
|
|
68
|
+
static brown(ctx, duration) {
|
|
69
|
+
const bufferSize = ctx.sampleRate * duration;
|
|
70
|
+
const buffer = ctx.createBuffer(1, bufferSize, ctx.sampleRate);
|
|
71
|
+
const data = buffer.getChannelData(0);
|
|
72
|
+
|
|
73
|
+
let lastOut = 0;
|
|
74
|
+
for (let i = 0; i < bufferSize; i++) {
|
|
75
|
+
const white = Math.random() * 2 - 1;
|
|
76
|
+
data[i] = (lastOut + 0.02 * white) / 1.02;
|
|
77
|
+
lastOut = data[i];
|
|
78
|
+
data[i] *= 3.5;
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
const source = ctx.createBufferSource();
|
|
82
|
+
source.buffer = buffer;
|
|
83
|
+
return source;
|
|
84
|
+
}
|
|
85
|
+
}
|
|
@@ -0,0 +1,293 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* SynthOscillators - Oscillator generation and management
|
|
3
|
+
* @module sound/synth.oscillators
|
|
4
|
+
*/
|
|
5
|
+
import { SynthEnvelope } from "./synth.envelope.js";
|
|
6
|
+
|
|
7
|
+
export class SynthOscillators {
|
|
8
|
+
static #_ctx = null;
|
|
9
|
+
static #_output = null;
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Initialize the oscillators module
|
|
13
|
+
* @param {AudioContext} ctx - Audio context
|
|
14
|
+
* @param {AudioNode} output - Output node
|
|
15
|
+
*/
|
|
16
|
+
static init(ctx, output) {
|
|
17
|
+
this.#_ctx = ctx;
|
|
18
|
+
this.#_output = output;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Get the audio context
|
|
23
|
+
* @returns {AudioContext}
|
|
24
|
+
*/
|
|
25
|
+
static get ctx() {
|
|
26
|
+
return this.#_ctx;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
/**
|
|
30
|
+
* Get current audio time
|
|
31
|
+
* @returns {number}
|
|
32
|
+
*/
|
|
33
|
+
static get now() {
|
|
34
|
+
return this.#_ctx.currentTime;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* Play a simple tone
|
|
39
|
+
* @param {number} frequency - Frequency in Hz
|
|
40
|
+
* @param {number} duration - Duration in seconds
|
|
41
|
+
* @param {Object} options - Tone options
|
|
42
|
+
* @returns {OscillatorNode} The created oscillator
|
|
43
|
+
*/
|
|
44
|
+
static tone(frequency, duration, options = {}) {
|
|
45
|
+
const {
|
|
46
|
+
type = "sine",
|
|
47
|
+
volume = 0.5,
|
|
48
|
+
attack = 0.01,
|
|
49
|
+
decay = 0.1,
|
|
50
|
+
sustain = 0.7,
|
|
51
|
+
release = 0.2,
|
|
52
|
+
detune = 0,
|
|
53
|
+
startTime = this.#_ctx.currentTime,
|
|
54
|
+
} = options;
|
|
55
|
+
|
|
56
|
+
const osc = this.#_ctx.createOscillator();
|
|
57
|
+
const gain = this.#_ctx.createGain();
|
|
58
|
+
|
|
59
|
+
osc.type = type;
|
|
60
|
+
osc.frequency.setValueAtTime(frequency, startTime);
|
|
61
|
+
osc.detune.setValueAtTime(detune, startTime);
|
|
62
|
+
|
|
63
|
+
// Apply ADSR envelope
|
|
64
|
+
SynthEnvelope.applyADSR(gain.gain, {
|
|
65
|
+
attack,
|
|
66
|
+
decay,
|
|
67
|
+
sustain,
|
|
68
|
+
release,
|
|
69
|
+
startTime,
|
|
70
|
+
duration,
|
|
71
|
+
peakVolume: volume,
|
|
72
|
+
});
|
|
73
|
+
|
|
74
|
+
osc.connect(gain);
|
|
75
|
+
gain.connect(this.#_output);
|
|
76
|
+
|
|
77
|
+
osc.start(startTime);
|
|
78
|
+
osc.stop(startTime + duration + release);
|
|
79
|
+
|
|
80
|
+
return osc;
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/**
|
|
84
|
+
* Create a continuous oscillator (for real-time control)
|
|
85
|
+
* @param {Object} options - Oscillator options
|
|
86
|
+
* @returns {Object} Controller object with frequency, volume, stop methods
|
|
87
|
+
*/
|
|
88
|
+
static continuous(options = {}) {
|
|
89
|
+
const { type = "sine", frequency = 440, volume = 0.5 } = options;
|
|
90
|
+
|
|
91
|
+
const osc = this.#_ctx.createOscillator();
|
|
92
|
+
const gain = this.#_ctx.createGain();
|
|
93
|
+
|
|
94
|
+
osc.type = type;
|
|
95
|
+
osc.frequency.value = frequency;
|
|
96
|
+
gain.gain.value = volume;
|
|
97
|
+
|
|
98
|
+
osc.connect(gain);
|
|
99
|
+
gain.connect(this.#_output);
|
|
100
|
+
osc.start();
|
|
101
|
+
|
|
102
|
+
const ctx = this.#_ctx;
|
|
103
|
+
|
|
104
|
+
return {
|
|
105
|
+
osc,
|
|
106
|
+
gain,
|
|
107
|
+
setFrequency: (f, ramp = 0) => {
|
|
108
|
+
if (ramp > 0) {
|
|
109
|
+
osc.frequency.linearRampToValueAtTime(f, ctx.currentTime + ramp);
|
|
110
|
+
} else {
|
|
111
|
+
osc.frequency.setValueAtTime(f, ctx.currentTime);
|
|
112
|
+
}
|
|
113
|
+
},
|
|
114
|
+
setVolume: (v, ramp = 0) => {
|
|
115
|
+
if (ramp > 0) {
|
|
116
|
+
gain.gain.linearRampToValueAtTime(v, ctx.currentTime + ramp);
|
|
117
|
+
} else {
|
|
118
|
+
gain.gain.setValueAtTime(v, ctx.currentTime);
|
|
119
|
+
}
|
|
120
|
+
},
|
|
121
|
+
stop: (time = 0) => {
|
|
122
|
+
if (time > 0) {
|
|
123
|
+
gain.gain.linearRampToValueAtTime(0, ctx.currentTime + time);
|
|
124
|
+
osc.stop(ctx.currentTime + time + 0.01);
|
|
125
|
+
} else {
|
|
126
|
+
osc.stop();
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
};
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
/**
|
|
133
|
+
* FM Synthesis - Frequency modulation for rich timbres
|
|
134
|
+
* @param {number} carrierFreq - Carrier frequency
|
|
135
|
+
* @param {number} modFreq - Modulator frequency
|
|
136
|
+
* @param {number} modDepth - Modulation depth
|
|
137
|
+
* @param {number} duration - Duration in seconds
|
|
138
|
+
* @param {Object} options - Additional options
|
|
139
|
+
* @returns {Object} Carrier and modulator oscillators
|
|
140
|
+
*/
|
|
141
|
+
static fm(carrierFreq, modFreq, modDepth, duration, options = {}) {
|
|
142
|
+
const { volume = 0.5, startTime = this.#_ctx.currentTime } = options;
|
|
143
|
+
|
|
144
|
+
const carrier = this.#_ctx.createOscillator();
|
|
145
|
+
const modulator = this.#_ctx.createOscillator();
|
|
146
|
+
const modGain = this.#_ctx.createGain();
|
|
147
|
+
const outputGain = this.#_ctx.createGain();
|
|
148
|
+
|
|
149
|
+
modulator.frequency.value = modFreq;
|
|
150
|
+
modGain.gain.value = modDepth;
|
|
151
|
+
carrier.frequency.value = carrierFreq;
|
|
152
|
+
outputGain.gain.value = volume;
|
|
153
|
+
|
|
154
|
+
modulator.connect(modGain);
|
|
155
|
+
modGain.connect(carrier.frequency);
|
|
156
|
+
carrier.connect(outputGain);
|
|
157
|
+
outputGain.connect(this.#_output);
|
|
158
|
+
|
|
159
|
+
// Apply envelope to output
|
|
160
|
+
outputGain.gain.setValueAtTime(volume, startTime);
|
|
161
|
+
outputGain.gain.linearRampToValueAtTime(0, startTime + duration);
|
|
162
|
+
|
|
163
|
+
modulator.start(startTime);
|
|
164
|
+
carrier.start(startTime);
|
|
165
|
+
modulator.stop(startTime + duration + 0.1);
|
|
166
|
+
carrier.stop(startTime + duration + 0.1);
|
|
167
|
+
|
|
168
|
+
return { carrier, modulator, outputGain };
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
/**
|
|
172
|
+
* Additive synthesis - Combine harmonics
|
|
173
|
+
* @param {number} fundamental - Base frequency
|
|
174
|
+
* @param {Array<number>} harmonics - Array of harmonic amplitudes [1st, 2nd, 3rd...]
|
|
175
|
+
* @param {number} duration - Duration in seconds
|
|
176
|
+
* @param {Object} options - Additional options
|
|
177
|
+
* @returns {OscillatorNode[]} Array of oscillators
|
|
178
|
+
*/
|
|
179
|
+
static additive(fundamental, harmonics, duration, options = {}) {
|
|
180
|
+
const { volume = 0.5, startTime = this.#_ctx.currentTime } = options;
|
|
181
|
+
const oscs = [];
|
|
182
|
+
const merger = this.#_ctx.createGain();
|
|
183
|
+
merger.gain.value = volume / harmonics.length;
|
|
184
|
+
merger.connect(this.#_output);
|
|
185
|
+
|
|
186
|
+
// Apply envelope
|
|
187
|
+
merger.gain.setValueAtTime(volume / harmonics.length, startTime);
|
|
188
|
+
merger.gain.linearRampToValueAtTime(0, startTime + duration);
|
|
189
|
+
|
|
190
|
+
harmonics.forEach((amp, i) => {
|
|
191
|
+
if (amp > 0) {
|
|
192
|
+
const osc = this.#_ctx.createOscillator();
|
|
193
|
+
const gain = this.#_ctx.createGain();
|
|
194
|
+
|
|
195
|
+
osc.frequency.value = fundamental * (i + 1);
|
|
196
|
+
gain.gain.value = amp;
|
|
197
|
+
|
|
198
|
+
osc.connect(gain);
|
|
199
|
+
gain.connect(merger);
|
|
200
|
+
osc.start(startTime);
|
|
201
|
+
osc.stop(startTime + duration + 0.1);
|
|
202
|
+
oscs.push(osc);
|
|
203
|
+
}
|
|
204
|
+
});
|
|
205
|
+
|
|
206
|
+
return oscs;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
/**
|
|
210
|
+
* Play a frequency sweep
|
|
211
|
+
* @param {number} startFreq - Starting frequency
|
|
212
|
+
* @param {number} endFreq - Ending frequency
|
|
213
|
+
* @param {number} duration - Duration in seconds
|
|
214
|
+
* @param {Object} options - Additional options
|
|
215
|
+
* @returns {OscillatorNode} The oscillator
|
|
216
|
+
*/
|
|
217
|
+
static sweep(startFreq, endFreq, duration, options = {}) {
|
|
218
|
+
const {
|
|
219
|
+
type = "sine",
|
|
220
|
+
volume = 0.5,
|
|
221
|
+
exponential = true,
|
|
222
|
+
startTime = this.#_ctx.currentTime,
|
|
223
|
+
} = options;
|
|
224
|
+
|
|
225
|
+
const osc = this.#_ctx.createOscillator();
|
|
226
|
+
const gain = this.#_ctx.createGain();
|
|
227
|
+
|
|
228
|
+
osc.type = type;
|
|
229
|
+
osc.frequency.setValueAtTime(startFreq, startTime);
|
|
230
|
+
|
|
231
|
+
if (exponential && endFreq > 0) {
|
|
232
|
+
osc.frequency.exponentialRampToValueAtTime(endFreq, startTime + duration);
|
|
233
|
+
} else {
|
|
234
|
+
osc.frequency.linearRampToValueAtTime(endFreq, startTime + duration);
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
gain.gain.setValueAtTime(volume, startTime);
|
|
238
|
+
gain.gain.linearRampToValueAtTime(0, startTime + duration);
|
|
239
|
+
|
|
240
|
+
osc.connect(gain);
|
|
241
|
+
gain.connect(this.#_output);
|
|
242
|
+
|
|
243
|
+
osc.start(startTime);
|
|
244
|
+
osc.stop(startTime + duration + 0.01);
|
|
245
|
+
|
|
246
|
+
return osc;
|
|
247
|
+
}
|
|
248
|
+
|
|
249
|
+
/**
|
|
250
|
+
* Create pulse wave with variable duty cycle
|
|
251
|
+
* @param {number} frequency - Frequency in Hz
|
|
252
|
+
* @param {number} duration - Duration in seconds
|
|
253
|
+
* @param {number} dutyCycle - Duty cycle (0-1, 0.5 = square wave)
|
|
254
|
+
* @param {Object} options - Additional options
|
|
255
|
+
* @returns {Object} Oscillator controller
|
|
256
|
+
*/
|
|
257
|
+
static pulse(frequency, duration, dutyCycle = 0.5, options = {}) {
|
|
258
|
+
const { volume = 0.5, startTime = this.#_ctx.currentTime } = options;
|
|
259
|
+
|
|
260
|
+
// Create pulse wave using two sawtooth waves
|
|
261
|
+
const osc1 = this.#_ctx.createOscillator();
|
|
262
|
+
const osc2 = this.#_ctx.createOscillator();
|
|
263
|
+
const gain1 = this.#_ctx.createGain();
|
|
264
|
+
const gain2 = this.#_ctx.createGain();
|
|
265
|
+
const output = this.#_ctx.createGain();
|
|
266
|
+
|
|
267
|
+
osc1.type = "sawtooth";
|
|
268
|
+
osc2.type = "sawtooth";
|
|
269
|
+
osc1.frequency.value = frequency;
|
|
270
|
+
osc2.frequency.value = frequency;
|
|
271
|
+
|
|
272
|
+
// Phase offset determines duty cycle
|
|
273
|
+
const phaseOffset = dutyCycle * 2 - 1;
|
|
274
|
+
gain1.gain.value = 0.5;
|
|
275
|
+
gain2.gain.value = -0.5;
|
|
276
|
+
|
|
277
|
+
output.gain.setValueAtTime(volume, startTime);
|
|
278
|
+
output.gain.linearRampToValueAtTime(0, startTime + duration);
|
|
279
|
+
|
|
280
|
+
osc1.connect(gain1);
|
|
281
|
+
osc2.connect(gain2);
|
|
282
|
+
gain1.connect(output);
|
|
283
|
+
gain2.connect(output);
|
|
284
|
+
output.connect(this.#_output);
|
|
285
|
+
|
|
286
|
+
osc1.start(startTime);
|
|
287
|
+
osc2.start(startTime);
|
|
288
|
+
osc1.stop(startTime + duration + 0.01);
|
|
289
|
+
osc2.stop(startTime + duration + 0.01);
|
|
290
|
+
|
|
291
|
+
return { osc1, osc2, output };
|
|
292
|
+
}
|
|
293
|
+
}
|