three-base 2.0.137 → 2.0.142

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 (307) hide show
  1. package/DirectionalLight.d.ts +6 -6
  2. package/DirectionalLight.js +68 -68
  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.d.ts +18 -18
  8. package/EventMesh.js +59 -59
  9. package/EventMesh.ts +60 -0
  10. package/ExtrudeMesh.d.ts +112 -112
  11. package/ExtrudeMesh.js +342 -366
  12. package/ExtrudeMesh.ts +553 -0
  13. package/FPScontrol.d.ts +511 -78
  14. package/FPScontrol.js +1799 -617
  15. package/FPScontrol.ts +1855 -0
  16. package/Fire/Fire.d.ts +28 -28
  17. package/Fire/Fire.js +80 -79
  18. package/Fire/Fire.ts +89 -0
  19. package/Fire/{FireGromtry.d.ts → FireGeometry.d.ts} +9 -9
  20. package/Fire/{FireGromtry.js → FireGeometry.js} +40 -40
  21. package/Fire/FireGeometry.ts +40 -0
  22. package/Fire/FireMaterial.d.ts +28 -28
  23. package/Fire/FireMaterial.js +32 -32
  24. package/Fire/FireMaterial.ts +89 -0
  25. package/Fire/index.d.ts +2 -1
  26. package/Fire/index.js +2 -1
  27. package/Fire/index.ts +2 -0
  28. package/GLTFDracoLoader.d.ts +71 -0
  29. package/GLTFDracoLoader.js +266 -0
  30. package/GLTFDracoLoader.ts +430 -0
  31. package/Grass/Grass.d.ts +8 -8
  32. package/Grass/Grass.js +38 -38
  33. package/Grass/Grass.ts +38 -0
  34. package/Grass/index.d.ts +2 -1
  35. package/Grass/index.js +2 -1
  36. package/Grass/index.ts +2 -0
  37. package/Ground1/Ground1.d.ts +10 -11
  38. package/Ground1/Ground1.js +95 -91
  39. package/Ground1/Ground1.ts +114 -0
  40. package/Ground1/index.d.ts +1 -1
  41. package/Ground1/index.js +1 -1
  42. package/Ground1/index.ts +1 -0
  43. package/MeshBase.d.ts +36 -35
  44. package/MeshBase.js +247 -223
  45. package/MeshBase.ts +253 -0
  46. package/Mirror.d.ts +25 -25
  47. package/Mirror.js +143 -139
  48. package/Mirror.ts +203 -0
  49. package/MktMesh/MktMesh.d.ts +291 -0
  50. package/MktMesh/MktMesh.js +1045 -0
  51. package/MktMesh/MktMesh.ts +1075 -0
  52. package/MktMesh/assetUrl.d.ts +35 -0
  53. package/MktMesh/assetUrl.js +69 -0
  54. package/MktMesh/assetUrl.ts +69 -0
  55. package/MktMesh/mktMappingShader.d.ts +12 -0
  56. package/MktMesh/mktMappingShader.js +139 -0
  57. package/MktMesh/mktMappingShader.ts +139 -0
  58. package/MktMesh/mktShader.d.ts +263 -0
  59. package/MktMesh/mktShader.js +1248 -0
  60. package/MktMesh/mktShader.ts +1344 -0
  61. package/MktMesh/panoBitmapTexture.d.ts +25 -0
  62. package/MktMesh/panoBitmapTexture.js +52 -0
  63. package/MktMesh/panoBitmapTexture.ts +54 -0
  64. package/MktMesh/panoSlotBind.d.ts +29 -0
  65. package/MktMesh/panoSlotBind.js +106 -0
  66. package/MktMesh/panoSlotBind.ts +153 -0
  67. package/MktMesh/panoSlotRoster.d.ts +22 -0
  68. package/MktMesh/panoSlotRoster.js +169 -0
  69. package/MktMesh/panoSlotRoster.ts +168 -0
  70. package/MktMesh/panoTileStitcher.d.ts +119 -0
  71. package/MktMesh/panoTileStitcher.js +533 -0
  72. package/MktMesh/panoTileStitcher.ts +616 -0
  73. package/MktMesh/types.d.ts +75 -0
  74. package/MktMesh/types.js +1 -0
  75. package/MktMesh/types.ts +87 -0
  76. package/MktMesh/wallCapTessellate.d.ts +33 -0
  77. package/MktMesh/wallCapTessellate.js +97 -0
  78. package/MktMesh/wallCapTessellate.ts +68 -0
  79. package/PipeMesh/PathGeometry.d.ts +44 -44
  80. package/PipeMesh/PathGeometry.js +307 -300
  81. package/PipeMesh/PathGeometry.ts +343 -0
  82. package/PipeMesh/PathPoint.d.ts +17 -17
  83. package/PipeMesh/PathPoint.js +31 -31
  84. package/PipeMesh/PathPoint.ts +36 -0
  85. package/PipeMesh/PathPointList.d.ts +31 -31
  86. package/PipeMesh/PathPointList.js +209 -208
  87. package/PipeMesh/PathPointList.ts +227 -0
  88. package/PipeMesh/PathTubeGeometry.d.ts +25 -25
  89. package/PipeMesh/PathTubeGeometry.js +130 -130
  90. package/PipeMesh/PathTubeGeometry.ts +146 -0
  91. package/PipeMesh/PipeMesh.d.ts +25 -25
  92. package/PipeMesh/PipeMesh.js +63 -63
  93. package/PipeMesh/PipeMesh.ts +76 -0
  94. package/PipeMesh/index.d.ts +1 -1
  95. package/PipeMesh/index.js +1 -1
  96. package/PipeMesh/index.ts +1 -0
  97. package/PlaneModal1/PlaneModal1.d.ts +34 -31
  98. package/PlaneModal1/PlaneModal1.js +109 -105
  99. package/PlaneModal1/PlaneModal1.ts +138 -0
  100. package/PlaneModal1/index.d.ts +1 -1
  101. package/PlaneModal1/index.js +1 -1
  102. package/PlaneModal1/index.ts +1 -0
  103. package/PlaneText.d.ts +27 -39
  104. package/PlaneText.js +35 -30
  105. package/PlaneText.ts +55 -0
  106. package/PlaneWithHtml.d.ts +13 -11
  107. package/PlaneWithHtml.js +64 -63
  108. package/PlaneWithHtml.ts +70 -0
  109. package/PointLight/PointLight.d.ts +13 -14
  110. package/PointLight/PointLight.js +64 -70
  111. package/PointLight/PointLight.ts +67 -0
  112. package/PointLight/index.d.ts +1 -1
  113. package/PointLight/index.js +1 -1
  114. package/PointLight/index.ts +1 -0
  115. package/README.md +110 -79
  116. package/Sky/Sky.d.ts +9 -9
  117. package/Sky/Sky.js +22 -22
  118. package/Sky/Sky.ts +22 -0
  119. package/Sky/index.d.ts +1 -1
  120. package/Sky/index.js +1 -1
  121. package/Sky/index.ts +1 -0
  122. package/SpotLight.d.ts +6 -6
  123. package/SpotLight.js +72 -72
  124. package/SpotLight.ts +74 -0
  125. package/SpriteModal1/SpriteModal1.d.ts +33 -30
  126. package/SpriteModal1/SpriteModal1.js +116 -110
  127. package/SpriteModal1/SpriteModal1.ts +146 -0
  128. package/SpriteModal1/index.d.ts +1 -1
  129. package/SpriteModal1/index.js +1 -1
  130. package/SpriteModal1/index.ts +1 -0
  131. package/SpriteText.d.ts +46 -45
  132. package/SpriteText.js +176 -163
  133. package/SpriteText.ts +205 -0
  134. package/SpriteText2.d.ts +48 -47
  135. package/SpriteText2.js +223 -198
  136. package/SpriteText2.ts +258 -0
  137. package/SpriteText3.d.ts +86 -0
  138. package/SpriteText3.js +519 -0
  139. package/SpriteText3.ts +599 -0
  140. package/SpriteWithHtml.d.ts +9 -7
  141. package/SpriteWithHtml.js +44 -44
  142. package/SpriteWithHtml.ts +50 -0
  143. package/Text3D/Text3D.d.ts +20 -20
  144. package/Text3D/Text3D.js +58 -62
  145. package/Text3D/Text3D.ts +77 -0
  146. package/Text3D/fontController.d.ts +60 -59
  147. package/Text3D/fontController.js +166 -199
  148. package/Text3D/fontController.ts +209 -0
  149. package/Text3D/index.d.ts +1 -1
  150. package/Text3D/index.js +1 -1
  151. package/Text3D/index.ts +1 -0
  152. package/ThreeBase.d.ts +248 -111
  153. package/ThreeBase.js +1202 -656
  154. package/ThreeBase.ts +1314 -0
  155. package/ThreeMouse.d.ts +54 -40
  156. package/ThreeMouse.js +453 -407
  157. package/ThreeMouse.ts +472 -0
  158. package/Transition.d.ts +45 -40
  159. package/Transition.js +209 -210
  160. package/Transition.ts +242 -0
  161. package/Water/Water.d.ts +5 -5
  162. package/Water/Water.js +44 -26
  163. package/Water/Water.ts +45 -0
  164. package/Water/index.d.ts +2 -0
  165. package/Water/index.js +2 -0
  166. package/Water/index.ts +2 -0
  167. package/WaterFlow/FloatingDuck.d.ts +88 -0
  168. package/WaterFlow/FloatingDuck.js +307 -0
  169. package/WaterFlow/FloatingDuck.ts +445 -0
  170. package/WaterFlow/GPUFluidSimulation.d.ts +56 -0
  171. package/WaterFlow/GPUFluidSimulation.js +785 -0
  172. package/WaterFlow/GPUFluidSimulation.ts +827 -0
  173. package/WaterFlow/ReservoirSystem.d.ts +106 -0
  174. package/WaterFlow/ReservoirSystem.js +621 -0
  175. package/WaterFlow/ReservoirSystem.ts +754 -0
  176. package/WaterFlow/SPHField.d.ts +35 -0
  177. package/WaterFlow/SPHField.js +204 -0
  178. package/WaterFlow/SPHField.ts +228 -0
  179. package/WaterFlow/ScreenSpaceFluidPass.d.ts +69 -0
  180. package/WaterFlow/ScreenSpaceFluidPass.js +736 -0
  181. package/WaterFlow/ScreenSpaceFluidPass.ts +789 -0
  182. package/WaterFlow/ShallowWaterSurface.d.ts +45 -0
  183. package/WaterFlow/ShallowWaterSurface.js +441 -0
  184. package/WaterFlow/ShallowWaterSurface.ts +510 -0
  185. package/WaterFlow/WaterFlow.d.ts +87 -0
  186. package/WaterFlow/WaterFlow.js +171 -0
  187. package/WaterFlow/WaterFlow.ts +219 -0
  188. package/WaterFlow/types.d.ts +161 -0
  189. package/WaterFlow/types.js +1 -0
  190. package/WaterFlow/types.ts +189 -0
  191. package/WaterFlow/waterFlowPass.d.ts +3 -0
  192. package/WaterFlow/waterFlowPass.js +20 -0
  193. package/WaterFlow/waterFlowPass.ts +40 -0
  194. package/collisionOBB.d.ts +42 -0
  195. package/collisionOBB.js +112 -0
  196. package/collisionOBB.ts +108 -0
  197. package/declare.d.ts +23 -165
  198. package/index.d.ts +1 -1
  199. package/index.js +1 -2
  200. package/index.ts +1 -0
  201. package/instanced/InstancedBatch.d.ts +57 -0
  202. package/instanced/InstancedBatch.js +348 -0
  203. package/instanced/InstancedBatch.ts +406 -0
  204. package/instanced/InstancedChild.d.ts +174 -0
  205. package/instanced/InstancedChild.js +264 -0
  206. package/instanced/InstancedChild.ts +327 -0
  207. package/instanced/InstancedGroup.d.ts +43 -0
  208. package/instanced/InstancedGroup.js +126 -0
  209. package/instanced/InstancedGroup.ts +137 -0
  210. package/{InstancedMeshBase.d.ts → instanced/InstancedMeshBase.d.ts} +38 -39
  211. package/{InstancedMeshBase.js → instanced/InstancedMeshBase.js} +282 -293
  212. package/instanced/InstancedMeshBase.ts +292 -0
  213. package/instanced/InstancedTemplate.d.ts +46 -0
  214. package/instanced/InstancedTemplate.js +125 -0
  215. package/instanced/InstancedTemplate.ts +188 -0
  216. package/keyControls.d.ts +30 -0
  217. package/{keyContorls.js → keyControls.js} +101 -98
  218. package/keyControls.ts +107 -0
  219. package/lensflare/LensFlare.d.ts +39 -0
  220. package/lensflare/LensFlare.js +373 -0
  221. package/lensflare/LensFlare.ts +448 -0
  222. package/lensflare/lensflare0.png +0 -0
  223. package/lensflare/lensflare3.png +0 -0
  224. package/lensflare/lensflare_custom.png +0 -0
  225. package/lensflare/lensflare_hex_ghost.png +0 -0
  226. package/lensflare/lensflare_hex_main.png +0 -0
  227. package/package.json +99 -25
  228. package/pass/bloom_pass.d.ts +2 -2
  229. package/pass/bloom_pass.js +188 -101
  230. package/pass/bloom_pass.ts +243 -0
  231. package/pass/cover_pass.d.ts +2 -2
  232. package/pass/cover_pass.js +122 -99
  233. package/pass/cover_pass.ts +182 -0
  234. package/pass/debugDepthState.d.ts +20 -0
  235. package/pass/debugDepthState.js +9 -0
  236. package/pass/debugDepthState.ts +22 -0
  237. package/pass/depthTestBias.d.ts +12 -0
  238. package/pass/depthTestBias.js +12 -0
  239. package/pass/depthTestBias.ts +12 -0
  240. package/pass/effectUserData.d.ts +27 -0
  241. package/pass/effectUserData.js +1 -0
  242. package/pass/effectUserData.ts +46 -0
  243. package/pass/frosted_glass_pass.d.ts +2 -2
  244. package/pass/frosted_glass_pass.js +167 -186
  245. package/pass/frosted_glass_pass.ts +288 -0
  246. package/pass/fsQuad.d.ts +9 -9
  247. package/pass/fsQuad.js +28 -28
  248. package/pass/fsQuad.ts +34 -0
  249. package/pass/glow_pass.d.ts +2 -2
  250. package/pass/glow_pass.js +449 -233
  251. package/pass/glow_pass.ts +654 -0
  252. package/pass/screen_bloom_pass.d.ts +11 -0
  253. package/pass/screen_bloom_pass.js +235 -0
  254. package/pass/screen_bloom_pass.ts +263 -0
  255. package/pass/ssao_pass.d.ts +88 -13
  256. package/pass/ssao_pass.js +802 -366
  257. package/pass/ssao_pass.ts +918 -0
  258. package/pass/stroke_pass.d.ts +2 -2
  259. package/pass/stroke_pass.js +329 -258
  260. package/pass/stroke_pass.ts +638 -0
  261. package/shaders/FXAAShaderMaterial.d.ts +3 -3
  262. package/shaders/FXAAShaderMaterial.js +23 -66
  263. package/shaders/FXAAShaderMaterial.ts +201 -0
  264. package/shaders/baseDepthVisShader.d.ts +11 -0
  265. package/shaders/baseDepthVisShader.js +36 -0
  266. package/shaders/baseDepthVisShader.ts +36 -0
  267. package/shaders/baseTextureToRenderShader.d.ts +2 -2
  268. package/shaders/baseTextureToRenderShader.js +55 -60
  269. package/shaders/baseTextureToRenderShader.ts +232 -0
  270. package/shaders/copyShader.d.ts +3 -3
  271. package/shaders/copyShader.js +13 -14
  272. package/shaders/copyShader.ts +32 -0
  273. package/shaders/debugDepthCompareShader.d.ts +14 -0
  274. package/shaders/debugDepthCompareShader.js +49 -0
  275. package/shaders/debugDepthCompareShader.ts +50 -0
  276. package/shaders/debugDepthJudgeShader.d.ts +18 -0
  277. package/shaders/debugDepthJudgeShader.js +52 -0
  278. package/shaders/debugDepthJudgeShader.ts +54 -0
  279. package/shaders/debugExcludedShader.d.ts +13 -0
  280. package/shaders/debugExcludedShader.js +46 -0
  281. package/shaders/debugExcludedShader.ts +48 -0
  282. package/spriteTextBg.d.ts +1 -0
  283. package/spriteTextBg.js +20 -0
  284. package/spriteTextBg.ts +20 -0
  285. package/threeLoader.d.ts +35 -34
  286. package/threeLoader.js +518 -527
  287. package/threeLoader.ts +525 -0
  288. package/threeUtils.d.ts +53 -52
  289. package/threeUtils.js +329 -330
  290. package/threeUtils.ts +373 -0
  291. package/types.d.ts +2 -0
  292. package/types.js +6 -0
  293. package/types.ts +8 -0
  294. package/ApngTexture.d.ts +0 -13
  295. package/ApngTexture.js +0 -61
  296. package/ApngTextureManage.d.ts +0 -18
  297. package/ApngTextureManage.js +0 -87
  298. package/KeyFrameAnimation.d.ts +0 -25
  299. package/KeyFrameAnimation.js +0 -78
  300. package/keyContorls.d.ts +0 -25
  301. package/lib/draco/draco_decoder.js +0 -34
  302. package/lib/draco/draco_decoder.wasm +0 -0
  303. package/lib/draco/draco_wasm_wrapper.js +0 -117
  304. package/pass/emissive_ao_pass.d.ts +0 -13
  305. package/pass/emissive_ao_pass.js +0 -370
  306. package/shaders.d.ts +0 -5
  307. package/shaders.js +0 -93
package/Grass/Grass.d.ts CHANGED
@@ -1,8 +1,8 @@
1
- import { Mesh, MeshLambertMaterial, PlaneGeometry } from "three";
2
- export default class Grass extends Mesh {
3
- constructor();
4
- geometry: PlaneGeometry;
5
- map: import("three").Texture;
6
- material: MeshLambertMaterial;
7
- setSize(width: number, height: number): void;
8
- }
1
+ import { Mesh, MeshLambertMaterial, PlaneGeometry, Texture } from "three";
2
+ export default class Grass extends Mesh {
3
+ constructor();
4
+ geometry: PlaneGeometry;
5
+ map: Texture;
6
+ material: MeshLambertMaterial;
7
+ setSize(width: number, height: number): void;
8
+ }
package/Grass/Grass.js CHANGED
@@ -1,38 +1,38 @@
1
- /*
2
- * @Author: xiaosihan
3
- * @Date: 2024-09-14 22:58:16
4
- * @Last Modified by: xiaosihan
5
- * @Last Modified time: 2024-09-14 23:20:39
6
- */
7
- import { DoubleSide, MathUtils, Mesh, MeshLambertMaterial, PlaneGeometry, RepeatWrapping, TextureLoader, } from "three";
8
- import grassJPG from "./grass.jpg";
9
- // 草地Mesh
10
- export default class Grass extends Mesh {
11
- constructor() {
12
- super();
13
- }
14
- geometry = (() => {
15
- const geometry = new PlaneGeometry(1, 1, 1, 1);
16
- geometry.rotateX(MathUtils.degToRad(90));
17
- return geometry;
18
- })();
19
- map = (() => {
20
- const map = new TextureLoader().load(grassJPG);
21
- map.wrapS = map.wrapT = RepeatWrapping;
22
- map.repeat.set(1, 1);
23
- return map;
24
- })();
25
- material = (() => {
26
- const material = new MeshLambertMaterial({
27
- map: this.map,
28
- side: DoubleSide,
29
- });
30
- return material;
31
- })();
32
- // 设置尺寸
33
- setSize(width, height) {
34
- this.scale.set(width, 1, height);
35
- this.map.repeat.set(width, height);
36
- // this.material.uniforms.size.value.set(width * 0.001, height * 0.001);
37
- }
38
- }
1
+ /*
2
+ * @Author: xiaosihan
3
+ * @Date: 2024-09-14 22:58:16
4
+ * @Last Modified by: xiaosihan
5
+ * @Last Modified time: 2024-09-14 23:20:39
6
+ */
7
+ import { DoubleSide, MathUtils, Mesh, MeshLambertMaterial, PlaneGeometry, RepeatWrapping, TextureLoader, } from "three";
8
+ import grassJPG from "./grass.jpg";
9
+ // 草地Mesh
10
+ export default class Grass extends Mesh {
11
+ constructor() {
12
+ super();
13
+ }
14
+ geometry = (() => {
15
+ const geometry = new PlaneGeometry(1, 1, 1, 1);
16
+ geometry.rotateX(MathUtils.degToRad(90));
17
+ return geometry;
18
+ })();
19
+ map = (() => {
20
+ const map = new TextureLoader().load(grassJPG);
21
+ map.wrapS = map.wrapT = RepeatWrapping;
22
+ map.repeat.set(1, 1);
23
+ return map;
24
+ })();
25
+ material = (() => {
26
+ const material = new MeshLambertMaterial({
27
+ map: this.map,
28
+ side: DoubleSide,
29
+ });
30
+ return material;
31
+ })();
32
+ // 设置尺寸
33
+ setSize(width, height) {
34
+ this.scale.set(width, 1, height);
35
+ this.map.repeat.set(width, height);
36
+ // this.material.uniforms.size.value.set(width * 0.001, height * 0.001);
37
+ }
38
+ }
package/Grass/Grass.ts ADDED
@@ -0,0 +1,38 @@
1
+ /*
2
+ * @Author: xiaosihan
3
+ * @Date: 2024-09-14 22:58:16
4
+ * @Last Modified by: xiaosihan
5
+ * @Last Modified time: 2024-09-14 23:20:39
6
+ */
7
+ import { DoubleSide, MathUtils, Mesh, MeshLambertMaterial, PlaneGeometry, RepeatWrapping, Texture, TextureLoader, } from "three";
8
+ import grassJPG from "./grass.jpg";
9
+ // 草地Mesh
10
+ export default class Grass extends Mesh {
11
+ constructor() {
12
+ super();
13
+ }
14
+ geometry: PlaneGeometry = (() => {
15
+ const geometry: PlaneGeometry = new PlaneGeometry(1, 1, 1, 1);
16
+ geometry.rotateX(MathUtils.degToRad(90));
17
+ return geometry;
18
+ })();
19
+ map: Texture = (() => {
20
+ const map: Texture = new TextureLoader().load(grassJPG);
21
+ map.wrapS = map.wrapT = RepeatWrapping;
22
+ map.repeat.set(1, 1);
23
+ return map;
24
+ })();
25
+ material: MeshLambertMaterial = (() => {
26
+ const material: MeshLambertMaterial = new MeshLambertMaterial({
27
+ map: this.map,
28
+ side: DoubleSide,
29
+ });
30
+ return material;
31
+ })();
32
+ // 设置尺寸
33
+ setSize(width: number, height: number): void {
34
+ this.scale.set(width, 1, height);
35
+ this.map.repeat.set(width, height);
36
+ // this.material.uniforms.size.value.set(width * 0.001, height * 0.001);
37
+ }
38
+ }
package/Grass/index.d.ts CHANGED
@@ -1 +1,2 @@
1
- export { default } from "./Grass";
1
+ export { default } from "./Grass";
2
+ export * from "./Grass";
package/Grass/index.js CHANGED
@@ -1 +1,2 @@
1
- export { default } from "./Grass";
1
+ export { default } from "./Grass";
2
+ export * from "./Grass";
package/Grass/index.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { default } from "./Grass";
2
+ export * from "./Grass";
@@ -1,11 +1,10 @@
1
- import { BufferGeometry, Camera, Clock, Group, Material, Matrix4, Mesh, PlaneGeometry, Scene, ShaderMaterial, WebGLRenderer } from "three";
2
- export default class Ground1 extends Mesh {
3
- tempMatrix: Matrix4;
4
- constructor();
5
- renderOrder: number;
6
- geometry: PlaneGeometry;
7
- setSize(width: number, height: number): void;
8
- clock: Clock;
9
- onBeforeRender: (renderer: WebGLRenderer, scene: Scene, camera: Camera, geometry: BufferGeometry, material: Material, group: Group) => void;
10
- material: ShaderMaterial;
11
- }
1
+ import { Matrix4, Mesh, PlaneGeometry, ShaderMaterial } from "three";
2
+ /** 装饰地板(随机渐变的深灰、不透明) */
3
+ export default class Ground1 extends Mesh {
4
+ tempMatrix: Matrix4;
5
+ constructor();
6
+ renderOrder: number;
7
+ geometry: PlaneGeometry;
8
+ setSize(width: number, height: number): void;
9
+ material: ShaderMaterial;
10
+ }
@@ -1,49 +1,65 @@
1
- /*
2
- * @Author: xiaosihan
3
- * @Date: 2022-09-20 23:06:00
4
- * @Last Modified by: xiaosihan
5
- * @Last Modified time: 2024-08-17 02:16:56
6
- */
7
- import { Clock, Color, DoubleSide, Matrix4, Mesh, PlaneGeometry, ShaderChunk, ShaderMaterial, Vector2, } from "three";
8
- import { degToRad } from "three/src/math/MathUtils";
9
- import floorMap1PNG from "./floorMap1.png";
10
- import floorMap2PNG from "./floorMap2.png";
11
- import floorMap3PNG from "./floorMap3.png";
12
- import threeLoader from "../threeLoader";
13
- // 装饰地板1
14
- export default class Ground1 extends Mesh {
15
- tempMatrix = new Matrix4();
16
- constructor() {
17
- super();
18
- }
19
- renderOrder = -1;
20
- geometry = (() => {
21
- const geo = new PlaneGeometry(1, 1, 1, 1);
22
- geo.rotateX(degToRad(-90));
23
- return geo;
24
- })();
25
- // 设置尺寸
26
- setSize(width, height) {
27
- this.scale.set(width, 1, height);
28
- // this.material.uniforms.size.value.set(width * 0.001, height * 0.001);
29
- }
30
- clock = new Clock();
31
- onBeforeRender = (renderer, scene, camera, geometry, material, group) => {
32
- const elapsedTime = this.clock.getElapsedTime();
33
- this.material.uniforms.speed.value = (elapsedTime * 0.1) % 0.6;
34
- this.material.uniforms.speed2.value = ((elapsedTime * 0.1) % 0.6) - 0.1;
35
- };
36
- material = new ShaderMaterial({
37
- uniforms: {
38
- size: { value: new Vector2(10, 10) }, // 尺寸
39
- speed: { value: 0 }, // 扩散值0-1
40
- speed2: { value: 0 }, // 扩散值0-1
41
- speedColor: { value: new Color("#8D108E") }, // 格子扩散颜色
42
- lineColor: { value: new Color("#263C56") }, // 格子线的颜色
43
- map1: { value: threeLoader.getTexture(floorMap1PNG) }, // 贴图纹理
44
- map2: { value: threeLoader.getTexture(floorMap2PNG) }, // 贴图纹理
45
- map3: { value: threeLoader.getTexture(floorMap3PNG) }, // 贴图纹理
46
- },
1
+ /*
2
+ * @Author: xiaosihan
3
+ * @Date: 2022-09-20 23:06:00
4
+ * @Last Modified by: xiaosihan
5
+ * @Last Modified time: 2024-08-17 02:16:56
6
+ *
7
+ * ⭐ 2026-09-20 皇上旨两改:
8
+ * ① 原「科技感装饰地板」(三张格子贴图 + 紫色扩散动画 `#8D108E` + 格子线 `#263C56`)
9
+ * → 深灰地板(每帧 3 次贴图采样、贴图平铺无各向异性 → 摩尔纹 + home 页卡顿元凶之一)。
10
+ * ② 皇上再旨「地板就是**随机渐变**的深灰色、**不透明**」:
11
+ * → 深灰区间内用 **value noise 做随机渐变**(无贴图、零采样,天然无摩尔纹);
12
+ * → `transparent: false`、alpha 恒 1(不透明)。
13
+ *
14
+ * ⚠️ 不透明带来的变化与对策:
15
+ * - 原靠「径向 alpha 淡出」柔化 500×500 地板的边界;不透明后改用**径向压暗**(乘 0.72~1.0)
16
+ * 弱化硬边 —— 若哪天皇上要「边界完全消失」,只能改回 alpha 淡出(即恢复 transparent)。
17
+ * - 调试线(FPScontrol)两条口径分家(2026-09-25 皇上逐条定案):**10 条射线辅助线开深度测试**,
18
+ * 正是靠本地板「不透明 + depthWrite:true」才挡得住埋进地里的那半截线;**8/9 两条回弹向量线
19
+ * 保持穿透显示**(关深度测试 + renderOrder:9999),照旧常显在最前。
20
+ * ⚠️ 若哪天把本地板改回 transparent + depthWrite:false,射线辅助线会重新穿地浮出来。
21
+ *
22
+ * ⚠️ 改动红线(这几条被别处依赖,**不许顺手改**):
23
+ * - `userData.fpsCollision = true`:FPScontrol 把地板当碰撞体(见 FPScontrol.ts 地面处理段)。
24
+ * - `userData.aoFloor = true`:ssao_pass / debugExcludedShader 的「地板类半透明」特例按此标记走
25
+ * (默认不写进可见深度图;物体落在地板上仍有接触 AO)。
26
+ * - ShaderMaterial 必须含 logdepthbuf chunk;linear 输出必须 `#include <colorspace_fragment>`;
27
+ * 否则末端 sRGB 编码会二次编码 → 发白。
28
+ */
29
+ import { Color, DoubleSide, Matrix4, Mesh, PlaneGeometry, ShaderChunk, ShaderMaterial } from "three";
30
+ import { MathUtils } from "three";
31
+ const { degToRad } = MathUtils;
32
+ /** 装饰地板(随机渐变的深灰、不透明) */
33
+ export default class Ground1 extends Mesh {
34
+ tempMatrix = new Matrix4();
35
+ constructor() {
36
+ super();
37
+ // 标记为自己参与 FPS 碰撞检测
38
+ this.userData.fpsCollision = true;
39
+ // 标记为"地板类半透明":参与世界空间 AO(物体落在它上需要接触 AO),
40
+ // 但透过它看到的物体(如从下方透视)仍照常显示描边/辉光、且不被它的接触 AO 乘黑。
41
+ // 见 three-base/pass/ssao_pass.ts 的复合守卫说明。
42
+ this.userData.aoFloor = true;
43
+ }
44
+ renderOrder = -1;
45
+ geometry = (() => {
46
+ const geo = new PlaneGeometry(1, 1, 1, 1);
47
+ geo.rotateX(degToRad(-90));
48
+ return geo;
49
+ })();
50
+ // 设置尺寸
51
+ setSize(width, height) {
52
+ this.scale.set(width, 1, height);
53
+ }
54
+ material = new ShaderMaterial({
55
+ uniforms: {
56
+ /** 随机渐变的**暗端**深灰(three 的 Color 存 linear,末端 colorspace_fragment 编码回 sRGB) */
57
+ colorDark: { value: new Color("#2A2E33") },
58
+ /** 随机渐变的**亮端**深灰 */
59
+ colorLight: { value: new Color("#3D434B") },
60
+ /** 低频噪声格数(越大斑块越碎;9 → 500×500 地板上每块约 55m 的大块渐变) */
61
+ noiseScale: { value: 9 },
62
+ },
47
63
  vertexShader: `
48
64
  ${ShaderChunk.common}
49
65
  ${ShaderChunk.logdepthbuf_pars_vertex}
@@ -53,57 +69,45 @@ export default class Ground1 extends Mesh {
53
69
  gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
54
70
  ${ShaderChunk.logdepthbuf_vertex}
55
71
  }
56
- `,
72
+ `,
57
73
  fragmentShader: `
58
74
  ${ShaderChunk.logdepthbuf_pars_fragment}
59
- uniform sampler2D map1;
60
- uniform sampler2D map2;
61
- uniform sampler2D map3;
62
- uniform vec2 size;
63
- uniform vec3 lineColor;
64
- uniform float speed;
65
- uniform float speed2;
66
- uniform vec3 speedColor;
75
+ uniform vec3 colorDark;
76
+ uniform vec3 colorLight;
77
+ uniform float noiseScale;
67
78
  varying vec2 vUv;
68
- void main() {
69
-
70
- // 中心点
71
- vec2 center = vec2(0.5,0.5);
72
-
73
- vec4 map1Color = texture2D(map1, fract( vUv * size) );
74
-
75
- // 格子中心渐变颜色
76
- if(distance( vUv , center ) < speed){
77
- map1Color = mix(map1Color, vec4(speedColor, 1.0), clamp((1.0 - (distance(distance( vUv , center ), speed) * 8.0) ) * map1Color.a, 0.0, 1.0 ) );
78
- }
79
-
80
- vec4 map2Color = texture2D(map2, fract( vUv * size) );
81
-
82
- vec4 map3Color = texture2D(map3, fract( vUv * size) );
83
79
 
84
- // 正方形装饰中心渐变颜色
85
- if(distance( vUv , center ) < speed2){
86
- map3Color = mix(map3Color, map3Color * 3.0, clamp((1.0 - (distance(distance( vUv , center ), speed) * 4.0) ) * map3Color.a, 0.0, 1.0 ) );
87
- }
88
-
89
- vec4 mapColor = mix(map1Color, map2Color, map2Color.a);
90
-
91
- mapColor = mix(mapColor, map3Color, map3Color.a);
92
-
93
- //添加背景色
94
- mapColor = mix(mapColor, vec4(lineColor.rgb, 1.0 ), 1.0 - mapColor.a);
80
+ // 伪随机 hash → value noise:无贴图、零采样,天然没有平铺摩尔纹
81
+ float hash21(vec2 p) {
82
+ return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123);
83
+ }
84
+ float valueNoise(vec2 p) {
85
+ vec2 i = floor(p);
86
+ vec2 f = fract(p);
87
+ vec2 u = f * f * (3.0 - 2.0 * f); // smoothstep 插值 → 柔和渐变,不是硬格子
88
+ return mix(mix(hash21(i), hash21(i + vec2(1.0, 0.0)), u.x),
89
+ mix(hash21(i + vec2(0.0, 1.0)), hash21(i + vec2(1.0, 1.0)), u.x), u.y);
90
+ }
95
91
 
96
- // 设置透明度
97
- mapColor.a = 1.0 - (distance( vUv , center ) * 2.0);
92
+ void main() {
93
+ // 两个八度叠加:低频大块渐变 + 中频细节 → 深灰区间内的**随机渐变**
94
+ float n = valueNoise(vUv * noiseScale) * 0.65
95
+ + valueNoise(vUv * noiseScale * 3.1) * 0.35;
96
+ vec3 col = mix(colorDark, colorLight, clamp(n, 0.0, 1.0));
98
97
 
99
- gl_FragColor = mapColor;
98
+ // ⚠️ 不透明地板无法用 alpha 淡出边界 → 改用径向压暗弱化 500×500 的硬边
99
+ float edge = 1.0 - smoothstep(0.34, 0.5, distance(vUv, vec2(0.5, 0.5)));
100
+ col *= mix(0.72, 1.0, edge);
100
101
 
102
+ gl_FragColor = vec4(col, 1.0); // 不透明
101
103
  ${ShaderChunk.logdepthbuf_fragment}
104
+ #include <colorspace_fragment>
102
105
  }
103
- `,
104
- depthTest: true,
105
- depthWrite: true,
106
- transparent: true,
107
- side: DoubleSide,
108
- });
109
- }
106
+ `,
107
+ depthTest: true,
108
+ depthWrite: true,
109
+ // ⭐ 皇上 2026-09-20 旨:地板**不透明**
110
+ transparent: false,
111
+ side: DoubleSide,
112
+ });
113
+ }
@@ -0,0 +1,114 @@
1
+ /*
2
+ * @Author: xiaosihan
3
+ * @Date: 2022-09-20 23:06:00
4
+ * @Last Modified by: xiaosihan
5
+ * @Last Modified time: 2024-08-17 02:16:56
6
+ *
7
+ * ⭐ 2026-09-20 皇上旨两改:
8
+ * ① 原「科技感装饰地板」(三张格子贴图 + 紫色扩散动画 `#8D108E` + 格子线 `#263C56`)
9
+ * → 深灰地板(每帧 3 次贴图采样、贴图平铺无各向异性 → 摩尔纹 + home 页卡顿元凶之一)。
10
+ * ② 皇上再旨「地板就是**随机渐变**的深灰色、**不透明**」:
11
+ * → 深灰区间内用 **value noise 做随机渐变**(无贴图、零采样,天然无摩尔纹);
12
+ * → `transparent: false`、alpha 恒 1(不透明)。
13
+ *
14
+ * ⚠️ 不透明带来的变化与对策:
15
+ * - 原靠「径向 alpha 淡出」柔化 500×500 地板的边界;不透明后改用**径向压暗**(乘 0.72~1.0)
16
+ * 弱化硬边 —— 若哪天皇上要「边界完全消失」,只能改回 alpha 淡出(即恢复 transparent)。
17
+ * - 调试线(FPScontrol)两条口径分家(2026-09-25 皇上逐条定案):**10 条射线辅助线开深度测试**,
18
+ * 正是靠本地板「不透明 + depthWrite:true」才挡得住埋进地里的那半截线;**8/9 两条回弹向量线
19
+ * 保持穿透显示**(关深度测试 + renderOrder:9999),照旧常显在最前。
20
+ * ⚠️ 若哪天把本地板改回 transparent + depthWrite:false,射线辅助线会重新穿地浮出来。
21
+ *
22
+ * ⚠️ 改动红线(这几条被别处依赖,**不许顺手改**):
23
+ * - `userData.fpsCollision = true`:FPScontrol 把地板当碰撞体(见 FPScontrol.ts 地面处理段)。
24
+ * - `userData.aoFloor = true`:ssao_pass / debugExcludedShader 的「地板类半透明」特例按此标记走
25
+ * (默认不写进可见深度图;物体落在地板上仍有接触 AO)。
26
+ * - ShaderMaterial 必须含 logdepthbuf chunk;linear 输出必须 `#include <colorspace_fragment>`;
27
+ * 否则末端 sRGB 编码会二次编码 → 发白。
28
+ */
29
+ import { Color, DoubleSide, Matrix4, Mesh, PlaneGeometry, ShaderChunk, ShaderMaterial } from "three";
30
+ import { MathUtils } from "three";
31
+ const { degToRad } = MathUtils;
32
+
33
+ /** 装饰地板(随机渐变的深灰、不透明) */
34
+ export default class Ground1 extends Mesh {
35
+ tempMatrix: Matrix4 = new Matrix4();
36
+ constructor() {
37
+ super();
38
+ // 标记为自己参与 FPS 碰撞检测
39
+ this.userData.fpsCollision = true;
40
+ // 标记为"地板类半透明":参与世界空间 AO(物体落在它上需要接触 AO),
41
+ // 但透过它看到的物体(如从下方透视)仍照常显示描边/辉光、且不被它的接触 AO 乘黑。
42
+ // 见 three-base/pass/ssao_pass.ts 的复合守卫说明。
43
+ this.userData.aoFloor = true;
44
+ }
45
+ renderOrder: number = -1;
46
+ geometry: PlaneGeometry = (() => {
47
+ const geo: PlaneGeometry = new PlaneGeometry(1, 1, 1, 1);
48
+ geo.rotateX(degToRad(-90));
49
+ return geo;
50
+ })();
51
+ // 设置尺寸
52
+ setSize(width: number, height: number): void {
53
+ this.scale.set(width, 1, height);
54
+ }
55
+ material: ShaderMaterial = new ShaderMaterial({
56
+ uniforms: {
57
+ /** 随机渐变的**暗端**深灰(three 的 Color 存 linear,末端 colorspace_fragment 编码回 sRGB) */
58
+ colorDark: { value: new Color("#2A2E33") },
59
+ /** 随机渐变的**亮端**深灰 */
60
+ colorLight: { value: new Color("#3D434B") },
61
+ /** 低频噪声格数(越大斑块越碎;9 → 500×500 地板上每块约 55m 的大块渐变) */
62
+ noiseScale: { value: 9 },
63
+ },
64
+ vertexShader: `
65
+ ${ShaderChunk.common}
66
+ ${ShaderChunk.logdepthbuf_pars_vertex}
67
+ varying vec2 vUv;
68
+ void main() {
69
+ vUv = uv;
70
+ gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
71
+ ${ShaderChunk.logdepthbuf_vertex}
72
+ }
73
+ `,
74
+ fragmentShader: `
75
+ ${ShaderChunk.logdepthbuf_pars_fragment}
76
+ uniform vec3 colorDark;
77
+ uniform vec3 colorLight;
78
+ uniform float noiseScale;
79
+ varying vec2 vUv;
80
+
81
+ // 伪随机 hash → value noise:无贴图、零采样,天然没有平铺摩尔纹
82
+ float hash21(vec2 p) {
83
+ return fract(sin(dot(p, vec2(127.1, 311.7))) * 43758.5453123);
84
+ }
85
+ float valueNoise(vec2 p) {
86
+ vec2 i = floor(p);
87
+ vec2 f = fract(p);
88
+ vec2 u = f * f * (3.0 - 2.0 * f); // smoothstep 插值 → 柔和渐变,不是硬格子
89
+ return mix(mix(hash21(i), hash21(i + vec2(1.0, 0.0)), u.x),
90
+ mix(hash21(i + vec2(0.0, 1.0)), hash21(i + vec2(1.0, 1.0)), u.x), u.y);
91
+ }
92
+
93
+ void main() {
94
+ // 两个八度叠加:低频大块渐变 + 中频细节 → 深灰区间内的**随机渐变**
95
+ float n = valueNoise(vUv * noiseScale) * 0.65
96
+ + valueNoise(vUv * noiseScale * 3.1) * 0.35;
97
+ vec3 col = mix(colorDark, colorLight, clamp(n, 0.0, 1.0));
98
+
99
+ // ⚠️ 不透明地板无法用 alpha 淡出边界 → 改用径向压暗弱化 500×500 的硬边
100
+ float edge = 1.0 - smoothstep(0.34, 0.5, distance(vUv, vec2(0.5, 0.5)));
101
+ col *= mix(0.72, 1.0, edge);
102
+
103
+ gl_FragColor = vec4(col, 1.0); // 不透明
104
+ ${ShaderChunk.logdepthbuf_fragment}
105
+ #include <colorspace_fragment>
106
+ }
107
+ `,
108
+ depthTest: true,
109
+ depthWrite: true,
110
+ // ⭐ 皇上 2026-09-20 旨:地板**不透明**
111
+ transparent: false,
112
+ side: DoubleSide,
113
+ });
114
+ }
@@ -1 +1 @@
1
- export { default } from "./Ground1";
1
+ export { default } from "./Ground1";
package/Ground1/index.js CHANGED
@@ -1 +1 @@
1
- export { default } from "./Ground1";
1
+ export { default } from "./Ground1";
@@ -0,0 +1 @@
1
+ export { default } from "./Ground1";
package/MeshBase.d.ts CHANGED
@@ -1,35 +1,36 @@
1
- import { AnimationAction, AnimationMixer, Clock, Group, Mesh, Object3D, Vector3 } from "three";
2
- export default class MeshBase extends Group {
3
- constructor(url?: string);
4
- url: string;
5
- static models: Map<string, Object3D>;
6
- static loadModeling: Map<string, boolean>;
7
- loaded: boolean;
8
- hasAnimation: boolean;
9
- mixer?: AnimationMixer;
10
- animationActions: {
11
- [key: string]: AnimationAction;
12
- };
13
- getSuffix(filename: string): string;
14
- reset(...object: Object3D[]): this;
15
- loadModel(url: string | File | Array<File>, filename?: string): Promise<void>;
16
- frustumCulled: boolean;
17
- castShadow: boolean;
18
- receiveShadow: boolean;
19
- resoles: Array<(value: void | PromiseLike<void>) => void>;
20
- awaitLoaded(): Promise<void>;
21
- traverseMesh(callback: (mesh: Mesh) => void): Promise<void>;
22
- clock: Clock;
23
- setClipActionWeight(weights?: {
24
- [key: string]: number;
25
- }): Promise<void>;
26
- getAnimas(): string[];
27
- setAnimas(anima?: string): void;
28
- stop(): void;
29
- updateMatrix(): void;
30
- getSize(): Promise<Vector3>;
31
- center(): Promise<void>;
32
- alignBottom(y?: number): Promise<void>;
33
- scaleTo(size?: number, key?: Array<"x" | "y" | "z">): Promise<void>;
34
- expandBynormal(length: number): void;
35
- }
1
+ import { AnimationAction, AnimationMixer, Clock, Group, Mesh, Object3D, Vector3 } from "three";
2
+ export default class MeshBase extends Group {
3
+ constructor(url?: string);
4
+ url: string;
5
+ static models: Map<string, Object3D>;
6
+ static loadModeling: Map<string, boolean>;
7
+ loaded: boolean;
8
+ hasAnimation: boolean;
9
+ mixer?: AnimationMixer;
10
+ animationActions: {
11
+ [key: string]: AnimationAction;
12
+ };
13
+ getSuffix(filename: string): string;
14
+ reset(...object: Object3D[]): this;
15
+ protected ensureNormals(root: Object3D): void;
16
+ loadModel(url: string | File | Array<File>, filename?: string): Promise<void>;
17
+ frustumCulled: boolean;
18
+ castShadow: boolean;
19
+ receiveShadow: boolean;
20
+ resoles: Array<(value: void | PromiseLike<void>) => void>;
21
+ awaitLoaded(): Promise<void>;
22
+ traverseMesh(callback: (mesh: Mesh) => void): Promise<void>;
23
+ clock: Clock;
24
+ setClipActionWeight(weights?: {
25
+ [key: string]: number;
26
+ }): Promise<void>;
27
+ getAnimas(): string[];
28
+ setAnimas(anima?: string): void;
29
+ stop(): void;
30
+ updateMatrix(): void;
31
+ getSize(): Promise<Vector3>;
32
+ center(): Promise<void>;
33
+ alignBottom(y?: number): Promise<void>;
34
+ scaleTo(size?: number, key?: Array<"x" | "y" | "z">): Promise<void>;
35
+ expandBynormal(length: number): void;
36
+ }