three-base 2.0.137 → 2.0.145

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.
Files changed (273) hide show
  1. package/DirectionalLight.d.ts +2 -2
  2. package/DirectionalLight.js +1 -1
  3. package/DirectionalLight.ts +70 -0
  4. package/EventMap.d.ts +103 -0
  5. package/EventMap.js +17 -0
  6. package/EventMap.ts +139 -0
  7. package/EventMesh.ts +60 -0
  8. package/ExtrudeMesh.js +1 -25
  9. package/ExtrudeMesh.ts +553 -0
  10. package/FPScontrol.d.ts +448 -15
  11. package/FPScontrol.js +1448 -266
  12. package/FPScontrol.ts +1855 -0
  13. package/Fire/Fire.d.ts +4 -4
  14. package/Fire/Fire.js +8 -7
  15. package/Fire/Fire.ts +89 -0
  16. package/Fire/{FireGromtry.d.ts → FireGeometry.d.ts} +2 -2
  17. package/Fire/{FireGromtry.js → FireGeometry.js} +1 -1
  18. package/Fire/FireGeometry.ts +40 -0
  19. package/Fire/FireMaterial.d.ts +3 -3
  20. package/Fire/FireMaterial.js +1 -1
  21. package/Fire/FireMaterial.ts +89 -0
  22. package/Fire/index.d.ts +1 -0
  23. package/Fire/index.js +1 -0
  24. package/Fire/index.ts +2 -0
  25. package/GLTFDracoLoader.d.ts +71 -0
  26. package/GLTFDracoLoader.js +266 -0
  27. package/GLTFDracoLoader.ts +430 -0
  28. package/Grass/Grass.d.ts +2 -2
  29. package/Grass/Grass.ts +38 -0
  30. package/Grass/index.d.ts +1 -0
  31. package/Grass/index.js +1 -0
  32. package/Grass/index.ts +2 -0
  33. package/Ground1/Ground1.d.ts +2 -3
  34. package/Ground1/Ground1.js +64 -60
  35. package/Ground1/Ground1.ts +114 -0
  36. package/Ground1/index.ts +1 -0
  37. package/MeshBase.d.ts +1 -0
  38. package/MeshBase.js +37 -13
  39. package/MeshBase.ts +253 -0
  40. package/Mirror.d.ts +3 -3
  41. package/Mirror.js +7 -3
  42. package/Mirror.ts +203 -0
  43. package/MktMesh/MktMesh.d.ts +301 -0
  44. package/MktMesh/MktMesh.js +1064 -0
  45. package/MktMesh/MktMesh.ts +1096 -0
  46. package/MktMesh/assetUrl.d.ts +59 -0
  47. package/MktMesh/assetUrl.js +154 -0
  48. package/MktMesh/assetUrl.ts +155 -0
  49. package/MktMesh/mktMappingShader.d.ts +12 -0
  50. package/MktMesh/mktMappingShader.js +139 -0
  51. package/MktMesh/mktMappingShader.ts +139 -0
  52. package/MktMesh/mktShader.d.ts +263 -0
  53. package/MktMesh/mktShader.js +1248 -0
  54. package/MktMesh/mktShader.ts +1344 -0
  55. package/MktMesh/panoBitmapTexture.d.ts +25 -0
  56. package/MktMesh/panoBitmapTexture.js +52 -0
  57. package/MktMesh/panoBitmapTexture.ts +54 -0
  58. package/MktMesh/panoSlotBind.d.ts +29 -0
  59. package/MktMesh/panoSlotBind.js +106 -0
  60. package/MktMesh/panoSlotBind.ts +153 -0
  61. package/MktMesh/panoSlotRoster.d.ts +22 -0
  62. package/MktMesh/panoSlotRoster.js +169 -0
  63. package/MktMesh/panoSlotRoster.ts +168 -0
  64. package/MktMesh/panoTileStitcher.d.ts +119 -0
  65. package/MktMesh/panoTileStitcher.js +533 -0
  66. package/MktMesh/panoTileStitcher.ts +616 -0
  67. package/MktMesh/types.d.ts +75 -0
  68. package/MktMesh/types.js +1 -0
  69. package/MktMesh/types.ts +87 -0
  70. package/MktMesh/wallCapTessellate.d.ts +33 -0
  71. package/MktMesh/wallCapTessellate.js +97 -0
  72. package/MktMesh/wallCapTessellate.ts +68 -0
  73. package/PipeMesh/PathGeometry.js +9 -2
  74. package/PipeMesh/PathGeometry.ts +343 -0
  75. package/PipeMesh/PathPoint.ts +36 -0
  76. package/PipeMesh/PathPointList.js +1 -0
  77. package/PipeMesh/PathPointList.ts +227 -0
  78. package/PipeMesh/PathTubeGeometry.ts +146 -0
  79. package/PipeMesh/PipeMesh.d.ts +1 -1
  80. package/PipeMesh/PipeMesh.js +1 -1
  81. package/PipeMesh/PipeMesh.ts +76 -0
  82. package/PipeMesh/index.ts +1 -0
  83. package/PlaneModal1/PlaneModal1.d.ts +16 -13
  84. package/PlaneModal1/PlaneModal1.js +4 -0
  85. package/PlaneModal1/PlaneModal1.ts +138 -0
  86. package/PlaneModal1/index.ts +1 -0
  87. package/PlaneText.d.ts +2 -14
  88. package/PlaneText.js +7 -2
  89. package/PlaneText.ts +55 -0
  90. package/PlaneWithHtml.d.ts +4 -2
  91. package/PlaneWithHtml.js +2 -1
  92. package/PlaneWithHtml.ts +70 -0
  93. package/PointLight/PointLight.d.ts +3 -4
  94. package/PointLight/PointLight.js +1 -7
  95. package/PointLight/PointLight.ts +67 -0
  96. package/PointLight/index.ts +1 -0
  97. package/README.md +110 -79
  98. package/Sky/Sky.ts +22 -0
  99. package/Sky/index.ts +1 -0
  100. package/SpotLight.d.ts +2 -2
  101. package/SpotLight.js +1 -1
  102. package/SpotLight.ts +74 -0
  103. package/SpriteModal1/SpriteModal1.d.ts +16 -13
  104. package/SpriteModal1/SpriteModal1.js +8 -2
  105. package/SpriteModal1/SpriteModal1.ts +146 -0
  106. package/SpriteModal1/index.ts +1 -0
  107. package/SpriteText.d.ts +14 -13
  108. package/SpriteText.js +22 -9
  109. package/SpriteText.ts +205 -0
  110. package/SpriteText2.d.ts +9 -8
  111. package/SpriteText2.js +57 -32
  112. package/SpriteText2.ts +258 -0
  113. package/SpriteText3.d.ts +86 -0
  114. package/SpriteText3.js +519 -0
  115. package/SpriteText3.ts +599 -0
  116. package/SpriteWithHtml.d.ts +4 -2
  117. package/SpriteWithHtml.ts +50 -0
  118. package/Text3D/Text3D.js +17 -21
  119. package/Text3D/Text3D.ts +77 -0
  120. package/Text3D/fontController.d.ts +10 -9
  121. package/Text3D/fontController.js +17 -50
  122. package/Text3D/fontController.ts +209 -0
  123. package/Text3D/index.ts +1 -0
  124. package/ThreeBase.d.ts +168 -31
  125. package/ThreeBase.js +663 -117
  126. package/ThreeBase.ts +1314 -0
  127. package/ThreeMouse.d.ts +20 -7
  128. package/ThreeMouse.js +78 -32
  129. package/ThreeMouse.ts +472 -0
  130. package/Transition.d.ts +12 -7
  131. package/Transition.js +26 -27
  132. package/Transition.ts +242 -0
  133. package/Water/Water.js +21 -3
  134. package/Water/Water.ts +45 -0
  135. package/Water/index.d.ts +2 -0
  136. package/Water/index.js +2 -0
  137. package/Water/index.ts +2 -0
  138. package/WaterFlow/FloatingDuck.d.ts +88 -0
  139. package/WaterFlow/FloatingDuck.js +307 -0
  140. package/WaterFlow/FloatingDuck.ts +445 -0
  141. package/WaterFlow/GPUFluidSimulation.d.ts +56 -0
  142. package/WaterFlow/GPUFluidSimulation.js +785 -0
  143. package/WaterFlow/GPUFluidSimulation.ts +827 -0
  144. package/WaterFlow/ReservoirSystem.d.ts +106 -0
  145. package/WaterFlow/ReservoirSystem.js +621 -0
  146. package/WaterFlow/ReservoirSystem.ts +754 -0
  147. package/WaterFlow/SPHField.d.ts +35 -0
  148. package/WaterFlow/SPHField.js +204 -0
  149. package/WaterFlow/SPHField.ts +228 -0
  150. package/WaterFlow/ScreenSpaceFluidPass.d.ts +69 -0
  151. package/WaterFlow/ScreenSpaceFluidPass.js +736 -0
  152. package/WaterFlow/ScreenSpaceFluidPass.ts +789 -0
  153. package/WaterFlow/ShallowWaterSurface.d.ts +45 -0
  154. package/WaterFlow/ShallowWaterSurface.js +441 -0
  155. package/WaterFlow/ShallowWaterSurface.ts +510 -0
  156. package/WaterFlow/WaterFlow.d.ts +87 -0
  157. package/WaterFlow/WaterFlow.js +171 -0
  158. package/WaterFlow/WaterFlow.ts +219 -0
  159. package/WaterFlow/types.d.ts +161 -0
  160. package/WaterFlow/types.js +1 -0
  161. package/WaterFlow/types.ts +189 -0
  162. package/WaterFlow/waterFlowPass.d.ts +3 -0
  163. package/WaterFlow/waterFlowPass.js +20 -0
  164. package/WaterFlow/waterFlowPass.ts +40 -0
  165. package/collisionOBB.d.ts +42 -0
  166. package/collisionOBB.js +112 -0
  167. package/collisionOBB.ts +108 -0
  168. package/declare.d.ts +25 -167
  169. package/index.js +0 -1
  170. package/index.ts +1 -0
  171. package/instanced/InstancedBatch.d.ts +57 -0
  172. package/instanced/InstancedBatch.js +348 -0
  173. package/instanced/InstancedBatch.ts +406 -0
  174. package/instanced/InstancedChild.d.ts +174 -0
  175. package/instanced/InstancedChild.js +264 -0
  176. package/instanced/InstancedChild.ts +327 -0
  177. package/instanced/InstancedGroup.d.ts +43 -0
  178. package/instanced/InstancedGroup.js +126 -0
  179. package/instanced/InstancedGroup.ts +137 -0
  180. package/{InstancedMeshBase.d.ts → instanced/InstancedMeshBase.d.ts} +6 -7
  181. package/{InstancedMeshBase.js → instanced/InstancedMeshBase.js} +36 -47
  182. package/instanced/InstancedMeshBase.ts +292 -0
  183. package/instanced/InstancedTemplate.d.ts +46 -0
  184. package/instanced/InstancedTemplate.js +125 -0
  185. package/instanced/InstancedTemplate.ts +188 -0
  186. package/keyControls.d.ts +29 -0
  187. package/{keyContorls.js → keyControls.js} +10 -7
  188. package/keyControls.ts +107 -0
  189. package/lensflare/LensFlare.d.ts +39 -0
  190. package/lensflare/LensFlare.js +373 -0
  191. package/lensflare/LensFlare.ts +448 -0
  192. package/lensflare/lensflare0.png +0 -0
  193. package/lensflare/lensflare3.png +0 -0
  194. package/lensflare/lensflare_custom.png +0 -0
  195. package/lensflare/lensflare_hex_ghost.png +0 -0
  196. package/lensflare/lensflare_hex_main.png +0 -0
  197. package/package.json +104 -25
  198. package/pass/bloom_pass.d.ts +1 -1
  199. package/pass/bloom_pass.js +127 -40
  200. package/pass/bloom_pass.ts +243 -0
  201. package/pass/cover_pass.d.ts +1 -1
  202. package/pass/cover_pass.js +55 -32
  203. package/pass/cover_pass.ts +182 -0
  204. package/pass/debugDepthState.d.ts +20 -0
  205. package/pass/debugDepthState.js +9 -0
  206. package/pass/debugDepthState.ts +22 -0
  207. package/pass/depthTestBias.d.ts +12 -0
  208. package/pass/depthTestBias.js +12 -0
  209. package/pass/depthTestBias.ts +12 -0
  210. package/pass/effectUserData.d.ts +27 -0
  211. package/pass/effectUserData.js +1 -0
  212. package/pass/effectUserData.ts +46 -0
  213. package/pass/frosted_glass_pass.d.ts +1 -1
  214. package/pass/frosted_glass_pass.js +45 -64
  215. package/pass/frosted_glass_pass.ts +288 -0
  216. package/pass/fsQuad.d.ts +2 -2
  217. package/pass/fsQuad.ts +34 -0
  218. package/pass/glow_pass.d.ts +1 -1
  219. package/pass/glow_pass.js +288 -72
  220. package/pass/glow_pass.ts +654 -0
  221. package/pass/screen_bloom_pass.d.ts +11 -0
  222. package/pass/screen_bloom_pass.js +235 -0
  223. package/pass/screen_bloom_pass.ts +263 -0
  224. package/pass/ssao_pass.d.ts +78 -3
  225. package/pass/ssao_pass.js +642 -206
  226. package/pass/ssao_pass.ts +918 -0
  227. package/pass/stroke_pass.d.ts +1 -1
  228. package/pass/stroke_pass.js +187 -116
  229. package/pass/stroke_pass.ts +638 -0
  230. package/shaders/FXAAShaderMaterial.js +5 -48
  231. package/shaders/FXAAShaderMaterial.ts +201 -0
  232. package/shaders/baseDepthVisShader.d.ts +11 -0
  233. package/shaders/baseDepthVisShader.js +36 -0
  234. package/shaders/baseDepthVisShader.ts +36 -0
  235. package/shaders/baseTextureToRenderShader.js +46 -51
  236. package/shaders/baseTextureToRenderShader.ts +232 -0
  237. package/shaders/copyShader.js +2 -3
  238. package/shaders/copyShader.ts +32 -0
  239. package/shaders/debugDepthCompareShader.d.ts +14 -0
  240. package/shaders/debugDepthCompareShader.js +49 -0
  241. package/shaders/debugDepthCompareShader.ts +50 -0
  242. package/shaders/debugDepthJudgeShader.d.ts +18 -0
  243. package/shaders/debugDepthJudgeShader.js +52 -0
  244. package/shaders/debugDepthJudgeShader.ts +54 -0
  245. package/shaders/debugExcludedShader.d.ts +13 -0
  246. package/shaders/debugExcludedShader.js +46 -0
  247. package/shaders/debugExcludedShader.ts +48 -0
  248. package/spriteTextBg.d.ts +1 -0
  249. package/spriteTextBg.js +20 -0
  250. package/spriteTextBg.ts +20 -0
  251. package/threeLoader.d.ts +8 -7
  252. package/threeLoader.js +58 -67
  253. package/threeLoader.ts +525 -0
  254. package/threeUtils.d.ts +2 -1
  255. package/threeUtils.js +24 -25
  256. package/threeUtils.ts +373 -0
  257. package/types.d.ts +2 -0
  258. package/types.js +6 -0
  259. package/types.ts +8 -0
  260. package/ApngTexture.d.ts +0 -13
  261. package/ApngTexture.js +0 -61
  262. package/ApngTextureManage.d.ts +0 -18
  263. package/ApngTextureManage.js +0 -87
  264. package/KeyFrameAnimation.d.ts +0 -25
  265. package/KeyFrameAnimation.js +0 -78
  266. package/keyContorls.d.ts +0 -25
  267. package/lib/draco/draco_decoder.js +0 -34
  268. package/lib/draco/draco_decoder.wasm +0 -0
  269. package/lib/draco/draco_wasm_wrapper.js +0 -117
  270. package/pass/emissive_ao_pass.d.ts +0 -13
  271. package/pass/emissive_ao_pass.js +0 -370
  272. package/shaders.d.ts +0 -5
  273. package/shaders.js +0 -93
package/Fire/Fire.d.ts CHANGED
@@ -1,9 +1,9 @@
1
- import { BufferGeometry, Camera, Clock, Group, Material, NormalBufferAttributes, Object3DEventMap, Points, Scene, Vector2, WebGLRenderer } from "three";
2
- import FireGromtry from "./FireGromtry";
1
+ import { Clock, Points, Vector2, WebGLRenderer, Scene, Camera, BufferGeometry, Material, Group } from "three";
2
+ import FireGeometry from "./FireGeometry";
3
3
  import FireMaterial from "./FireMaterial";
4
4
  export default class Fire extends Points {
5
5
  constructor();
6
- geometry: FireGromtry;
6
+ geometry: FireGeometry;
7
7
  material: FireMaterial;
8
8
  fireColor: string;
9
9
  fireScale: number;
@@ -24,5 +24,5 @@ export default class Fire extends Points {
24
24
  };
25
25
  updataFrame: number;
26
26
  clock: Clock;
27
- onBeforeRender(renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: BufferGeometry<NormalBufferAttributes>, material: Material, group: Group<Object3DEventMap>): void;
27
+ onBeforeRender(renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: BufferGeometry, material: Material, group: Group): void;
28
28
  }
package/Fire/Fire.js CHANGED
@@ -4,16 +4,17 @@
4
4
  * @Last Modified by: xiaosihan
5
5
  * @Last Modified time: 2024-06-18 20:34:38
6
6
  */
7
- import { Clock, Color, Points, Vector2 } from "three";
8
- import FireGromtry from "./FireGromtry";
7
+ import { Clock, Color, Points, Vector2, PerspectiveCamera } from "three";
8
+ import { MathUtils } from "three";
9
+ const { degToRad } = MathUtils;
10
+ import FireGeometry from "./FireGeometry";
9
11
  import FireMaterial from "./FireMaterial";
10
- import { degToRad } from "three/src/math/MathUtils";
11
12
  // 粒子火焰效果
12
13
  export default class Fire extends Points {
13
14
  constructor() {
14
15
  super();
15
16
  }
16
- geometry = new FireGromtry(0, 0, 0);
17
+ geometry = new FireGeometry(0, 0, 0);
17
18
  material = new FireMaterial();
18
19
  // 火焰的颜色
19
20
  fireColor = "#ff2200";
@@ -63,17 +64,17 @@ export default class Fire extends Points {
63
64
  this.cacheProps.isPerspectiveCamera = this.isPerspectiveCamera;
64
65
  this.cacheProps.width = this.size.x;
65
66
  this.cacheProps.height = this.size.y;
66
- this.geometry = new FireGromtry(this.fireRadius * this.fireScale, this.fireHeight * this.fireScale, this.particleCount);
67
+ this.geometry = new FireGeometry(this.fireRadius * this.fireScale, this.fireHeight * this.fireScale, this.particleCount);
67
68
  this.material.uniforms.color.value = new Color(this.fireColor);
68
69
  this.material.uniforms.size.value = this.fireScale * 0.4;
69
- if (camera.isPerspectiveCamera) {
70
+ if (camera instanceof PerspectiveCamera) {
70
71
  this.material.uniforms.heightOfNearPlane.value = Math.abs(this.size.y / (2 * Math.tan(degToRad(camera.fov * 0.5))));
71
72
  }
72
73
  else {
73
74
  this.material.uniforms.heightOfNearPlane.value = 0;
74
75
  }
75
76
  }
76
- this.isPerspectiveCamera = camera.isPerspectiveCamera;
77
+ this.isPerspectiveCamera = camera instanceof PerspectiveCamera;
77
78
  this.material.uniforms.time.value = (this.material.uniforms.time.value + delta) % 1;
78
79
  }
79
80
  }
package/Fire/Fire.ts ADDED
@@ -0,0 +1,89 @@
1
+ /*
2
+ * @Author: xiaosihan
3
+ * @Date: 2024-06-17 02:15:58
4
+ * @Last Modified by: xiaosihan
5
+ * @Last Modified time: 2024-06-18 20:34:38
6
+ */
7
+ import { Clock, Color, Points, Vector2, WebGLRenderer, Scene, Camera, PerspectiveCamera, BufferGeometry, Material, Group, Object3DEventMap } from "three";
8
+ import { MathUtils } from "three";
9
+ const { degToRad } = MathUtils;
10
+ import FireGeometry from "./FireGeometry";
11
+ import FireMaterial from "./FireMaterial";
12
+ // 粒子火焰效果
13
+ export default class Fire extends Points {
14
+ constructor() {
15
+ super();
16
+ }
17
+ geometry: FireGeometry = new FireGeometry(0, 0, 0);
18
+ material: FireMaterial = new FireMaterial() as FireMaterial;
19
+ // 火焰的颜色
20
+ fireColor: string = "#ff2200";
21
+ // 火焰的整体缩放值
22
+ fireScale: number = 1;
23
+ // 火焰的燃烧半径
24
+ fireRadius: number = 0.5;
25
+ // 火焰的高度
26
+ fireHeight: number = 3;
27
+ // 火焰的粒子数量
28
+ particleCount: number = 500;
29
+ // 是否是透视相机
30
+ isPerspectiveCamera: boolean = true;
31
+ //渲染器的尺寸
32
+ size: Vector2 = new Vector2();
33
+ // 缓存的参数
34
+ cacheProps: {
35
+ fireColor: string;
36
+ fireScale: number;
37
+ fireRadius: number;
38
+ fireHeight: number;
39
+ particleCount: number;
40
+ width: number;
41
+ height: number;
42
+ isPerspectiveCamera: boolean;
43
+ } = {
44
+ fireColor: "#ff2200",
45
+ fireScale: 0,
46
+ fireRadius: 0.5,
47
+ fireHeight: 3,
48
+ particleCount: 500,
49
+ width: 0,
50
+ height: 0,
51
+ isPerspectiveCamera: true
52
+ };
53
+ // 当前渲染的帧数
54
+ updataFrame: number = 0;
55
+ // 时钟对象
56
+ clock: Clock = new Clock();
57
+ onBeforeRender(renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: BufferGeometry, material: Material, group: Group): void {
58
+ const delta: number = this.clock.getDelta();
59
+ renderer.getSize(this.size);
60
+ if (this.cacheProps.fireColor !== this.fireColor ||
61
+ this.cacheProps.fireScale !== this.fireScale ||
62
+ this.cacheProps.fireRadius !== this.fireRadius ||
63
+ this.cacheProps.fireHeight !== this.fireHeight ||
64
+ this.cacheProps.particleCount !== this.particleCount ||
65
+ this.cacheProps.isPerspectiveCamera !== this.isPerspectiveCamera ||
66
+ this.cacheProps.width !== this.size.x ||
67
+ this.cacheProps.height !== this.size.y) {
68
+ this.cacheProps.fireColor = this.fireColor;
69
+ this.cacheProps.fireScale = this.fireScale;
70
+ this.cacheProps.fireRadius = this.fireRadius;
71
+ this.cacheProps.fireHeight = this.fireHeight;
72
+ this.cacheProps.particleCount = this.particleCount;
73
+ this.cacheProps.isPerspectiveCamera = this.isPerspectiveCamera;
74
+ this.cacheProps.width = this.size.x;
75
+ this.cacheProps.height = this.size.y;
76
+ this.geometry = new FireGeometry(this.fireRadius * this.fireScale, this.fireHeight * this.fireScale, this.particleCount);
77
+ this.material.uniforms.color.value = new Color(this.fireColor);
78
+ this.material.uniforms.size.value = this.fireScale * 0.4;
79
+ if (camera instanceof PerspectiveCamera) {
80
+ this.material.uniforms.heightOfNearPlane.value = Math.abs(this.size.y / (2 * Math.tan(degToRad(camera.fov * 0.5))));
81
+ }
82
+ else {
83
+ this.material.uniforms.heightOfNearPlane.value = 0;
84
+ }
85
+ }
86
+ this.isPerspectiveCamera = camera instanceof PerspectiveCamera;
87
+ this.material.uniforms.time.value = (this.material.uniforms.time.value + delta) % 1;
88
+ }
89
+ }
@@ -1,7 +1,7 @@
1
- export declare const SPRITE_ROW_LENGTH = 4;
1
+ export declare const SPRITE_ROW_LENGTH: number;
2
2
  export declare const ONE_SPRITE_ROW_LENGTH: number;
3
3
  import { BufferGeometry } from "three";
4
- export default class FireGromtry extends BufferGeometry {
4
+ export default class FireGeometry extends BufferGeometry {
5
5
  radius: number;
6
6
  height: number;
7
7
  particleCount: number;
@@ -8,7 +8,7 @@ export const SPRITE_ROW_LENGTH = 4; // 粒子图片中图片数量
8
8
  export const ONE_SPRITE_ROW_LENGTH = 1 / SPRITE_ROW_LENGTH; // 每一行的宽度
9
9
  import { BufferAttribute, BufferGeometry } from "three";
10
10
  // 粒子火焰顶点对象
11
- export default class FireGromtry extends BufferGeometry {
11
+ export default class FireGeometry extends BufferGeometry {
12
12
  radius = 0.5;
13
13
  height = 3;
14
14
  particleCount = 200;
@@ -0,0 +1,40 @@
1
+ /*
2
+ * @Author: xiaosihan
3
+ * @Date: 2024-06-17 02:15:58
4
+ * @Last Modified by: xiaosihan
5
+ * @Last Modified time: 2024-06-18 18:12:37
6
+ */
7
+ export const SPRITE_ROW_LENGTH: number = 4; // 粒子图片中图片数量
8
+ export const ONE_SPRITE_ROW_LENGTH: number = 1 / SPRITE_ROW_LENGTH; // 每一行的宽度
9
+ import { BufferAttribute, BufferGeometry } from "three";
10
+ // 粒子火焰顶点对象
11
+ export default class FireGeometry extends BufferGeometry {
12
+ radius: number = 0.5;
13
+ height: number = 3;
14
+ particleCount: number = 200;
15
+ constructor(radius: number = 0.5, height: number = 3, particleCount: number = 200) {
16
+ super();
17
+ const halfHeight: number = height * 0.5;
18
+ const position: Float32Array = new Float32Array(particleCount * 3);
19
+ const random: Float32Array = new Float32Array(particleCount);
20
+ const sprite: Float32Array = new Float32Array(particleCount);
21
+ for (let i: number = 0; i < particleCount; i++) {
22
+ const r: number = Math.sqrt(Math.random()) * radius;
23
+ const angle: number = Math.random() * 2 * Math.PI;
24
+ position[i * 3 + 0] = Math.cos(angle) * r;
25
+ position[i * 3 + 1] = (radius - r) / radius * halfHeight + halfHeight;
26
+ position[i * 3 + 2] = Math.sin(angle) * r;
27
+ sprite[i] = ONE_SPRITE_ROW_LENGTH * ((Math.random() * 4) | 0);
28
+ random[i] = Math.random();
29
+ if (i === 0) {
30
+ // to avoid going out of Frustum
31
+ position[i * 3 + 0] = 0;
32
+ position[i * 3 + 1] = 0;
33
+ position[i * 3 + 2] = 0;
34
+ }
35
+ }
36
+ this.setAttribute('position', new BufferAttribute(position, 3));
37
+ this.setAttribute('random', new BufferAttribute(random, 1));
38
+ this.setAttribute('sprite', new BufferAttribute(sprite, 1));
39
+ }
40
+ }
@@ -1,4 +1,4 @@
1
- import { Color, ShaderMaterial } from "three";
1
+ import { Blending, Color, ShaderMaterial, Texture } from "three";
2
2
  export default class FireMaterial extends ShaderMaterial {
3
3
  constructor();
4
4
  uniforms: {
@@ -9,7 +9,7 @@ export default class FireMaterial extends ShaderMaterial {
9
9
  value: number;
10
10
  };
11
11
  map: {
12
- value: import("three").Texture;
12
+ value: Texture;
13
13
  };
14
14
  time: {
15
15
  value: number;
@@ -20,7 +20,7 @@ export default class FireMaterial extends ShaderMaterial {
20
20
  };
21
21
  vertexShader: string;
22
22
  fragmentShader: string;
23
- blending: 2;
23
+ blending: Blending;
24
24
  depthTest: boolean;
25
25
  depthWrite: boolean;
26
26
  transparent: boolean;
@@ -6,7 +6,7 @@
6
6
  */
7
7
  import { AdditiveBlending, Color, ShaderChunk, ShaderMaterial } from "three";
8
8
  import threeLoader from "../threeLoader";
9
- import { ONE_SPRITE_ROW_LENGTH } from "./FireGromtry";
9
+ import { ONE_SPRITE_ROW_LENGTH } from "./FireGeometry";
10
10
  // 火焰粒子材质
11
11
  export default class FireMaterial extends ShaderMaterial {
12
12
  constructor() {
@@ -0,0 +1,89 @@
1
+ /*
2
+ * @Author: xiaosihan
3
+ * @Date: 2024-06-17 02:37:46
4
+ * @Last Modified by: xiaosihan
5
+ * @Last Modified time: 2024-06-18 20:23:31
6
+ */
7
+ import { AdditiveBlending, Blending, Color, ShaderChunk, ShaderMaterial, Texture } from "three";
8
+ import threeLoader from "../threeLoader";
9
+ import { ONE_SPRITE_ROW_LENGTH } from "./FireGeometry";
10
+ // 火焰粒子材质
11
+ export default class FireMaterial extends ShaderMaterial {
12
+ constructor() {
13
+ super();
14
+ }
15
+ // 材质参数
16
+ uniforms: {
17
+ color: { value: Color };
18
+ size: { value: number };
19
+ map: { value: Texture };
20
+ time: { value: number };
21
+ heightOfNearPlane: { value: number };
22
+ } = {
23
+ color: { value: new Color() },
24
+ size: { value: 0.0 },
25
+ map: { value: threeLoader.getTexture("data:image/png;base64,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") },
26
+ time: { value: 0.0 },
27
+ heightOfNearPlane: { value: 0.0 }
28
+ };
29
+ // 顶点着色器
30
+ vertexShader: string = `
31
+ ${ShaderChunk.common}
32
+ ${ShaderChunk.logdepthbuf_pars_vertex}
33
+ attribute float random;
34
+ attribute float sprite;
35
+ uniform float time;
36
+ uniform float size;
37
+ uniform float heightOfNearPlane;
38
+
39
+ varying float vSprite;
40
+ varying float vOpacity;
41
+
42
+ float quadraticIn( float t ) {
43
+ float tt = t * t;
44
+ return tt * tt;
45
+ }
46
+
47
+ void main() {
48
+ float progress = fract( time + ( 2.0 * random - 1.0 ) );
49
+ float progressNeg = 1.0 - progress;
50
+ float ease = quadraticIn( progress );
51
+ float influence = sin( PI * ease );
52
+
53
+ vec3 newPosition = position * vec3( 1.0, ease, 1.0 );
54
+ gl_Position = projectionMatrix * modelViewMatrix * vec4( newPosition, 1.0 );
55
+ gl_PointSize = ( heightOfNearPlane * size ) / gl_Position.w;
56
+
57
+ vOpacity = min( influence * 100.0, 1.0 ) * progressNeg;
58
+ vSprite = sprite;
59
+ ${ShaderChunk.logdepthbuf_vertex}
60
+ }
61
+ `;
62
+ //片元着色器
63
+ fragmentShader: string = `
64
+ ${ShaderChunk.logdepthbuf_pars_fragment}
65
+ uniform vec3 color;
66
+ uniform sampler2D map;
67
+
68
+ varying float vSprite;
69
+ varying float vOpacity;
70
+
71
+ void main() {
72
+ vec2 texCoord = vec2(
73
+ gl_PointCoord.x * ${ONE_SPRITE_ROW_LENGTH} + vSprite,
74
+ gl_PointCoord.y
75
+ );
76
+ // gl_FragColor = vec4( texture2D( map, texCoord ).xyz * color * vOpacity, 1.0 );
77
+ vec4 textureColor = texture2D( map, texCoord );
78
+ float colorMax = max(max(textureColor.x, textureColor.y),textureColor.z);
79
+ vec4 newTextureColor = vec4( textureColor.xyz * (100.0) , colorMax);
80
+ gl_FragColor = newTextureColor * vec4(color,1.0) * vOpacity;
81
+ ${ShaderChunk.logdepthbuf_fragment}
82
+ }
83
+ `;
84
+ blending: Blending = AdditiveBlending;
85
+ depthTest: boolean = true;
86
+ depthWrite: boolean = false;
87
+ transparent: boolean = true;
88
+ fog: boolean = false;
89
+ }
package/Fire/index.d.ts CHANGED
@@ -1 +1,2 @@
1
1
  export { default } from "./Fire";
2
+ export * from "./Fire";
package/Fire/index.js CHANGED
@@ -1 +1,2 @@
1
1
  export { default } from "./Fire";
2
+ export * from "./Fire";
package/Fire/index.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default } from "./Fire";
2
+ export * from "./Fire";
@@ -0,0 +1,71 @@
1
+ import { BufferGeometry } from "three";
2
+ import { GLTFLoader } from "three/examples/jsm/loaders/GLTFLoader";
3
+ /** decodeGeometry / _decodeGeometry 的任务配置 */
4
+ interface DracoTaskConfig {
5
+ attributeIDs: Record<string, number | string>;
6
+ attributeTypes: Record<string, string>;
7
+ useUniqueIDs: boolean;
8
+ vertexColorSpace: string;
9
+ }
10
+ /**
11
+ * three GLTFLoader 实际依赖的 Draco 解码器契约(最小面)。
12
+ * GLTFLoader.setDRACOLoader 的公开类型要求 three 的 DRACOLoader,
13
+ * 但运行时它只调用 decodeDracoFile(外加 preload / dispose),
14
+ * 故这里只声明这三个方法,让内联解码器以 implements 方式在编译期对齐契约,
15
+ * 而不是靠 `as unknown as DRACOLoader` 盲目断言。
16
+ */
17
+ export default class GLTFDracoLoader extends GLTFLoader {
18
+ constructor();
19
+ private decoderPending;
20
+ defaultAttributeIDs: Record<string, string>;
21
+ defaultAttributeTypes: Record<string, string>;
22
+ /**
23
+ * 预热解码器。不 await,仅触发初始化,返回 this。
24
+ */
25
+ preload(): this;
26
+ /**
27
+ * 释放资源。本实现无 Worker 可终止,仅清空初始化缓存。
28
+ */
29
+ dispose(): this;
30
+ /**
31
+ * 解码 draco 压缩的 buffer,回调返回 THREE.BufferGeometry。
32
+ * 签名对齐 three 的 DRACOLoader.decodeDracoFile,供 GLTFLoader 调用。
33
+ */
34
+ decodeDracoFile(buffer: ArrayBuffer, callback: (geometry: BufferGeometry) => void, attributeIDs?: Record<string, number>, attributeTypes?: Record<string, string>, vertexColorSpace?: string, onError?: (e: unknown) => void): Promise<void>;
35
+ /**
36
+ * 懒加载并初始化纯 JS 版 draco 解码器(幂等)。
37
+ * 解码器体积约 0.7MB,按需动态 import 避免初始包体过大。
38
+ */
39
+ private _initDecoder;
40
+ /**
41
+ * 解码入口:初始化解码器 -> 解码 -> 构造 BufferGeometry。
42
+ */
43
+ decodeGeometry(buffer: ArrayBuffer, taskConfig: DracoTaskConfig): Promise<BufferGeometry>;
44
+ /**
45
+ * 主线程版的解码逻辑(移植自 three DRACOLoader 的 DRACOWorker)。
46
+ * 返回 { index, attributes } 供 _createGeometry 使用。
47
+ */
48
+ private _decodeGeometry;
49
+ /**
50
+ * 解码索引数据(三角形面)。
51
+ */
52
+ private _decodeIndex;
53
+ /**
54
+ * 解码单个顶点属性。
55
+ */
56
+ private _decodeAttribute;
57
+ /**
58
+ * 组件类型构造器 -> draco 数据类型枚举。
59
+ */
60
+ private _getDracoDataType;
61
+ /**
62
+ * 根据解码结果构造 THREE.BufferGeometry(照抄 three 实现)。
63
+ */
64
+ private _createGeometry;
65
+ /**
66
+ * 仅当输入色域为 SRGBColorSpace 时,将顶点颜色从 sRGB 转线性。
67
+ * .drc 文件约定为 sRGB;GLTFLoader 内部解码时已是 Linear-sRGB,不会触发转换。
68
+ */
69
+ private _assignVertexColorSpace;
70
+ }
71
+ export {};