@fps-games/vfx 0.3.2 → 0.3.3
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/CHANGELOG.md +8 -0
- package/package.json +5 -4
- package/tooling/vfx-cli.mjs +8 -1
- package/docs/AUTHORING_EFFECTS.md +0 -297
- package/docs/INTEGRATION.md +0 -194
- package/docs/VFX_LIBRARY_ARCHITECTURE_chatgpt.md +0 -1580
- package/docs/VFX_LIBRARY_EXECUTION_PLAN.md +0 -229
- package/docs/VFX_LIBRARY_PLAN.md +0 -546
- package/docs/hit-flash-red-method.md +0 -155
- package/docs/treasure_attention_fx_babylonjs_guide.md +0 -901
- package/docs/vfx-ab/RESULTS.md +0 -35
- package/docs/vfx-ab/lumber-order/vehicle-exhaust-smoke/after.png +0 -0
- package/docs/vfx-ab/lumber-order/vehicle-exhaust-smoke/before.png +0 -0
- package/docs/vfx-ab/lumber-truck/vehicle-exhaust-smoke/after.png +0 -0
- package/docs/vfx-ab/lumber-truck/vehicle-exhaust-smoke/before.png +0 -0
- package/docs/vfx-integration_chatgpt.md +0 -462
- package/docs/vfx-placement-design.md +0 -164
- package/docs/weapon-trail-visualization.html +0 -241
- package/packages/EffectPackageService.ts +0 -346
- package/packages/SceneVfxService.ts +0 -96
- package/packages/build.mesh.yellow_build_upgrade_indicator/assets/runtime/simpleMeshEffect.v1.js +0 -333
- package/packages/build.mesh.yellow_build_upgrade_indicator/assets/shaders/mesh-effect-preview.frag.glsl +0 -25
- package/packages/build.mesh.yellow_build_upgrade_indicator/assets/shaders/mesh-effect-preview.vert.glsl +0 -11
- package/packages/build.mesh.yellow_build_upgrade_indicator/assets/textures/effect_jianbian.png +0 -0
- package/packages/build.mesh.yellow_build_upgrade_indicator/effect.json +0 -927
- package/packages/build.mesh.yellow_build_upgrade_indicator/media/contact-sheet.png +0 -0
- package/packages/build.mesh.yellow_build_upgrade_indicator/media/preview.gif +0 -0
- package/packages/build.mesh.yellow_build_upgrade_indicator/media/preview.mp4 +0 -0
- package/packages/build.mesh.yellow_build_upgrade_indicator/media/preview.webm +0 -0
- package/packages/build.mesh.yellow_build_upgrade_indicator/media/thumbnail.png +0 -0
- package/packages/build.mesh.yellow_build_upgrade_indicator/metadata/description.json +0 -197
- package/packages/build.mesh.yellow_build_upgrade_indicator/provenance/03-effect.original.json +0 -895
- package/packages/build.mesh.yellow_build_upgrade_indicator/provenance/03-normalized-vfx-to-babylon-report.json +0 -241
- package/packages/build.mesh.yellow_build_upgrade_indicator/provenance/04-preview-overrides.json +0 -542
- package/packages/build.mesh.yellow_build_upgrade_indicator/provenance/04-preview-tuning-report.json +0 -69
- package/packages/build.mesh.yellow_build_upgrade_indicator/provenance/asset-map.json +0 -125
- package/packages/build.mesh.yellow_build_upgrade_indicator/provenance/lineage.json +0 -44
- package/packages/build.particle.golden_upgrade_starburst/assets/runtime/particleEmitter.v1.js +0 -210
- package/packages/build.particle.golden_upgrade_starburst/assets/textures/effect_guangdian.png +0 -0
- package/packages/build.particle.golden_upgrade_starburst/effect.json +0 -880
- package/packages/build.particle.golden_upgrade_starburst/media/contact-sheet.png +0 -0
- package/packages/build.particle.golden_upgrade_starburst/media/preview.gif +0 -0
- package/packages/build.particle.golden_upgrade_starburst/media/preview.mp4 +0 -0
- package/packages/build.particle.golden_upgrade_starburst/media/preview.webm +0 -0
- package/packages/build.particle.golden_upgrade_starburst/media/thumbnail.png +0 -0
- package/packages/build.particle.golden_upgrade_starburst/metadata/description.json +0 -161
- package/packages/build.particle.golden_upgrade_starburst/provenance/03-effect.original.json +0 -762
- package/packages/build.particle.golden_upgrade_starburst/provenance/03-normalized-vfx-to-babylon-report.json +0 -260
- package/packages/build.particle.golden_upgrade_starburst/provenance/04-preview-overrides.json +0 -436
- package/packages/build.particle.golden_upgrade_starburst/provenance/04-preview-tuning-report.json +0 -40
- package/packages/build.particle.golden_upgrade_starburst/provenance/asset-map.json +0 -115
- package/packages/build.particle.golden_upgrade_starburst/provenance/lineage.json +0 -40
- package/packages/build.particle.orange_upgrade_transform_sparks/assets/runtime/particleEmitter.v1.js +0 -210
- package/packages/build.particle.orange_upgrade_transform_sparks/assets/textures/b5b27ab1-e740-4398-b407-848fc2b2c897.png +0 -0
- package/packages/build.particle.orange_upgrade_transform_sparks/effect.json +0 -887
- package/packages/build.particle.orange_upgrade_transform_sparks/media/preview.gif +0 -0
- package/packages/build.particle.orange_upgrade_transform_sparks/media/preview.mp4 +0 -0
- package/packages/build.particle.orange_upgrade_transform_sparks/media/preview.webm +0 -0
- package/packages/build.particle.orange_upgrade_transform_sparks/media/thumbnail.png +0 -0
- package/packages/build.particle.orange_upgrade_transform_sparks/metadata/description.json +0 -179
- package/packages/build.particle.orange_upgrade_transform_sparks/provenance/03-effect.original.json +0 -859
- package/packages/build.particle.orange_upgrade_transform_sparks/provenance/03-normalized-vfx-to-babylon-report.json +0 -260
- package/packages/build.particle.orange_upgrade_transform_sparks/provenance/04-preview-overrides.json +0 -478
- package/packages/build.particle.orange_upgrade_transform_sparks/provenance/04-preview-tuning-report.json +0 -40
- package/packages/build.particle.orange_upgrade_transform_sparks/provenance/asset-map.json +0 -114
- package/packages/build.particle.orange_upgrade_transform_sparks/provenance/lineage.json +0 -41
- package/packages/build.particle.wood_chip_dust_burst/assets/runtime/particleEmitter.v1.js +0 -210
- package/packages/build.particle.wood_chip_dust_burst/assets/textures/effect_yanwu4.png +0 -0
- package/packages/build.particle.wood_chip_dust_burst/assets/textures/suipian3.png +0 -0
- package/packages/build.particle.wood_chip_dust_burst/effect.json +0 -1400
- package/packages/build.particle.wood_chip_dust_burst/media/contact-sheet.png +0 -0
- package/packages/build.particle.wood_chip_dust_burst/media/preview.gif +0 -0
- package/packages/build.particle.wood_chip_dust_burst/media/preview.mp4 +0 -0
- package/packages/build.particle.wood_chip_dust_burst/media/preview.webm +0 -0
- package/packages/build.particle.wood_chip_dust_burst/media/thumbnail.png +0 -0
- package/packages/build.particle.wood_chip_dust_burst/metadata/description.json +0 -173
- package/packages/build.particle.wood_chip_dust_burst/provenance/03-effect.original.json +0 -1277
- package/packages/build.particle.wood_chip_dust_burst/provenance/03-normalized-vfx-to-babylon-report.json +0 -329
- package/packages/build.particle.wood_chip_dust_burst/provenance/04-preview-overrides.json +0 -749
- package/packages/build.particle.wood_chip_dust_burst/provenance/04-preview-tuning-report.json +0 -60
- package/packages/build.particle.wood_chip_dust_burst/provenance/asset-map.json +0 -146
- package/packages/build.particle.wood_chip_dust_burst/provenance/lineage.json +0 -69
- package/packages/effects/building-upgrade/effect.json +0 -6
- package/packages/effects/building-upgrade/index.ts +0 -387
- package/packages/effects/character-entrance/effect.json +0 -6
- package/packages/effects/character-entrance/index.ts +0 -308
- package/packages/effects/coin-burst/index.ts +0 -48
- package/packages/effects/comet-trail-flame/assets/textures/trail_5x4.webp +0 -0
- package/packages/effects/comet-trail-flame/index.ts +0 -107
- package/packages/effects/conveyor-upgrade/effect.json +0 -6
- package/packages/effects/conveyor-upgrade/index.ts +0 -401
- package/packages/effects/debris-smoke/assets/models/rock_debris.glb +0 -0
- package/packages/effects/debris-smoke/assets/textures/smoke22.webp +0 -0
- package/packages/effects/debris-smoke/index.ts +0 -102
- package/packages/effects/door_open_gold_flakes/assets/runtime/goldFlakes.v1.js +0 -397
- package/packages/effects/door_open_gold_flakes/door_open_gold_flakes.json +0 -498
- package/packages/effects/door_open_gold_flakes/index.ts +0 -11
- package/packages/effects/electric-arc/assets/textures/spark_4x4.webp +0 -0
- package/packages/effects/electric-arc/index.ts +0 -63
- package/packages/effects/energy-shield/effect.json +0 -7
- package/packages/effects/energy-shield/index.ts +0 -432
- package/packages/effects/explosion/assets/textures/baozha29.webp +0 -0
- package/packages/effects/explosion/assets/textures/glow01.webp +0 -0
- package/packages/effects/explosion/assets/textures/lizi01.webp +0 -0
- package/packages/effects/explosion/assets/textures/xulie_lizibaozha02_5x5.webp +0 -0
- package/packages/effects/explosion/index.ts +0 -115
- package/packages/effects/ground-tile-upgrade/effect.json +0 -6
- package/packages/effects/ground-tile-upgrade/index.ts +0 -410
- package/packages/effects/hit-flash/index.ts +0 -77
- package/packages/effects/laser-beam/assets/textures/laser_glow.webp +0 -0
- package/packages/effects/laser-beam/assets/textures/laser_noise.webp +0 -0
- package/packages/effects/laser-beam/index.ts +0 -6
- package/packages/effects/laser-beam-factory.ts +0 -146
- package/packages/effects/lumber-cart-suction/effect.json +0 -6
- package/packages/effects/lumber-cart-suction/index.ts +0 -399
- package/packages/effects/lumber-debris-scatter/assets/models/lumber_prop_model.glb +0 -0
- package/packages/effects/lumber-debris-scatter/assets/models/lumber_prop_model.glb.versions/.active +0 -1
- package/packages/effects/lumber-debris-scatter/assets/models/lumber_prop_model.glb.versions/1781589063890_upload.glb +0 -0
- package/packages/effects/lumber-debris-scatter/assets/runtime/solidParticleScatter.v1.js +0 -236
- package/packages/effects/lumber-debris-scatter/effect.json +0 -228
- package/packages/effects/lumber-debris-scatter/index.ts +0 -780
- package/packages/effects/lumber_vehicle_gear_spin/assets/runtime/gearSpin.v1.js +0 -202
- package/packages/effects/lumber_vehicle_gear_spin/index.ts +0 -11
- package/packages/effects/lumber_vehicle_gear_spin/lumber_vehicle_gear_spin.json +0 -338
- package/packages/effects/lumber_vehicle_upgrade_aura/assets/runtime/upgradeAura.v1.js +0 -353
- package/packages/effects/lumber_vehicle_upgrade_aura/index.ts +0 -13
- package/packages/effects/lumber_vehicle_upgrade_aura/lumber_vehicle_upgrade_aura.json +0 -365
- package/packages/effects/lumber_vehicle_wood_chips/assets/runtime/solidParticleScatter.v1.js +0 -310
- package/packages/effects/lumber_vehicle_wood_chips/index.ts +0 -11
- package/packages/effects/lumber_vehicle_wood_chips/lumber_vehicle_wood_chips.json +0 -335
- package/packages/effects/monster-hit/index.ts +0 -129
- package/packages/effects/player-upgrade/effect.json +0 -6
- package/packages/effects/player-upgrade/index.ts +0 -640
- package/packages/effects/pulse-laser-volley/assets/textures/bolt_guangshu.webp +0 -0
- package/packages/effects/pulse-laser-volley/index.ts +0 -215
- package/packages/effects/resource-collect-sparkles/effect.json +0 -6
- package/packages/effects/resource-collect-sparkles/index.ts +0 -254
- package/packages/effects/run-footstep-dust/assets/runtime/runFootstepDust.v1.js +0 -215
- package/packages/effects/run-footstep-dust/effect.json +0 -183
- package/packages/effects/run-footstep-dust/index.ts +0 -377
- package/packages/effects/space-shared.ts +0 -120
- package/packages/effects/thruster-flame/index.ts +0 -306
- package/packages/effects/treasure-attention/effect.json +0 -7
- package/packages/effects/treasure-attention/index.ts +0 -630
- package/packages/effects/tree-chop-dust/assets/textures/tree_chop_dust_atlas.png +0 -0
- package/packages/effects/tree-chop-dust/effect.json +0 -8
- package/packages/effects/tree-chop-dust/index.ts +0 -202
- package/packages/effects/tree-leaf-chop-burst/assets/runtime/particleEmitter.v1.js +0 -303
- package/packages/effects/tree-leaf-chop-burst/assets/textures/tree_leaf_chop_burst_leaf_atlas.png +0 -0
- package/packages/effects/tree-leaf-chop-burst/effect.json +0 -498
- package/packages/effects/tree-leaf-chop-burst/index.ts +0 -294
- package/packages/effects/tree_chop_dust_burst/assets/runtime/particleEmitter.v1.js +0 -318
- package/packages/effects/tree_chop_dust_burst/assets/textures/tree_chop_dust_burst_dust.png +0 -0
- package/packages/effects/tree_chop_dust_burst/index.ts +0 -13
- package/packages/effects/tree_chop_dust_burst/tree_chop_dust_burst.json +0 -412
- package/packages/effects/ufo-thread-flame/assets/textures/flame_flow.webp +0 -0
- package/packages/effects/ufo-thread-flame/assets/textures/flame_spike.webp +0 -0
- package/packages/effects/ufo-thread-flame/index.ts +0 -153
- package/packages/effects/vehicle-exhaust-smoke/assets/textures/vehicle_exhaust_smoke_atlas.png +0 -0
- package/packages/effects/vehicle-exhaust-smoke/effect.json +0 -8
- package/packages/effects/vehicle-exhaust-smoke/index.ts +0 -298
- package/packages/effects/vehicle-upgrade/effect.json +0 -6
- package/packages/effects/vehicle-upgrade/index.ts +0 -404
- package/packages/effects/weapon-trail/assets/textures/trail_wedge.png +0 -0
- package/packages/effects/weapon-trail/index.ts +0 -317
- package/packages/effects/wood-crusher-sawdust/assets/runtime/particleEmitter.v1.js +0 -312
- package/packages/effects/wood-crusher-sawdust/assets/textures/wood_crusher_sawdust_dust.png +0 -0
- package/packages/effects/wood-crusher-sawdust/assets/textures/wood_crusher_sawdust_fiber.png +0 -0
- package/packages/effects/wood-crusher-sawdust/index.ts +0 -43
- package/packages/effects/wood-crusher-sawdust/wood_crusher_sawdust.json +0 -592
- package/packages/effects/wood-cutter-sawdust/assets/runtime/particleEmitter.v1.js +0 -312
- package/packages/effects/wood-cutter-sawdust/assets/textures/wood_cutter_sawdust_chip.png +0 -0
- package/packages/effects/wood-cutter-sawdust/assets/textures/wood_cutter_sawdust_dust.png +0 -0
- package/packages/effects/wood-cutter-sawdust/index.ts +0 -43
- package/packages/effects/wood-cutter-sawdust/wood_cutter_sawdust.json +0 -592
- package/packages/effects/wood-sawdust-effect-factory.ts +0 -194
- package/packages/effects/wood_crusher_sawdust/assets/runtime/particleEmitter.v1.js +0 -318
- package/packages/effects/wood_crusher_sawdust/assets/textures/wood_crusher_sawdust_dust.png +0 -0
- package/packages/effects/wood_crusher_sawdust/assets/textures/wood_crusher_sawdust_fiber.png +0 -0
- package/packages/effects/wood_crusher_sawdust/index.ts +0 -29
- package/packages/effects/wood_crusher_sawdust/wood_crusher_sawdust.json +0 -592
- package/packages/effects/wood_cutter_sawdust/assets/runtime/particleEmitter.v1.js +0 -318
- package/packages/effects/wood_cutter_sawdust/assets/textures/wood_cutter_sawdust_chip.png +0 -0
- package/packages/effects/wood_cutter_sawdust/assets/textures/wood_cutter_sawdust_dust.png +0 -0
- package/packages/effects/wood_cutter_sawdust/index.ts +0 -29
- package/packages/effects/wood_cutter_sawdust/wood_cutter_sawdust.json +0 -592
- package/packages/effects/wood_peel_material_test/assets/runtime/woodPeelMaterialTest.v1.js +0 -196
- package/packages/effects/wood_peel_material_test/index.ts +0 -11
- package/packages/effects/wood_peel_material_test/wood_peel_material_test.json +0 -136
- package/packages/env.particle.forest_edge_fog/assets/runtime/particleEmitter.v1.js +0 -210
- package/packages/env.particle.forest_edge_fog/assets/textures/f12a23c4-b924-4322-a260-3d982428f1e8.png +0 -0
- package/packages/env.particle.forest_edge_fog/assets/textures/yuan.png +0 -0
- package/packages/env.particle.forest_edge_fog/effect.json +0 -854
- package/packages/env.particle.forest_edge_fog/media/preview.gif +0 -0
- package/packages/env.particle.forest_edge_fog/media/preview.mp4 +0 -0
- package/packages/env.particle.forest_edge_fog/media/preview.webm +0 -0
- package/packages/env.particle.forest_edge_fog/media/thumbnail.png +0 -0
- package/packages/env.particle.forest_edge_fog/metadata/description.json +0 -148
- package/packages/env.particle.forest_edge_fog/provenance/03-effect.original.json +0 -827
- package/packages/env.particle.forest_edge_fog/provenance/03-normalized-vfx-to-babylon-report.json +0 -196
- package/packages/env.particle.forest_edge_fog/provenance/04-preview-overrides.json +0 -432
- package/packages/env.particle.forest_edge_fog/provenance/04-preview-tuning-report.json +0 -28
- package/packages/env.particle.forest_edge_fog/provenance/asset-map.json +0 -124
- package/packages/env.particle.forest_edge_fog/provenance/lineage.json +0 -41
- package/packages/generation.ts +0 -14
- package/packages/index.ts +0 -14
- package/packages/legacy-particle-runtime.ts +0 -113
- package/packages/manifestRuntimePackage.ts +0 -519
- package/packages/registry.ts +0 -85
- package/packages/rendering.ts +0 -13
- package/packages/resource.particle.viscous_oil_suction/assets/runtime/top_disk_suction/particleEmitter.v1.js +0 -424
- package/packages/resource.particle.viscous_oil_suction/assets/textures/Glow ad.png +0 -0
- package/packages/resource.particle.viscous_oil_suction/effect.json +0 -1254
- package/packages/resource.particle.viscous_oil_suction/media/preview.gif +0 -0
- package/packages/resource.particle.viscous_oil_suction/media/preview.mp4 +0 -0
- package/packages/resource.particle.viscous_oil_suction/media/preview.webm +0 -0
- package/packages/resource.particle.viscous_oil_suction/media/thumbnail.png +0 -0
- package/packages/resource.particle.viscous_oil_suction/metadata/description.json +0 -122
- package/packages/resource.particle.viscous_oil_suction/provenance/03-effect.original.json +0 -1051
- package/packages/resource.particle.viscous_oil_suction/provenance/03-normalized-vfx-to-babylon-report.json +0 -200
- package/packages/resource.particle.viscous_oil_suction/provenance/04-preview-overrides.json +0 -581
- package/packages/resource.particle.viscous_oil_suction/provenance/04-preview-tuning-report.json +0 -28
- package/packages/resource.particle.viscous_oil_suction/provenance/asset-map.json +0 -111
- package/packages/resource.particle.viscous_oil_suction/provenance/lineage.json +0 -45
- package/packages/types.ts +0 -195
- package/tooling/check-dist-runtime.mjs +0 -166
- package/tooling/generate-index.mjs +0 -55
- package/tooling/test-guardrails.mjs +0 -157
- package/tooling/validate-boundary.mjs +0 -92
- package/tooling/validate-effects.mjs +0 -304
- package/tooling/validate.mjs +0 -53
|
@@ -1,432 +0,0 @@
|
|
|
1
|
-
import { Constants } from '@babylonjs/core/Engines/constants';
|
|
2
|
-
import { GlowLayer } from '@babylonjs/core/Layers/glowLayer';
|
|
3
|
-
import { Effect } from '@babylonjs/core/Materials/effect';
|
|
4
|
-
import { ShaderMaterial } from '@babylonjs/core/Materials/shaderMaterial';
|
|
5
|
-
import { Color3 } from '@babylonjs/core/Maths/math.color';
|
|
6
|
-
import { Vector3 } from '@babylonjs/core/Maths/math.vector';
|
|
7
|
-
import type { AbstractMesh } from '@babylonjs/core/Meshes/abstractMesh';
|
|
8
|
-
import { Mesh } from '@babylonjs/core/Meshes/mesh';
|
|
9
|
-
import { MeshBuilder } from '@babylonjs/core/Meshes/meshBuilder';
|
|
10
|
-
import { TransformNode } from '@babylonjs/core/Meshes/transformNode';
|
|
11
|
-
import type { Scene } from '@babylonjs/core/scene';
|
|
12
|
-
import { VFX_RENDERING_GROUP_ID } from '../../rendering';
|
|
13
|
-
import type { VfxColorValue, VfxEffectHandle, VfxEffectPackage, VfxParamValues } from '../../types';
|
|
14
|
-
|
|
15
|
-
export interface EnergyShieldParams extends VfxParamValues {
|
|
16
|
-
radius: number;
|
|
17
|
-
verticalScale: number;
|
|
18
|
-
color: VfxColorValue;
|
|
19
|
-
opacity: number;
|
|
20
|
-
fresnelPower: number;
|
|
21
|
-
fresnelStrength: number;
|
|
22
|
-
rimIntensity: number;
|
|
23
|
-
surfaceIntensity: number;
|
|
24
|
-
noiseScale: number;
|
|
25
|
-
noiseEdgeWidth: number;
|
|
26
|
-
noiseEdgeIntensity: number;
|
|
27
|
-
noiseEdgeSmoothness: number;
|
|
28
|
-
flowScale: number;
|
|
29
|
-
flowSpeed: number;
|
|
30
|
-
flowIntensity: number;
|
|
31
|
-
marbleContrast: number;
|
|
32
|
-
bloomIntensity: number;
|
|
33
|
-
bloomKernelSize: number;
|
|
34
|
-
segments: number;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
export interface CreateEnergyShieldOptions {
|
|
38
|
-
root?: TransformNode;
|
|
39
|
-
target?: TransformNode | AbstractMesh;
|
|
40
|
-
position?: Vector3;
|
|
41
|
-
params?: Partial<EnergyShieldParams>;
|
|
42
|
-
renderingGroupId?: number;
|
|
43
|
-
disposeRoot?: boolean;
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
export interface EnergyShieldHandle extends VfxEffectHandle {
|
|
47
|
-
shield: Mesh;
|
|
48
|
-
material: ShaderMaterial;
|
|
49
|
-
glowLayer: GlowLayer | null;
|
|
50
|
-
update(params: Partial<EnergyShieldParams>): void;
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
const SHADER_NAME = 'vfxEnergyShield';
|
|
54
|
-
|
|
55
|
-
const DEFAULT_PARAMS: EnergyShieldParams = {
|
|
56
|
-
radius: 3.18,
|
|
57
|
-
verticalScale: 1.02,
|
|
58
|
-
color: { r: 0.34902, g: 0.568627, b: 0.968627 },
|
|
59
|
-
opacity: 0.2,
|
|
60
|
-
fresnelPower: 1.8,
|
|
61
|
-
fresnelStrength: 0.66,
|
|
62
|
-
rimIntensity: 0.4,
|
|
63
|
-
surfaceIntensity: 0.3,
|
|
64
|
-
noiseScale: 1,
|
|
65
|
-
noiseEdgeWidth: 0.1,
|
|
66
|
-
noiseEdgeIntensity: 0.42,
|
|
67
|
-
noiseEdgeSmoothness: 0.5,
|
|
68
|
-
flowScale: 0.36,
|
|
69
|
-
flowSpeed: 0.25,
|
|
70
|
-
flowIntensity: 1.15,
|
|
71
|
-
marbleContrast: 0.67,
|
|
72
|
-
bloomIntensity: 0.45,
|
|
73
|
-
bloomKernelSize: 36,
|
|
74
|
-
segments: 64,
|
|
75
|
-
};
|
|
76
|
-
|
|
77
|
-
const VERTEX_SHADER = `
|
|
78
|
-
precision highp float;
|
|
79
|
-
|
|
80
|
-
attribute vec3 position;
|
|
81
|
-
attribute vec3 normal;
|
|
82
|
-
|
|
83
|
-
uniform mat4 world;
|
|
84
|
-
uniform mat4 worldViewProjection;
|
|
85
|
-
|
|
86
|
-
varying vec3 vObjPos;
|
|
87
|
-
varying vec3 vWorldPos;
|
|
88
|
-
varying vec3 vNormalW;
|
|
89
|
-
|
|
90
|
-
void main(void) {
|
|
91
|
-
vObjPos = position;
|
|
92
|
-
vec4 worldPos = world * vec4(position, 1.0);
|
|
93
|
-
vWorldPos = worldPos.xyz;
|
|
94
|
-
vNormalW = normalize(mat3(world) * normal);
|
|
95
|
-
gl_Position = worldViewProjection * vec4(position, 1.0);
|
|
96
|
-
}
|
|
97
|
-
`;
|
|
98
|
-
|
|
99
|
-
const FRAGMENT_SHADER = `
|
|
100
|
-
precision highp float;
|
|
101
|
-
|
|
102
|
-
uniform float uTime;
|
|
103
|
-
uniform vec3 cameraPosition;
|
|
104
|
-
uniform vec3 uColor;
|
|
105
|
-
uniform float uOpacity;
|
|
106
|
-
uniform float uFresnelPower;
|
|
107
|
-
uniform float uFresnelStrength;
|
|
108
|
-
uniform float uRimIntensity;
|
|
109
|
-
uniform float uSurfaceIntensity;
|
|
110
|
-
uniform float uNoiseScale;
|
|
111
|
-
uniform float uNoiseEdgeWidth;
|
|
112
|
-
uniform float uNoiseEdgeIntensity;
|
|
113
|
-
uniform float uNoiseEdgeSmoothness;
|
|
114
|
-
uniform float uFlowScale;
|
|
115
|
-
uniform float uFlowSpeed;
|
|
116
|
-
uniform float uFlowIntensity;
|
|
117
|
-
uniform float uMarbleContrast;
|
|
118
|
-
|
|
119
|
-
varying vec3 vObjPos;
|
|
120
|
-
varying vec3 vWorldPos;
|
|
121
|
-
varying vec3 vNormalW;
|
|
122
|
-
|
|
123
|
-
vec3 mod289v3(vec3 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }
|
|
124
|
-
vec4 mod289v4(vec4 x) { return x - floor(x * (1.0 / 289.0)) * 289.0; }
|
|
125
|
-
vec4 permute(vec4 x) { return mod289v4(((x * 34.0) + 1.0) * x); }
|
|
126
|
-
vec4 taylorInvSqrt(vec4 r) { return 1.79284291400159 - 0.85373472095314 * r; }
|
|
127
|
-
|
|
128
|
-
float saturate(float v) { return clamp(v, 0.0, 1.0); }
|
|
129
|
-
|
|
130
|
-
float snoise(vec3 v) {
|
|
131
|
-
const vec2 C = vec2(1.0 / 6.0, 1.0 / 3.0);
|
|
132
|
-
const vec4 D = vec4(0.0, 0.5, 1.0, 2.0);
|
|
133
|
-
vec3 i = floor(v + dot(v, C.yyy));
|
|
134
|
-
vec3 x0 = v - i + dot(i, C.xxx);
|
|
135
|
-
vec3 g = step(x0.yzx, x0.xyz);
|
|
136
|
-
vec3 l = 1.0 - g;
|
|
137
|
-
vec3 i1 = min(g.xyz, l.zxy);
|
|
138
|
-
vec3 i2 = max(g.xyz, l.zxy);
|
|
139
|
-
vec3 x1 = x0 - i1 + C.xxx;
|
|
140
|
-
vec3 x2 = x0 - i2 + C.yyy;
|
|
141
|
-
vec3 x3 = x0 - D.yyy;
|
|
142
|
-
i = mod289v3(i);
|
|
143
|
-
vec4 p = permute(permute(permute(
|
|
144
|
-
i.z + vec4(0.0, i1.z, i2.z, 1.0))
|
|
145
|
-
+ i.y + vec4(0.0, i1.y, i2.y, 1.0))
|
|
146
|
-
+ i.x + vec4(0.0, i1.x, i2.x, 1.0));
|
|
147
|
-
float n_ = 0.142857142857;
|
|
148
|
-
vec3 ns = n_ * D.wyz - D.xzx;
|
|
149
|
-
vec4 j = p - 49.0 * floor(p * ns.z * ns.z);
|
|
150
|
-
vec4 x_ = floor(j * ns.z);
|
|
151
|
-
vec4 y_ = floor(j - 7.0 * x_);
|
|
152
|
-
vec4 x = x_ * ns.x + ns.yyyy;
|
|
153
|
-
vec4 y = y_ * ns.x + ns.yyyy;
|
|
154
|
-
vec4 h = 1.0 - abs(x) - abs(y);
|
|
155
|
-
vec4 b0 = vec4(x.xy, y.xy);
|
|
156
|
-
vec4 b1 = vec4(x.zw, y.zw);
|
|
157
|
-
vec4 s0 = floor(b0) * 2.0 + 1.0;
|
|
158
|
-
vec4 s1 = floor(b1) * 2.0 + 1.0;
|
|
159
|
-
vec4 sh = -step(h, vec4(0.0));
|
|
160
|
-
vec4 a0 = b0.xzyw + s0.xzyw * sh.xxyy;
|
|
161
|
-
vec4 a1 = b1.xzyw + s1.xzyw * sh.zzww;
|
|
162
|
-
vec3 p0 = vec3(a0.xy, h.x);
|
|
163
|
-
vec3 p1 = vec3(a0.zw, h.y);
|
|
164
|
-
vec3 p2 = vec3(a1.xy, h.z);
|
|
165
|
-
vec3 p3 = vec3(a1.zw, h.w);
|
|
166
|
-
vec4 norm = taylorInvSqrt(vec4(dot(p0, p0), dot(p1, p1), dot(p2, p2), dot(p3, p3)));
|
|
167
|
-
p0 *= norm.x;
|
|
168
|
-
p1 *= norm.y;
|
|
169
|
-
p2 *= norm.z;
|
|
170
|
-
p3 *= norm.w;
|
|
171
|
-
vec4 m = max(0.6 - vec4(dot(x0, x0), dot(x1, x1), dot(x2, x2), dot(x3, x3)), 0.0);
|
|
172
|
-
m = m * m;
|
|
173
|
-
return 42.0 * dot(m * m, vec4(dot(p0, x0), dot(p1, x1), dot(p2, x2), dot(p3, x3)));
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
float fbm(vec3 p) {
|
|
177
|
-
float total = 0.0;
|
|
178
|
-
float amp = 0.55;
|
|
179
|
-
total += snoise(p) * amp;
|
|
180
|
-
p = p * 2.03 + vec3(17.1, 3.7, 9.2);
|
|
181
|
-
amp *= 0.52;
|
|
182
|
-
total += snoise(p) * amp;
|
|
183
|
-
p = p * 2.11 + vec3(4.3, 13.9, 6.4);
|
|
184
|
-
amp *= 0.5;
|
|
185
|
-
total += snoise(p) * amp;
|
|
186
|
-
return total;
|
|
187
|
-
}
|
|
188
|
-
|
|
189
|
-
void main(void) {
|
|
190
|
-
vec3 normalW = normalize(vNormalW);
|
|
191
|
-
vec3 viewDir = normalize(cameraPosition - vWorldPos);
|
|
192
|
-
float ndv = saturate(dot(normalW, viewDir));
|
|
193
|
-
float fresnel = pow(1.0 - ndv, max(0.05, uFresnelPower)) * uFresnelStrength;
|
|
194
|
-
|
|
195
|
-
float t = uTime * uFlowSpeed;
|
|
196
|
-
vec3 spherePos = normalize(vObjPos + vec3(0.0001)) * max(0.05, uNoiseScale);
|
|
197
|
-
vec3 flowA = spherePos * uFlowScale + vec3(t, t * 0.62, t * 0.38);
|
|
198
|
-
vec3 flowB = spherePos * (uFlowScale * 1.91) + vec3(-t * 0.46, t * 0.82, -t * 0.27);
|
|
199
|
-
float n1 = fbm(flowA);
|
|
200
|
-
float n2 = fbm(flowB);
|
|
201
|
-
float cloud = saturate((n1 * 0.58 + n2 * 0.42) * 0.5 + 0.5);
|
|
202
|
-
|
|
203
|
-
float veinInput = spherePos.y * 0.92 + n1 * 1.65 + n2 * 0.74 + t * 0.13;
|
|
204
|
-
float ribbon = abs(sin(veinInput * 3.14159265));
|
|
205
|
-
float marble = pow(1.0 - ribbon, max(0.25, uMarbleContrast));
|
|
206
|
-
float nebula = saturate(mix(cloud, marble, 0.58) * uFlowIntensity * 0.34);
|
|
207
|
-
|
|
208
|
-
float edgeWidth = max(0.01, uNoiseEdgeWidth);
|
|
209
|
-
float edgeSoft = max(0.01, uNoiseEdgeSmoothness) * 0.22;
|
|
210
|
-
float noiseEdge = smoothstep(1.0 - edgeWidth - edgeSoft, 1.0 - edgeWidth * 0.22, nebula);
|
|
211
|
-
|
|
212
|
-
vec3 deepBlue = uColor * (0.12 + 0.42 * cloud);
|
|
213
|
-
vec3 marbleBlue = uColor * (0.34 + 0.9 * marble) * uSurfaceIntensity;
|
|
214
|
-
vec3 rimBlue = uColor * fresnel * uRimIntensity;
|
|
215
|
-
vec3 edgeBlue = uColor * noiseEdge * uNoiseEdgeIntensity;
|
|
216
|
-
vec3 color = min((deepBlue + marbleBlue + rimBlue + edgeBlue) * 0.72, vec3(1.12));
|
|
217
|
-
|
|
218
|
-
float alpha = uOpacity * (0.16 + 0.34 * cloud + 0.24 * marble);
|
|
219
|
-
alpha += fresnel * uOpacity * 0.58;
|
|
220
|
-
alpha += noiseEdge * uNoiseEdgeIntensity * 0.05;
|
|
221
|
-
|
|
222
|
-
gl_FragColor = vec4(color, saturate(alpha));
|
|
223
|
-
}
|
|
224
|
-
`;
|
|
225
|
-
|
|
226
|
-
export const energyShieldEffectPackage: VfxEffectPackage<EnergyShieldParams> = {
|
|
227
|
-
id: 'energy-shield',
|
|
228
|
-
nameZh: '半球玻璃罩',
|
|
229
|
-
placement: 'socket',
|
|
230
|
-
defaultParams: DEFAULT_PARAMS,
|
|
231
|
-
debugAnchor: 'player',
|
|
232
|
-
manifest: {
|
|
233
|
-
id: 'energy-shield',
|
|
234
|
-
nameZh: '半球玻璃罩',
|
|
235
|
-
source: 'https://github.com/cortiz2894/flow-shield-effect',
|
|
236
|
-
},
|
|
237
|
-
debugParams: [
|
|
238
|
-
{ key: 'radius', label: '玻璃罩半径', kind: 'scale', min: 0.4, max: 10, step: 0.01 },
|
|
239
|
-
{ key: 'verticalScale', label: '纵向缩放', kind: 'scale', min: 0.5, max: 1.8, step: 0.01 },
|
|
240
|
-
{ key: 'color', label: '主体颜色', kind: 'color' },
|
|
241
|
-
{ key: 'opacity', label: '透明度', kind: 'opacity', min: 0.02, max: 1, step: 0.01 },
|
|
242
|
-
{ key: 'fresnelPower', label: '边缘曲线', kind: 'number', min: 0.2, max: 6, step: 0.01 },
|
|
243
|
-
{ key: 'fresnelStrength', label: '边缘强度', kind: 'number', min: 0, max: 6, step: 0.01 },
|
|
244
|
-
{ key: 'rimIntensity', label: '轮廓亮度', kind: 'number', min: 0, max: 4, step: 0.01 },
|
|
245
|
-
{ key: 'surfaceIntensity', label: '表面亮度', kind: 'number', min: 0, max: 3, step: 0.01 },
|
|
246
|
-
{ key: 'noiseScale', label: '噪声缩放', kind: 'number', min: 0.2, max: 5, step: 0.01 },
|
|
247
|
-
{ key: 'noiseEdgeWidth', label: '噪声亮边宽度', kind: 'number', min: 0.01, max: 0.5, step: 0.01 },
|
|
248
|
-
{ key: 'noiseEdgeIntensity', label: '噪声亮边强度', kind: 'number', min: 0, max: 4, step: 0.01 },
|
|
249
|
-
{ key: 'noiseEdgeSmoothness', label: '噪声亮边柔和度', kind: 'number', min: 0.02, max: 1, step: 0.01 },
|
|
250
|
-
{ key: 'flowScale', label: '纹路密度', kind: 'number', min: 0, max: 3, step: 0.01 },
|
|
251
|
-
{ key: 'flowSpeed', label: '流动速度', kind: 'number', min: 0, max: 5, step: 0.01 },
|
|
252
|
-
{ key: 'flowIntensity', label: '流动强度', kind: 'number', min: 0, max: 8, step: 0.01 },
|
|
253
|
-
{ key: 'marbleContrast', label: '纹路锐度', kind: 'number', min: 0.25, max: 4, step: 0.01 },
|
|
254
|
-
{ key: 'bloomIntensity', label: 'Bloom 强度', kind: 'number', min: 0, max: 4, step: 0.01 },
|
|
255
|
-
{ key: 'bloomKernelSize', label: 'Bloom 半径', kind: 'number', min: 8, max: 128, step: 1 },
|
|
256
|
-
],
|
|
257
|
-
create({ scene, root, position, renderingGroupId, params }) {
|
|
258
|
-
return createEnergyShield(scene, { root, position, renderingGroupId, params });
|
|
259
|
-
},
|
|
260
|
-
};
|
|
261
|
-
|
|
262
|
-
export default energyShieldEffectPackage;
|
|
263
|
-
|
|
264
|
-
export function createEnergyShield(scene: Scene, options: CreateEnergyShieldOptions = {}): EnergyShieldHandle {
|
|
265
|
-
registerShaders();
|
|
266
|
-
|
|
267
|
-
let params = mergeParams(options.params);
|
|
268
|
-
const root = options.root ?? new TransformNode('vfx_energyShield_root', scene);
|
|
269
|
-
const disposeRoot = options.disposeRoot ?? true;
|
|
270
|
-
if (options.target) {
|
|
271
|
-
root.parent = options.target;
|
|
272
|
-
root.position.set(0, 0, 0);
|
|
273
|
-
} else {
|
|
274
|
-
root.position.copyFrom(options.position ?? Vector3.ZeroReadOnly);
|
|
275
|
-
}
|
|
276
|
-
|
|
277
|
-
const shield = MeshBuilder.CreateSphere(
|
|
278
|
-
'vfx_energyShield_hemisphere',
|
|
279
|
-
{
|
|
280
|
-
diameter: 2,
|
|
281
|
-
segments: Math.max(16, Math.round(params.segments)),
|
|
282
|
-
slice: 0.5,
|
|
283
|
-
updatable: false,
|
|
284
|
-
},
|
|
285
|
-
scene,
|
|
286
|
-
);
|
|
287
|
-
shield.parent = root;
|
|
288
|
-
shield.isPickable = false;
|
|
289
|
-
shield.alwaysSelectAsActiveMesh = true;
|
|
290
|
-
shield.renderingGroupId = options.renderingGroupId ?? VFX_RENDERING_GROUP_ID;
|
|
291
|
-
shield.alphaIndex = 20;
|
|
292
|
-
|
|
293
|
-
const material = createShieldMaterial(scene);
|
|
294
|
-
shield.material = material;
|
|
295
|
-
|
|
296
|
-
let glowLayer: GlowLayer | null = null;
|
|
297
|
-
if (params.bloomIntensity > 0) {
|
|
298
|
-
glowLayer = new GlowLayer(`vfx_energyShield_glow_${shield.uniqueId}`, scene, {
|
|
299
|
-
blurKernelSize: params.bloomKernelSize,
|
|
300
|
-
mainTextureRatio: 0.35,
|
|
301
|
-
});
|
|
302
|
-
glowLayer.intensity = params.bloomIntensity;
|
|
303
|
-
glowLayer.addIncludedOnlyMesh(shield);
|
|
304
|
-
glowLayer.referenceMeshToUseItsOwnMaterial(shield);
|
|
305
|
-
}
|
|
306
|
-
|
|
307
|
-
applyParams(material, shield, glowLayer, params);
|
|
308
|
-
|
|
309
|
-
let elapsed = 0;
|
|
310
|
-
const observer = scene.onBeforeRenderObservable.add(() => {
|
|
311
|
-
elapsed += Math.min(scene.getEngine().getDeltaTime() / 1000, 0.05);
|
|
312
|
-
material.setFloat('uTime', elapsed);
|
|
313
|
-
});
|
|
314
|
-
|
|
315
|
-
let disposed = false;
|
|
316
|
-
const dispose = (): void => {
|
|
317
|
-
if (disposed) return;
|
|
318
|
-
disposed = true;
|
|
319
|
-
scene.onBeforeRenderObservable.remove(observer);
|
|
320
|
-
glowLayer?.dispose();
|
|
321
|
-
shield.dispose(false, false);
|
|
322
|
-
material.dispose();
|
|
323
|
-
if (disposeRoot) root.dispose();
|
|
324
|
-
};
|
|
325
|
-
|
|
326
|
-
return {
|
|
327
|
-
root,
|
|
328
|
-
shield,
|
|
329
|
-
material,
|
|
330
|
-
glowLayer,
|
|
331
|
-
update(partial: Partial<EnergyShieldParams>) {
|
|
332
|
-
params = mergeParams(partial, params);
|
|
333
|
-
applyParams(material, shield, glowLayer, params);
|
|
334
|
-
if (!glowLayer && params.bloomIntensity > 0) {
|
|
335
|
-
glowLayer = new GlowLayer(`vfx_energyShield_glow_${shield.uniqueId}`, scene, {
|
|
336
|
-
blurKernelSize: params.bloomKernelSize,
|
|
337
|
-
mainTextureRatio: 0.35,
|
|
338
|
-
});
|
|
339
|
-
glowLayer.addIncludedOnlyMesh(shield);
|
|
340
|
-
glowLayer.referenceMeshToUseItsOwnMaterial(shield);
|
|
341
|
-
glowLayer.intensity = params.bloomIntensity;
|
|
342
|
-
applyParams(material, shield, glowLayer, params);
|
|
343
|
-
this.glowLayer = glowLayer;
|
|
344
|
-
}
|
|
345
|
-
},
|
|
346
|
-
dispose,
|
|
347
|
-
};
|
|
348
|
-
}
|
|
349
|
-
|
|
350
|
-
function createShieldMaterial(scene: Scene): ShaderMaterial {
|
|
351
|
-
const material = new ShaderMaterial(
|
|
352
|
-
'vfx_energyShield_material',
|
|
353
|
-
scene,
|
|
354
|
-
{ vertex: SHADER_NAME, fragment: SHADER_NAME },
|
|
355
|
-
{
|
|
356
|
-
attributes: ['position', 'normal'],
|
|
357
|
-
uniforms: [
|
|
358
|
-
'world',
|
|
359
|
-
'worldViewProjection',
|
|
360
|
-
'cameraPosition',
|
|
361
|
-
'uTime',
|
|
362
|
-
'uColor',
|
|
363
|
-
'uOpacity',
|
|
364
|
-
'uFresnelPower',
|
|
365
|
-
'uFresnelStrength',
|
|
366
|
-
'uRimIntensity',
|
|
367
|
-
'uSurfaceIntensity',
|
|
368
|
-
'uNoiseScale',
|
|
369
|
-
'uNoiseEdgeWidth',
|
|
370
|
-
'uNoiseEdgeIntensity',
|
|
371
|
-
'uNoiseEdgeSmoothness',
|
|
372
|
-
'uFlowScale',
|
|
373
|
-
'uFlowSpeed',
|
|
374
|
-
'uFlowIntensity',
|
|
375
|
-
'uMarbleContrast',
|
|
376
|
-
],
|
|
377
|
-
needAlphaBlending: true,
|
|
378
|
-
},
|
|
379
|
-
);
|
|
380
|
-
material.alphaMode = Constants.ALPHA_COMBINE;
|
|
381
|
-
material.backFaceCulling = false;
|
|
382
|
-
material.disableDepthWrite = true;
|
|
383
|
-
material.fogEnabled = false;
|
|
384
|
-
return material;
|
|
385
|
-
}
|
|
386
|
-
|
|
387
|
-
function applyParams(
|
|
388
|
-
material: ShaderMaterial,
|
|
389
|
-
shield: Mesh,
|
|
390
|
-
glowLayer: GlowLayer | null,
|
|
391
|
-
params: EnergyShieldParams,
|
|
392
|
-
): void {
|
|
393
|
-
shield.scaling.set(params.radius, params.radius * params.verticalScale, params.radius);
|
|
394
|
-
material.setColor3('uColor', toColor3(params.color));
|
|
395
|
-
material.setFloat('uOpacity', params.opacity);
|
|
396
|
-
material.setFloat('uFresnelPower', params.fresnelPower);
|
|
397
|
-
material.setFloat('uFresnelStrength', params.fresnelStrength);
|
|
398
|
-
material.setFloat('uRimIntensity', params.rimIntensity);
|
|
399
|
-
material.setFloat('uSurfaceIntensity', params.surfaceIntensity);
|
|
400
|
-
material.setFloat('uNoiseScale', params.noiseScale);
|
|
401
|
-
material.setFloat('uNoiseEdgeWidth', params.noiseEdgeWidth);
|
|
402
|
-
material.setFloat('uNoiseEdgeIntensity', params.noiseEdgeIntensity);
|
|
403
|
-
material.setFloat('uNoiseEdgeSmoothness', params.noiseEdgeSmoothness);
|
|
404
|
-
material.setFloat('uFlowScale', params.flowScale);
|
|
405
|
-
material.setFloat('uFlowSpeed', params.flowSpeed);
|
|
406
|
-
material.setFloat('uFlowIntensity', params.flowIntensity);
|
|
407
|
-
material.setFloat('uMarbleContrast', params.marbleContrast);
|
|
408
|
-
if (glowLayer) {
|
|
409
|
-
glowLayer.intensity = params.bloomIntensity;
|
|
410
|
-
glowLayer.blurKernelSize = params.bloomKernelSize;
|
|
411
|
-
}
|
|
412
|
-
}
|
|
413
|
-
|
|
414
|
-
function mergeParams(
|
|
415
|
-
patch: Partial<EnergyShieldParams> | undefined,
|
|
416
|
-
base: EnergyShieldParams = DEFAULT_PARAMS,
|
|
417
|
-
): EnergyShieldParams {
|
|
418
|
-
return {
|
|
419
|
-
...base,
|
|
420
|
-
...patch,
|
|
421
|
-
color: patch?.color ? { ...patch.color } : { ...base.color },
|
|
422
|
-
};
|
|
423
|
-
}
|
|
424
|
-
|
|
425
|
-
function toColor3(color: VfxColorValue): Color3 {
|
|
426
|
-
return new Color3(color.r, color.g, color.b);
|
|
427
|
-
}
|
|
428
|
-
|
|
429
|
-
function registerShaders(): void {
|
|
430
|
-
Effect.ShadersStore[`${SHADER_NAME}VertexShader`] = VERTEX_SHADER;
|
|
431
|
-
Effect.ShadersStore[`${SHADER_NAME}FragmentShader`] = FRAGMENT_SHADER;
|
|
432
|
-
}
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,115 +0,0 @@
|
|
|
1
|
-
// 爆炸(组合:闪光/光晕 #6 + 序列帧火花 #7 + 火花点 #9)。一次性爆点,参数分三段独立调。
|
|
2
|
-
// 闪光段:2 billboard 面片 sqrt 缩放+淡出;序列帧段:5x5 火花 ADD;火花点段:lizi ADD 下落火星。
|
|
3
|
-
import { Mesh } from '@babylonjs/core/Meshes/mesh';
|
|
4
|
-
import { CreatePlane } from '@babylonjs/core/Meshes/Builders/planeBuilder';
|
|
5
|
-
import { StandardMaterial } from '@babylonjs/core/Materials/standardMaterial';
|
|
6
|
-
import { Texture } from '@babylonjs/core/Materials/Textures/texture';
|
|
7
|
-
import { ParticleSystem } from '@babylonjs/core/Particles/particleSystem';
|
|
8
|
-
import { Color3, Color4 } from '@babylonjs/core/Maths/math.color';
|
|
9
|
-
import { Vector3 } from '@babylonjs/core/Maths/math.vector';
|
|
10
|
-
import { Constants } from '@babylonjs/core/Engines/constants';
|
|
11
|
-
import type { Scene } from '@babylonjs/core/scene';
|
|
12
|
-
import type { Observer } from '@babylonjs/core/Misc/observable';
|
|
13
|
-
import type { VfxEffectPackage, VfxParamValues } from '../../types';
|
|
14
|
-
import { makeBurstPS } from '../space-shared';
|
|
15
|
-
import baozhaUrl from './assets/textures/baozha29.webp?url';
|
|
16
|
-
import glowUrl from './assets/textures/glow01.webp?url';
|
|
17
|
-
import bombUrl from './assets/textures/xulie_lizibaozha02_5x5.webp?url';
|
|
18
|
-
import liziUrl from './assets/textures/lizi01.webp?url';
|
|
19
|
-
|
|
20
|
-
interface ExplosionParams extends VfxParamValues {
|
|
21
|
-
// 段1 闪光/光晕
|
|
22
|
-
flashRadius: number; flashBrightness: number;
|
|
23
|
-
// 段2 序列帧火花
|
|
24
|
-
sparksCount: number; sparksSize: number;
|
|
25
|
-
// 段3 火花点
|
|
26
|
-
embersCount: number; embersPower: number;
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
const DEFAULT_PARAMS: ExplosionParams = {
|
|
30
|
-
flashRadius: 1.8, flashBrightness: 1.0,
|
|
31
|
-
sparksCount: 4, sparksSize: 1,
|
|
32
|
-
embersCount: 24, embersPower: 14,
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
interface Flash { mesh: Mesh; mat: StandardMaterial; from: number; to: number; life: number; maxLife: number; }
|
|
36
|
-
|
|
37
|
-
export const explosionEffectPackage: VfxEffectPackage<ExplosionParams> = {
|
|
38
|
-
id: 'explosion',
|
|
39
|
-
nameZh: '爆炸',
|
|
40
|
-
placement: 'world',
|
|
41
|
-
debugAnchor: 'playerRight',
|
|
42
|
-
defaultParams: DEFAULT_PARAMS,
|
|
43
|
-
debugParams: [
|
|
44
|
-
// 段1 · 闪光/光晕
|
|
45
|
-
{ key: 'flashRadius', label: '闪光·半径', kind: 'scale', min: 0.5, max: 5, step: 0.1 },
|
|
46
|
-
{ key: 'flashBrightness', label: '闪光·亮度', kind: 'number', min: 0.2, max: 3, step: 0.05 },
|
|
47
|
-
// 段2 · 序列帧火花
|
|
48
|
-
{ key: 'sparksCount', label: '序列帧·数量', kind: 'number', min: 0, max: 30, step: 1 },
|
|
49
|
-
{ key: 'sparksSize', label: '序列帧·尺寸', kind: 'scale', min: 0.2, max: 3, step: 0.05 },
|
|
50
|
-
// 段3 · 火花点
|
|
51
|
-
{ key: 'embersCount', label: '火花点·数量', kind: 'number', min: 0, max: 80, step: 1 },
|
|
52
|
-
{ key: 'embersPower', label: '火花点·速度', kind: 'number', min: 2, max: 30, step: 0.5 },
|
|
53
|
-
],
|
|
54
|
-
|
|
55
|
-
create({ scene, root, position, params }) {
|
|
56
|
-
root.position.copyFrom(position);
|
|
57
|
-
|
|
58
|
-
// ── 段1 闪光/光晕 ──────────────────────────────────────────────────────────
|
|
59
|
-
const r = params.flashRadius, b = params.flashBrightness;
|
|
60
|
-
const flashes: Flash[] = [];
|
|
61
|
-
function flashPlane(url: string, from: number, to: number, maxLife: number, color: Color3, alphaFromRGB: boolean): void {
|
|
62
|
-
const m = CreatePlane('vfx_exp_flash', { size: 1 }, scene);
|
|
63
|
-
m.billboardMode = Mesh.BILLBOARDMODE_ALL; m.position.copyFrom(position); m.isPickable = false;
|
|
64
|
-
const tex = new Texture(url, scene); tex.hasAlpha = true; if (alphaFromRGB) tex.getAlphaFromRGB = true;
|
|
65
|
-
const mat = new StandardMaterial('vfx_exp_flashMat', scene);
|
|
66
|
-
mat.emissiveTexture = tex; mat.opacityTexture = tex; mat.emissiveColor = color.scale(b);
|
|
67
|
-
mat.disableLighting = true; mat.alphaMode = Constants.ALPHA_ADD;
|
|
68
|
-
m.material = mat; m.scaling.setAll(from);
|
|
69
|
-
flashes.push({ mesh: m, mat, from, to, life: 0, maxLife });
|
|
70
|
-
}
|
|
71
|
-
flashPlane(baozhaUrl, r * 1.5, r * 5.2, 0.4, new Color3(1.6, 1.2, 0.8), true);
|
|
72
|
-
flashPlane(glowUrl, r * 2, r * 7, 0.3, new Color3(1.2, 0.75, 0.35), false);
|
|
73
|
-
|
|
74
|
-
// ── 段2 序列帧火花 ─────────────────────────────────────────────────────────
|
|
75
|
-
const sparksPs = makeBurstPS('vfx_exp_sparks', scene, bombUrl, {
|
|
76
|
-
cap: 120, sheet: [75, 75, 25], size: [4.5, 7], life: [0.55, 0.7], power: [0, 0.6], gravity: new Vector3(0, 0, 0),
|
|
77
|
-
blend: ParticleSystem.BLENDMODE_ADD, c1: new Color4(1, 0.95, 0.85, 1), c2: new Color4(1, 0.8, 0.55, 1), cd: new Color4(1, 0.5, 0.2, 0),
|
|
78
|
-
});
|
|
79
|
-
sparksPs.minSize *= params.sparksSize; sparksPs.maxSize *= params.sparksSize;
|
|
80
|
-
(sparksPs.emitter as Vector3).copyFrom(position);
|
|
81
|
-
sparksPs.manualEmitCount += Math.round(params.sparksCount);
|
|
82
|
-
|
|
83
|
-
// ── 段3 火花点 ─────────────────────────────────────────────────────────────
|
|
84
|
-
const embersPs = makeBurstPS('vfx_exp_embers', scene, liziUrl, {
|
|
85
|
-
cap: 120, size: [0.25, 0.7], life: [0.3, 0.8], power: [params.embersPower * 0.43, params.embersPower], gravity: new Vector3(0, -9, 0),
|
|
86
|
-
blend: ParticleSystem.BLENDMODE_ADD, c1: new Color4(1, 0.85, 0.5, 1), c2: new Color4(1, 0.6, 0.25, 1), cd: new Color4(0.8, 0.3, 0.1, 0),
|
|
87
|
-
});
|
|
88
|
-
(embersPs.emitter as Vector3).copyFrom(position);
|
|
89
|
-
embersPs.manualEmitCount += Math.round(params.embersCount);
|
|
90
|
-
|
|
91
|
-
// 闪光 tween 每帧
|
|
92
|
-
const observer = scene.onBeforeRenderObservable.add(() => {
|
|
93
|
-
const dt = Math.min(scene.getEngine().getDeltaTime() / 1000, 0.05);
|
|
94
|
-
for (let i = flashes.length - 1; i >= 0; i--) {
|
|
95
|
-
const f = flashes[i]; f.life += dt; const k = Math.min(1, f.life / f.maxLife);
|
|
96
|
-
f.mesh.scaling.setAll(f.from + (f.to - f.from) * Math.sqrt(k));
|
|
97
|
-
f.mat.alpha = 1 - k;
|
|
98
|
-
if (k >= 1) { f.mesh.dispose(); f.mat.dispose(false, true); flashes.splice(i, 1); }
|
|
99
|
-
}
|
|
100
|
-
});
|
|
101
|
-
|
|
102
|
-
let disposed = false;
|
|
103
|
-
const disposeTimer = window.setTimeout(() => disposeAll(), 1400);
|
|
104
|
-
function disposeAll(): void {
|
|
105
|
-
if (disposed) return; disposed = true;
|
|
106
|
-
window.clearTimeout(disposeTimer);
|
|
107
|
-
scene.onBeforeRenderObservable.remove(observer as Observer<Scene>);
|
|
108
|
-
for (const f of flashes) { f.mesh.dispose(); f.mat.dispose(false, true); }
|
|
109
|
-
flashes.length = 0;
|
|
110
|
-
sparksPs.dispose(); embersPs.dispose();
|
|
111
|
-
root.dispose();
|
|
112
|
-
}
|
|
113
|
-
return { root, dispose() { disposeAll(); } };
|
|
114
|
-
},
|
|
115
|
-
};
|