@guinetik/gcanvas 1.0.2 → 1.0.4
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/dist/gcanvas.es.js +25656 -0
- package/dist/gcanvas.es.min.js +1 -0
- package/dist/gcanvas.umd.js +1 -0
- package/dist/gcanvas.umd.min.js +1 -0
- package/package.json +23 -6
- package/src/game/objects/index.js +1 -0
- package/src/game/objects/spritesheet.js +260 -0
- package/src/game/ui/theme.js +6 -0
- package/src/io/keys.js +9 -1
- package/src/math/boolean.js +481 -0
- package/src/math/index.js +1 -0
- package/.github/workflows/release.yaml +0 -70
- package/.jshintrc +0 -4
- package/.vscode/settings.json +0 -22
- package/CLAUDE.md +0 -310
- package/blackhole.jpg +0 -0
- package/demo.png +0 -0
- package/demos/CNAME +0 -1
- package/demos/animations.html +0 -31
- package/demos/basic.html +0 -38
- package/demos/baskara.html +0 -31
- package/demos/bezier.html +0 -35
- package/demos/beziersignature.html +0 -29
- package/demos/blackhole.html +0 -28
- package/demos/blob.html +0 -35
- package/demos/coordinates.html +0 -698
- package/demos/cube3d.html +0 -23
- package/demos/demos.css +0 -303
- package/demos/dino.html +0 -42
- package/demos/easing.html +0 -28
- package/demos/events.html +0 -195
- package/demos/fluent.html +0 -647
- package/demos/fluid-simple.html +0 -22
- package/demos/fluid.html +0 -37
- package/demos/fractals.html +0 -36
- package/demos/gameobjects.html +0 -626
- package/demos/genart.html +0 -26
- package/demos/gendream.html +0 -26
- package/demos/group.html +0 -36
- package/demos/home.html +0 -587
- package/demos/index.html +0 -376
- package/demos/isometric.html +0 -34
- package/demos/js/animations.js +0 -452
- package/demos/js/basic.js +0 -204
- package/demos/js/baskara.js +0 -751
- package/demos/js/bezier.js +0 -692
- package/demos/js/beziersignature.js +0 -241
- package/demos/js/blackhole/accretiondisk.obj.js +0 -379
- package/demos/js/blackhole/blackhole.obj.js +0 -318
- package/demos/js/blackhole/index.js +0 -409
- package/demos/js/blackhole/particle.js +0 -56
- package/demos/js/blackhole/starfield.obj.js +0 -218
- package/demos/js/blob.js +0 -2276
- package/demos/js/coordinates.js +0 -840
- package/demos/js/cube3d.js +0 -789
- package/demos/js/dino.js +0 -1420
- package/demos/js/easing.js +0 -477
- package/demos/js/fluent.js +0 -183
- package/demos/js/fluid-simple.js +0 -253
- package/demos/js/fluid.js +0 -527
- package/demos/js/fractals.js +0 -931
- package/demos/js/fractalworker.js +0 -93
- package/demos/js/gameobjects.js +0 -176
- package/demos/js/genart.js +0 -268
- package/demos/js/gendream.js +0 -209
- package/demos/js/group.js +0 -140
- package/demos/js/info-toggle.js +0 -25
- package/demos/js/isometric.js +0 -863
- package/demos/js/kerr.js +0 -1556
- package/demos/js/lavalamp.js +0 -590
- package/demos/js/layout.js +0 -354
- package/demos/js/mondrian.js +0 -285
- package/demos/js/opacity.js +0 -275
- package/demos/js/painter.js +0 -484
- package/demos/js/particles-showcase.js +0 -514
- package/demos/js/particles.js +0 -299
- package/demos/js/patterns.js +0 -397
- package/demos/js/penrose/artifact.js +0 -69
- package/demos/js/penrose/blackhole.js +0 -121
- package/demos/js/penrose/constants.js +0 -73
- package/demos/js/penrose/game.js +0 -943
- package/demos/js/penrose/lore.js +0 -278
- package/demos/js/penrose/penrosescene.js +0 -892
- package/demos/js/penrose/ship.js +0 -216
- package/demos/js/penrose/sounds.js +0 -211
- package/demos/js/penrose/voidparticle.js +0 -55
- package/demos/js/penrose/voidscene.js +0 -258
- package/demos/js/penrose/voidship.js +0 -144
- package/demos/js/penrose/wormhole.js +0 -46
- package/demos/js/pipeline.js +0 -555
- package/demos/js/plane3d.js +0 -256
- package/demos/js/platformer.js +0 -1579
- package/demos/js/scene.js +0 -304
- package/demos/js/scenes.js +0 -320
- package/demos/js/schrodinger.js +0 -410
- package/demos/js/schwarzschild.js +0 -1023
- package/demos/js/shapes.js +0 -628
- package/demos/js/space/alien.js +0 -171
- package/demos/js/space/boom.js +0 -98
- package/demos/js/space/boss.js +0 -353
- package/demos/js/space/buff.js +0 -73
- package/demos/js/space/bullet.js +0 -102
- package/demos/js/space/constants.js +0 -85
- package/demos/js/space/game.js +0 -1884
- package/demos/js/space/hud.js +0 -112
- package/demos/js/space/laserbeam.js +0 -179
- package/demos/js/space/lightning.js +0 -277
- package/demos/js/space/minion.js +0 -192
- package/demos/js/space/missile.js +0 -212
- package/demos/js/space/player.js +0 -430
- package/demos/js/space/powerup.js +0 -90
- package/demos/js/space/starfield.js +0 -58
- package/demos/js/space/starpower.js +0 -90
- package/demos/js/spacetime.js +0 -559
- package/demos/js/sphere3d.js +0 -229
- package/demos/js/sprite.js +0 -473
- package/demos/js/svgtween.js +0 -204
- package/demos/js/tde/accretiondisk.js +0 -471
- package/demos/js/tde/blackhole.js +0 -219
- package/demos/js/tde/blackholescene.js +0 -209
- package/demos/js/tde/config.js +0 -59
- package/demos/js/tde/index.js +0 -820
- package/demos/js/tde/jets.js +0 -290
- package/demos/js/tde/lensedstarfield.js +0 -154
- package/demos/js/tde/tdestar.js +0 -297
- package/demos/js/tde/tidalstream.js +0 -372
- package/demos/js/tde_old/blackhole.obj.js +0 -354
- package/demos/js/tde_old/debris.obj.js +0 -791
- package/demos/js/tde_old/flare.obj.js +0 -239
- package/demos/js/tde_old/index.js +0 -448
- package/demos/js/tde_old/star.obj.js +0 -812
- package/demos/js/tiles.js +0 -312
- package/demos/js/tweendemo.js +0 -79
- package/demos/js/visibility.js +0 -102
- package/demos/kerr.html +0 -28
- package/demos/lavalamp.html +0 -27
- package/demos/layouts.html +0 -37
- package/demos/logo.svg +0 -4
- package/demos/loop.html +0 -84
- package/demos/mondrian.html +0 -32
- package/demos/og_image.png +0 -0
- package/demos/opacity.html +0 -36
- package/demos/painter.html +0 -39
- package/demos/particles-showcase.html +0 -28
- package/demos/particles.html +0 -24
- package/demos/patterns.html +0 -33
- package/demos/penrose-game.html +0 -31
- package/demos/pipeline.html +0 -737
- package/demos/plane3d.html +0 -24
- package/demos/platformer.html +0 -43
- package/demos/scene.html +0 -33
- package/demos/scenes.html +0 -96
- package/demos/schrodinger.html +0 -27
- package/demos/schwarzschild.html +0 -27
- package/demos/shapes.html +0 -16
- package/demos/space.html +0 -85
- package/demos/spacetime.html +0 -27
- package/demos/sphere3d.html +0 -24
- package/demos/sprite.html +0 -18
- package/demos/svgtween.html +0 -29
- package/demos/tde.html +0 -28
- package/demos/tiles.html +0 -28
- package/demos/transforms.html +0 -400
- package/demos/tween.html +0 -45
- package/demos/visibility.html +0 -33
- package/docs/README.md +0 -230
- package/docs/api/FluidSystem.md +0 -173
- package/docs/concepts/architecture-overview.md +0 -204
- package/docs/concepts/coordinate-system.md +0 -384
- package/docs/concepts/lifecycle.md +0 -255
- package/docs/concepts/rendering-pipeline.md +0 -279
- package/docs/concepts/shapes-vs-gameobjects.md +0 -187
- package/docs/concepts/tde-zorder.md +0 -106
- package/docs/concepts/two-layer-architecture.md +0 -229
- package/docs/fluid-dynamics.md +0 -99
- package/docs/getting-started/first-game.md +0 -354
- package/docs/getting-started/hello-world.md +0 -269
- package/docs/getting-started/installation.md +0 -175
- package/docs/modules/collision/README.md +0 -453
- package/docs/modules/fluent/README.md +0 -1075
- package/docs/modules/game/README.md +0 -303
- package/docs/modules/isometric-camera.md +0 -210
- package/docs/modules/isometric.md +0 -275
- package/docs/modules/painter/README.md +0 -328
- package/docs/modules/particle/README.md +0 -559
- package/docs/modules/shapes/README.md +0 -221
- package/docs/modules/shapes/base/euclidian.md +0 -123
- package/docs/modules/shapes/base/geometry2d.md +0 -204
- package/docs/modules/shapes/base/renderable.md +0 -215
- package/docs/modules/shapes/base/shape.md +0 -262
- package/docs/modules/shapes/base/transformable.md +0 -243
- package/docs/modules/shapes/hierarchy.md +0 -218
- package/docs/modules/state/README.md +0 -577
- package/docs/modules/util/README.md +0 -99
- package/docs/modules/util/camera3d.md +0 -412
- package/docs/modules/util/scene3d.md +0 -395
- package/index.html +0 -17
- package/jsdoc.json +0 -50
- package/scripts/build-demo.js +0 -69
- package/scripts/bundle4llm.js +0 -276
- package/scripts/clearconsole.js +0 -48
- package/test/math/orbital.test.js +0 -61
- package/test/math/tensor.test.js +0 -114
- package/test/particle/emitter.test.js +0 -204
- package/test/particle/particle-system.test.js +0 -310
- package/test/particle/particle.test.js +0 -116
- package/test/particle/updaters.test.js +0 -386
- package/test/setup.js +0 -120
- package/test/shapes/euclidian.test.js +0 -44
- package/test/shapes/geometry.test.js +0 -86
- package/test/shapes/group.test.js +0 -86
- package/test/shapes/rectangle.test.js +0 -64
- package/test/shapes/transform.test.js +0 -379
- package/test/util/camera3d.test.js +0 -428
- package/test/util/scene3d.test.js +0 -352
- package/vite.config.js +0 -50
- package/vitest.config.js +0 -13
|
@@ -1,318 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* BlackHole - Event horizon, photon ring, and Hawking radiation
|
|
3
|
-
*
|
|
4
|
-
* Renders the black hole core with gravitational lensing effects,
|
|
5
|
-
* photon ring glow, and Hawking radiation particles.
|
|
6
|
-
*/
|
|
7
|
-
import { GameObject, Easing } from "../../../src/index.js";
|
|
8
|
-
|
|
9
|
-
// Hawking radiation configuration
|
|
10
|
-
const HAWKING_SPAWN_RATE = 0.15;
|
|
11
|
-
const HAWKING_SPEED = 0.25;
|
|
12
|
-
const HAWKING_LIFETIME = 3.5;
|
|
13
|
-
|
|
14
|
-
export class BlackHole extends GameObject {
|
|
15
|
-
/**
|
|
16
|
-
* @param {Game} game - Game instance
|
|
17
|
-
* @param {Object} options
|
|
18
|
-
* @param {Camera3D} options.camera - Camera for projection
|
|
19
|
-
* @param {StateMachine} options.formationFSM - Formation state machine
|
|
20
|
-
* @param {number} options.baseScale - Base scale for sizing
|
|
21
|
-
* @param {number} options.bhRadius - Black hole radius
|
|
22
|
-
* @param {number} options.diskOuter - Outer disk radius (for Hawking bounds)
|
|
23
|
-
*/
|
|
24
|
-
constructor(game, options = {}) {
|
|
25
|
-
super(game, options);
|
|
26
|
-
|
|
27
|
-
this.camera = options.camera;
|
|
28
|
-
this.formationFSM = options.formationFSM;
|
|
29
|
-
|
|
30
|
-
// Sizing
|
|
31
|
-
this.baseScale = options.baseScale ?? 500;
|
|
32
|
-
this.bhRadius = options.bhRadius ?? 40;
|
|
33
|
-
this.diskOuter = options.diskOuter ?? 175;
|
|
34
|
-
|
|
35
|
-
// Hawking radiation
|
|
36
|
-
this.hawkingParticles = [];
|
|
37
|
-
this.hawkingSpawnTimer = 0;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
/**
|
|
41
|
-
* Update sizing when window resizes.
|
|
42
|
-
*/
|
|
43
|
-
updateSizing(baseScale, bhRadius, diskOuter) {
|
|
44
|
-
this.baseScale = baseScale;
|
|
45
|
-
this.bhRadius = bhRadius;
|
|
46
|
-
this.diskOuter = diskOuter;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
/**
|
|
50
|
-
* Reset Hawking radiation state.
|
|
51
|
-
*/
|
|
52
|
-
reset() {
|
|
53
|
-
this.hawkingParticles = [];
|
|
54
|
-
this.hawkingSpawnTimer = 0;
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
/**
|
|
58
|
-
* Calculate formation progress (0-1) based on consumed particles.
|
|
59
|
-
*/
|
|
60
|
-
getFormationLambda(particlesConsumed, totalParticleMass) {
|
|
61
|
-
const state = this.formationFSM.state;
|
|
62
|
-
const progress = this.formationFSM.progress;
|
|
63
|
-
|
|
64
|
-
if (state === "infall") {
|
|
65
|
-
if (!particlesConsumed || particlesConsumed === 0) return 0;
|
|
66
|
-
const maxConsumed = totalParticleMass * 0.4;
|
|
67
|
-
const consumedRatio = Math.min(1, particlesConsumed / maxConsumed);
|
|
68
|
-
return consumedRatio * 0.5;
|
|
69
|
-
} else if (state === "collapse") {
|
|
70
|
-
const delayedProgress = Math.max(0, (progress - 0.2) / 0.8);
|
|
71
|
-
return 0.5 + Easing.easeOutQuad(delayedProgress) * 0.3;
|
|
72
|
-
} else if (state === "circularize") {
|
|
73
|
-
return 0.8 + progress * 0.2;
|
|
74
|
-
}
|
|
75
|
-
return 1; // stable
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
/**
|
|
79
|
-
* Spawn a new Hawking radiation particle.
|
|
80
|
-
*/
|
|
81
|
-
spawnHawkingParticle() {
|
|
82
|
-
const angle = Math.random() * Math.PI * 2;
|
|
83
|
-
const startRadius = this.bhRadius * 1.05;
|
|
84
|
-
|
|
85
|
-
// ~10% chance to be an "escaper"
|
|
86
|
-
const isEscaper = Math.random() < 0.1;
|
|
87
|
-
|
|
88
|
-
this.hawkingParticles.push({
|
|
89
|
-
angle,
|
|
90
|
-
radius: startRadius,
|
|
91
|
-
speed: isEscaper
|
|
92
|
-
? HAWKING_SPEED * (1.5 + Math.random() * 1.0)
|
|
93
|
-
: HAWKING_SPEED * (0.6 + Math.random() * 0.8),
|
|
94
|
-
size: isEscaper ? 3 + Math.random() * 2 : 2 + Math.random() * 2,
|
|
95
|
-
brightness: isEscaper ? 1.0 : 0.8 + Math.random() * 0.2,
|
|
96
|
-
age: 0,
|
|
97
|
-
wobblePhase: Math.random() * Math.PI * 2,
|
|
98
|
-
wobbleSpeed: 2 + Math.random() * 3,
|
|
99
|
-
isEscaper,
|
|
100
|
-
maxRadius: isEscaper ? this.baseScale * 0.8 : this.diskOuter,
|
|
101
|
-
});
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
update(dt) {
|
|
105
|
-
super.update(dt);
|
|
106
|
-
this.updateHawkingRadiation(dt);
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
/**
|
|
110
|
-
* Update Hawking radiation particles.
|
|
111
|
-
*/
|
|
112
|
-
updateHawkingRadiation(dt) {
|
|
113
|
-
// Only spawn when stable
|
|
114
|
-
if (this.formationFSM.is("stable")) {
|
|
115
|
-
this.hawkingSpawnTimer += dt;
|
|
116
|
-
if (this.hawkingSpawnTimer > 1 / HAWKING_SPAWN_RATE) {
|
|
117
|
-
this.spawnHawkingParticle();
|
|
118
|
-
this.hawkingSpawnTimer = 0;
|
|
119
|
-
}
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
// Update existing particles
|
|
123
|
-
for (let i = this.hawkingParticles.length - 1; i >= 0; i--) {
|
|
124
|
-
const p = this.hawkingParticles[i];
|
|
125
|
-
p.age += dt;
|
|
126
|
-
p.radius += p.speed * this.bhRadius * dt;
|
|
127
|
-
const wobble = Math.sin(p.age * p.wobbleSpeed + p.wobblePhase) * 0.02;
|
|
128
|
-
p.angle += (0.05 + wobble) * dt;
|
|
129
|
-
|
|
130
|
-
const maxLife = p.isEscaper ? HAWKING_LIFETIME * 2.5 : HAWKING_LIFETIME;
|
|
131
|
-
if (p.age > maxLife || p.radius > p.maxRadius) {
|
|
132
|
-
this.hawkingParticles.splice(i, 1);
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
/**
|
|
138
|
-
* Build render list with black hole and Hawking particles.
|
|
139
|
-
*/
|
|
140
|
-
buildRenderList(lambda) {
|
|
141
|
-
const renderList = [];
|
|
142
|
-
|
|
143
|
-
// Black hole (only render after formation starts)
|
|
144
|
-
if (lambda > 0.05) {
|
|
145
|
-
const holeProj = this.camera.project(0, 0, 0);
|
|
146
|
-
renderList.push({
|
|
147
|
-
type: "hole",
|
|
148
|
-
z: holeProj.z,
|
|
149
|
-
x: holeProj.x,
|
|
150
|
-
y: holeProj.y,
|
|
151
|
-
scale: holeProj.scale,
|
|
152
|
-
lambda: lambda,
|
|
153
|
-
});
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
// Hawking particles
|
|
157
|
-
for (const p of this.hawkingParticles) {
|
|
158
|
-
const x = Math.cos(p.angle) * p.radius;
|
|
159
|
-
const z = Math.sin(p.angle) * p.radius;
|
|
160
|
-
const y = 0;
|
|
161
|
-
|
|
162
|
-
const cosY = Math.cos(this.camera.rotationY);
|
|
163
|
-
const sinY = Math.sin(this.camera.rotationY);
|
|
164
|
-
let xCam = x * cosY - z * sinY;
|
|
165
|
-
let zCam = x * sinY + z * cosY;
|
|
166
|
-
|
|
167
|
-
const cosX = Math.cos(this.camera.rotationX);
|
|
168
|
-
const sinX = Math.sin(this.camera.rotationX);
|
|
169
|
-
let yCam = y * cosX - zCam * sinX;
|
|
170
|
-
zCam = y * sinX + zCam * cosX;
|
|
171
|
-
|
|
172
|
-
const perspectiveScale =
|
|
173
|
-
this.camera.perspective / (this.camera.perspective + zCam);
|
|
174
|
-
const screenX = xCam * perspectiveScale;
|
|
175
|
-
const screenY = yCam * perspectiveScale;
|
|
176
|
-
|
|
177
|
-
if (zCam < -this.camera.perspective + 10) continue;
|
|
178
|
-
|
|
179
|
-
const maxLife = p.isEscaper ? HAWKING_LIFETIME * 2.5 : HAWKING_LIFETIME;
|
|
180
|
-
const ageRatio = p.age / maxLife;
|
|
181
|
-
const fadeIn = Math.min(1, p.age * 4);
|
|
182
|
-
const fadeOut = 1 - Math.pow(ageRatio, 2);
|
|
183
|
-
const brightness = p.brightness * fadeIn * fadeOut;
|
|
184
|
-
|
|
185
|
-
renderList.push({
|
|
186
|
-
type: "hawking",
|
|
187
|
-
z: zCam,
|
|
188
|
-
x: screenX,
|
|
189
|
-
y: screenY,
|
|
190
|
-
scale: perspectiveScale,
|
|
191
|
-
size: p.size,
|
|
192
|
-
brightness: brightness,
|
|
193
|
-
age: p.age,
|
|
194
|
-
});
|
|
195
|
-
}
|
|
196
|
-
|
|
197
|
-
return renderList;
|
|
198
|
-
}
|
|
199
|
-
|
|
200
|
-
/**
|
|
201
|
-
* Draw the event horizon and photon ring.
|
|
202
|
-
* Static method for use in main render loop.
|
|
203
|
-
*/
|
|
204
|
-
static drawHole(ctx, item, bhRadius) {
|
|
205
|
-
const r = bhRadius * item.scale * item.lambda;
|
|
206
|
-
|
|
207
|
-
// Photon ring glow (additive)
|
|
208
|
-
ctx.globalCompositeOperation = "screen";
|
|
209
|
-
const glowIntensity = item.lambda;
|
|
210
|
-
const gradient = ctx.createRadialGradient(
|
|
211
|
-
item.x,
|
|
212
|
-
item.y,
|
|
213
|
-
r * 0.8,
|
|
214
|
-
item.x,
|
|
215
|
-
item.y,
|
|
216
|
-
r * 1.5,
|
|
217
|
-
);
|
|
218
|
-
gradient.addColorStop(0, `rgba(255, 200, 100, ${glowIntensity})`);
|
|
219
|
-
gradient.addColorStop(0.2, `rgba(255, 150, 50, ${0.6 * glowIntensity})`);
|
|
220
|
-
gradient.addColorStop(1, "rgba(255, 50, 0, 0)");
|
|
221
|
-
|
|
222
|
-
ctx.fillStyle = gradient;
|
|
223
|
-
ctx.beginPath();
|
|
224
|
-
ctx.arc(item.x, item.y, r * 1.5, 0, Math.PI * 2);
|
|
225
|
-
ctx.fill();
|
|
226
|
-
ctx.globalCompositeOperation = "source-over";
|
|
227
|
-
|
|
228
|
-
// Event horizon (void)
|
|
229
|
-
ctx.beginPath();
|
|
230
|
-
ctx.arc(item.x, item.y, r, 0, Math.PI * 2);
|
|
231
|
-
ctx.fillStyle = "#000";
|
|
232
|
-
ctx.fill();
|
|
233
|
-
}
|
|
234
|
-
|
|
235
|
-
/**
|
|
236
|
-
* Draw a Hawking radiation particle.
|
|
237
|
-
* Static method for use in main render loop.
|
|
238
|
-
*/
|
|
239
|
-
static drawHawkingParticle(ctx, item, baseScale) {
|
|
240
|
-
const size = item.size * item.scale * (baseScale * 0.001);
|
|
241
|
-
if (size < 0.1) return;
|
|
242
|
-
|
|
243
|
-
const pulseIntensity = 0.8 + 0.2 * Math.sin(item.age * 8);
|
|
244
|
-
|
|
245
|
-
// Outer glow
|
|
246
|
-
ctx.globalCompositeOperation = "screen";
|
|
247
|
-
ctx.shadowColor = "rgba(0, 255, 200, 0.9)";
|
|
248
|
-
ctx.shadowBlur = 25 * item.brightness;
|
|
249
|
-
|
|
250
|
-
// Core - cyan-green
|
|
251
|
-
ctx.fillStyle = `rgba(100, 255, 220, ${item.brightness * 0.9 * pulseIntensity})`;
|
|
252
|
-
ctx.beginPath();
|
|
253
|
-
ctx.arc(item.x, item.y, size, 0, Math.PI * 2);
|
|
254
|
-
ctx.fill();
|
|
255
|
-
|
|
256
|
-
// Inner bright core
|
|
257
|
-
ctx.fillStyle = `rgba(200, 255, 250, ${item.brightness * 0.7})`;
|
|
258
|
-
ctx.beginPath();
|
|
259
|
-
ctx.arc(item.x, item.y, size * 0.4, 0, Math.PI * 2);
|
|
260
|
-
ctx.fill();
|
|
261
|
-
|
|
262
|
-
ctx.shadowBlur = 0;
|
|
263
|
-
ctx.globalCompositeOperation = "source-over";
|
|
264
|
-
}
|
|
265
|
-
|
|
266
|
-
/**
|
|
267
|
-
* Draw the formation collapse flash.
|
|
268
|
-
*/
|
|
269
|
-
drawFormationFlash(ctx, cx, cy, lambda, time) {
|
|
270
|
-
const intensity = 1 - lambda / 0.3;
|
|
271
|
-
|
|
272
|
-
// Collapse flash - bright white center
|
|
273
|
-
const size = this.bhRadius * (1 - lambda) * 2;
|
|
274
|
-
const gradient = ctx.createRadialGradient(cx, cy, 0, cx, cy, size);
|
|
275
|
-
gradient.addColorStop(0, `rgba(255, 255, 255, ${0.9 * intensity})`);
|
|
276
|
-
gradient.addColorStop(0.3, `rgba(255, 220, 180, ${0.6 * intensity})`);
|
|
277
|
-
gradient.addColorStop(0.6, `rgba(255, 150, 100, ${0.3 * intensity})`);
|
|
278
|
-
gradient.addColorStop(1, "transparent");
|
|
279
|
-
|
|
280
|
-
ctx.fillStyle = gradient;
|
|
281
|
-
ctx.beginPath();
|
|
282
|
-
ctx.arc(cx, cy, size, 0, Math.PI * 2);
|
|
283
|
-
ctx.fill();
|
|
284
|
-
|
|
285
|
-
// Infalling streaks
|
|
286
|
-
if (lambda > 0.1) {
|
|
287
|
-
const streakAlpha = intensity * 0.6;
|
|
288
|
-
for (let i = 0; i < 8; i++) {
|
|
289
|
-
const angle = (i / 8) * Math.PI * 2 + time * 0.5;
|
|
290
|
-
const startR = this.bhRadius * 2;
|
|
291
|
-
const endR = this.bhRadius * lambda * 0.5;
|
|
292
|
-
|
|
293
|
-
const streakGradient = ctx.createLinearGradient(
|
|
294
|
-
cx + Math.cos(angle) * startR,
|
|
295
|
-
cy + Math.sin(angle) * startR,
|
|
296
|
-
cx + Math.cos(angle) * endR,
|
|
297
|
-
cy + Math.sin(angle) * endR,
|
|
298
|
-
);
|
|
299
|
-
streakGradient.addColorStop(0, "transparent");
|
|
300
|
-
streakGradient.addColorStop(
|
|
301
|
-
0.5,
|
|
302
|
-
`rgba(255, 200, 150, ${streakAlpha * 0.5})`,
|
|
303
|
-
);
|
|
304
|
-
streakGradient.addColorStop(1, `rgba(255, 255, 200, ${streakAlpha})`);
|
|
305
|
-
|
|
306
|
-
ctx.strokeStyle = streakGradient;
|
|
307
|
-
ctx.lineWidth = 2;
|
|
308
|
-
ctx.beginPath();
|
|
309
|
-
ctx.moveTo(
|
|
310
|
-
cx + Math.cos(angle) * startR,
|
|
311
|
-
cy + Math.sin(angle) * startR,
|
|
312
|
-
);
|
|
313
|
-
ctx.lineTo(cx + Math.cos(angle) * endR, cy + Math.sin(angle) * endR);
|
|
314
|
-
ctx.stroke();
|
|
315
|
-
}
|
|
316
|
-
}
|
|
317
|
-
}
|
|
318
|
-
}
|