three-base 2.0.142 → 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.
- package/DirectionalLight.d.ts +6 -6
- package/DirectionalLight.js +68 -68
- package/EventMap.d.ts +103 -103
- package/EventMap.js +17 -17
- package/EventMesh.d.ts +18 -18
- package/EventMesh.js +59 -59
- package/ExtrudeMesh.d.ts +112 -112
- package/ExtrudeMesh.js +342 -342
- package/FPScontrol.d.ts +511 -511
- package/FPScontrol.js +1799 -1799
- package/FPScontrol.ts +1855 -1855
- package/Fire/Fire.d.ts +28 -28
- package/Fire/Fire.js +80 -80
- package/Fire/FireGeometry.d.ts +9 -9
- package/Fire/FireGeometry.js +40 -40
- package/Fire/FireMaterial.d.ts +28 -28
- package/Fire/FireMaterial.js +32 -32
- package/Fire/index.d.ts +2 -2
- package/Fire/index.js +2 -2
- package/GLTFDracoLoader.d.ts +71 -71
- package/GLTFDracoLoader.js +266 -266
- package/GLTFDracoLoader.ts +1 -1
- package/Grass/Grass.d.ts +8 -8
- package/Grass/Grass.js +38 -38
- package/Grass/index.d.ts +2 -2
- package/Grass/index.js +2 -2
- package/Ground1/Ground1.d.ts +10 -10
- package/Ground1/Ground1.js +71 -71
- package/Ground1/index.d.ts +1 -1
- package/Ground1/index.js +1 -1
- package/MeshBase.d.ts +36 -36
- package/MeshBase.js +247 -247
- package/Mirror.d.ts +25 -25
- package/Mirror.js +143 -143
- package/MktMesh/MktMesh.d.ts +301 -291
- package/MktMesh/MktMesh.js +1064 -1045
- package/MktMesh/MktMesh.ts +32 -11
- package/MktMesh/assetUrl.d.ts +59 -35
- package/MktMesh/assetUrl.js +154 -69
- package/MktMesh/assetUrl.ts +155 -69
- package/MktMesh/mktMappingShader.d.ts +12 -12
- package/MktMesh/mktMappingShader.js +138 -138
- package/MktMesh/mktMappingShader.ts +139 -139
- package/MktMesh/mktShader.d.ts +263 -263
- package/MktMesh/mktShader.js +1236 -1236
- package/MktMesh/mktShader.ts +1344 -1344
- package/MktMesh/panoBitmapTexture.d.ts +25 -25
- package/MktMesh/panoBitmapTexture.js +52 -52
- package/MktMesh/panoBitmapTexture.ts +54 -54
- package/MktMesh/panoSlotBind.d.ts +29 -29
- package/MktMesh/panoSlotBind.js +106 -106
- package/MktMesh/panoSlotBind.ts +153 -153
- package/MktMesh/panoSlotRoster.d.ts +22 -22
- package/MktMesh/panoSlotRoster.js +169 -169
- package/MktMesh/panoSlotRoster.ts +168 -168
- package/MktMesh/panoTileStitcher.d.ts +119 -119
- package/MktMesh/panoTileStitcher.js +529 -529
- package/MktMesh/panoTileStitcher.ts +616 -616
- package/MktMesh/types.d.ts +75 -75
- package/MktMesh/types.js +1 -1
- package/MktMesh/wallCapTessellate.d.ts +33 -33
- package/MktMesh/wallCapTessellate.js +97 -97
- package/MktMesh/wallCapTessellate.ts +68 -68
- package/PipeMesh/PathGeometry.d.ts +44 -44
- package/PipeMesh/PathGeometry.js +307 -307
- package/PipeMesh/PathPoint.d.ts +17 -17
- package/PipeMesh/PathPoint.js +31 -31
- package/PipeMesh/PathPointList.d.ts +31 -31
- package/PipeMesh/PathPointList.js +209 -209
- package/PipeMesh/PathTubeGeometry.d.ts +25 -25
- package/PipeMesh/PathTubeGeometry.js +130 -130
- package/PipeMesh/PipeMesh.d.ts +25 -25
- package/PipeMesh/PipeMesh.js +63 -63
- package/PipeMesh/index.d.ts +1 -1
- package/PipeMesh/index.js +1 -1
- package/PlaneModal1/PlaneModal1.d.ts +34 -34
- package/PlaneModal1/PlaneModal1.js +109 -109
- package/PlaneModal1/index.d.ts +1 -1
- package/PlaneModal1/index.js +1 -1
- package/PlaneText.d.ts +27 -27
- package/PlaneText.js +35 -35
- package/PlaneWithHtml.d.ts +13 -13
- package/PlaneWithHtml.js +64 -64
- package/PointLight/PointLight.d.ts +13 -13
- package/PointLight/PointLight.js +64 -64
- package/PointLight/index.d.ts +1 -1
- package/PointLight/index.js +1 -1
- package/Sky/Sky.d.ts +9 -9
- package/Sky/Sky.js +22 -22
- package/Sky/index.d.ts +1 -1
- package/Sky/index.js +1 -1
- package/SpotLight.d.ts +6 -6
- package/SpotLight.js +72 -72
- package/SpriteModal1/SpriteModal1.d.ts +33 -33
- package/SpriteModal1/SpriteModal1.js +116 -116
- package/SpriteModal1/index.d.ts +1 -1
- package/SpriteModal1/index.js +1 -1
- package/SpriteText.d.ts +46 -46
- package/SpriteText.js +176 -176
- package/SpriteText2.d.ts +48 -48
- package/SpriteText2.js +223 -223
- package/SpriteText3.d.ts +86 -86
- package/SpriteText3.js +517 -517
- package/SpriteText3.ts +599 -599
- package/SpriteWithHtml.d.ts +9 -9
- package/SpriteWithHtml.js +44 -44
- package/Text3D/Text3D.d.ts +20 -20
- package/Text3D/Text3D.js +58 -58
- package/Text3D/fontController.d.ts +60 -60
- package/Text3D/fontController.js +166 -166
- package/Text3D/index.d.ts +1 -1
- package/Text3D/index.js +1 -1
- package/ThreeBase.d.ts +248 -248
- package/ThreeBase.js +1202 -1202
- package/ThreeBase.ts +1314 -1314
- package/ThreeMouse.d.ts +53 -54
- package/ThreeMouse.js +453 -453
- package/Transition.d.ts +45 -45
- package/Transition.js +209 -209
- package/Water/Water.d.ts +5 -5
- package/Water/Water.js +44 -44
- package/Water/index.d.ts +2 -2
- package/Water/index.js +2 -2
- package/WaterFlow/FloatingDuck.d.ts +88 -88
- package/WaterFlow/FloatingDuck.js +307 -307
- package/WaterFlow/FloatingDuck.ts +445 -445
- package/WaterFlow/GPUFluidSimulation.d.ts +56 -56
- package/WaterFlow/GPUFluidSimulation.js +781 -781
- package/WaterFlow/GPUFluidSimulation.ts +827 -827
- package/WaterFlow/ReservoirSystem.d.ts +106 -106
- package/WaterFlow/ReservoirSystem.js +611 -611
- package/WaterFlow/ReservoirSystem.ts +754 -754
- package/WaterFlow/SPHField.d.ts +35 -35
- package/WaterFlow/SPHField.js +203 -203
- package/WaterFlow/SPHField.ts +228 -228
- package/WaterFlow/ScreenSpaceFluidPass.d.ts +69 -69
- package/WaterFlow/ScreenSpaceFluidPass.js +728 -728
- package/WaterFlow/ScreenSpaceFluidPass.ts +789 -789
- package/WaterFlow/ShallowWaterSurface.d.ts +45 -45
- package/WaterFlow/ShallowWaterSurface.js +438 -438
- package/WaterFlow/ShallowWaterSurface.ts +510 -510
- package/WaterFlow/WaterFlow.d.ts +87 -87
- package/WaterFlow/WaterFlow.js +171 -171
- package/WaterFlow/WaterFlow.ts +219 -219
- package/WaterFlow/types.d.ts +161 -161
- package/WaterFlow/types.js +1 -1
- package/WaterFlow/types.ts +189 -189
- package/WaterFlow/waterFlowPass.d.ts +3 -3
- package/WaterFlow/waterFlowPass.js +20 -20
- package/WaterFlow/waterFlowPass.ts +40 -40
- package/collisionOBB.d.ts +42 -42
- package/collisionOBB.js +112 -112
- package/collisionOBB.ts +108 -108
- package/declare.d.ts +25 -25
- package/index.d.ts +1 -1
- package/index.js +1 -1
- package/instanced/InstancedBatch.d.ts +57 -57
- package/instanced/InstancedBatch.js +348 -348
- package/instanced/InstancedBatch.ts +406 -406
- package/instanced/InstancedChild.d.ts +174 -174
- package/instanced/InstancedChild.js +264 -264
- package/instanced/InstancedChild.ts +327 -327
- package/instanced/InstancedGroup.d.ts +43 -43
- package/instanced/InstancedGroup.js +126 -126
- package/instanced/InstancedGroup.ts +137 -137
- package/instanced/InstancedMeshBase.d.ts +38 -38
- package/instanced/InstancedMeshBase.js +282 -282
- package/instanced/InstancedTemplate.d.ts +46 -46
- package/instanced/InstancedTemplate.js +125 -125
- package/keyControls.d.ts +29 -30
- package/keyControls.js +101 -101
- package/lensflare/LensFlare.d.ts +39 -39
- package/lensflare/LensFlare.js +284 -284
- package/package.json +6 -1
- package/pass/bloom_pass.d.ts +2 -2
- package/pass/bloom_pass.js +174 -174
- package/pass/cover_pass.d.ts +2 -2
- package/pass/cover_pass.js +108 -108
- package/pass/debugDepthState.d.ts +20 -20
- package/pass/debugDepthState.js +9 -9
- package/pass/debugDepthState.ts +22 -22
- package/pass/depthTestBias.d.ts +12 -12
- package/pass/depthTestBias.js +12 -12
- package/pass/depthTestBias.ts +12 -12
- package/pass/effectUserData.d.ts +27 -27
- package/pass/effectUserData.js +1 -1
- package/pass/effectUserData.ts +46 -46
- package/pass/frosted_glass_pass.d.ts +2 -2
- package/pass/frosted_glass_pass.js +150 -150
- package/pass/fsQuad.d.ts +9 -9
- package/pass/fsQuad.js +28 -28
- package/pass/glow_pass.d.ts +2 -2
- package/pass/glow_pass.js +350 -350
- package/pass/screen_bloom_pass.d.ts +11 -11
- package/pass/screen_bloom_pass.js +136 -136
- package/pass/ssao_pass.d.ts +88 -88
- package/pass/ssao_pass.js +799 -799
- package/pass/ssao_pass.ts +918 -918
- package/pass/stroke_pass.d.ts +2 -2
- package/pass/stroke_pass.js +267 -267
- package/shaders/FXAAShaderMaterial.d.ts +3 -3
- package/shaders/FXAAShaderMaterial.js +20 -20
- package/shaders/baseDepthVisShader.d.ts +11 -11
- package/shaders/baseDepthVisShader.js +36 -36
- package/shaders/baseDepthVisShader.ts +36 -36
- package/shaders/baseTextureToRenderShader.d.ts +2 -2
- package/shaders/baseTextureToRenderShader.js +19 -19
- package/shaders/copyShader.d.ts +3 -3
- package/shaders/copyShader.js +13 -13
- package/shaders/debugDepthCompareShader.d.ts +14 -14
- package/shaders/debugDepthCompareShader.js +49 -49
- package/shaders/debugDepthCompareShader.ts +50 -50
- package/shaders/debugDepthJudgeShader.d.ts +18 -18
- package/shaders/debugDepthJudgeShader.js +52 -52
- package/shaders/debugDepthJudgeShader.ts +54 -54
- package/shaders/debugExcludedShader.d.ts +13 -13
- package/shaders/debugExcludedShader.js +46 -46
- package/shaders/debugExcludedShader.ts +48 -48
- package/spriteTextBg.d.ts +1 -1
- package/spriteTextBg.js +20 -20
- package/spriteTextBg.ts +20 -20
- package/threeLoader.d.ts +35 -35
- package/threeLoader.js +518 -518
- package/threeUtils.d.ts +53 -53
- package/threeUtils.js +329 -329
- package/types.d.ts +2 -2
- package/types.js +6 -6
package/GLTFDracoLoader.ts
CHANGED
|
@@ -357,7 +357,7 @@ export default class GLTFDracoLoader extends GLTFLoader {
|
|
|
357
357
|
|
|
358
358
|
const ptr = draco._malloc(byteLength);
|
|
359
359
|
decoder.GetAttributeDataArrayForAllPoints(dracoGeometry, attribute, dataType, byteLength, ptr);
|
|
360
|
-
const array = new attributeType(draco.HEAPF32.buffer, ptr, numValues).slice();
|
|
360
|
+
const array = new attributeType(draco.HEAPF32.buffer as ArrayBuffer, ptr, numValues).slice();
|
|
361
361
|
draco._free(ptr);
|
|
362
362
|
|
|
363
363
|
return {
|
package/Grass/Grass.d.ts
CHANGED
|
@@ -1,8 +1,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
|
-
}
|
|
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/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from "./Grass";
|
|
2
|
-
export * from "./Grass";
|
|
1
|
+
export { default } from "./Grass";
|
|
2
|
+
export * from "./Grass";
|
package/Grass/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { default } from "./Grass";
|
|
2
|
-
export * from "./Grass";
|
|
1
|
+
export { default } from "./Grass";
|
|
2
|
+
export * from "./Grass";
|
package/Ground1/Ground1.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
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
|
+
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
|
+
}
|
package/Ground1/Ground1.js
CHANGED
|
@@ -1,65 +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
|
-
* ⭐ 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
|
-
},
|
|
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
|
+
},
|
|
63
63
|
vertexShader: `
|
|
64
64
|
${ShaderChunk.common}
|
|
65
65
|
${ShaderChunk.logdepthbuf_pars_vertex}
|
|
@@ -69,7 +69,7 @@ export default class Ground1 extends Mesh {
|
|
|
69
69
|
gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
|
|
70
70
|
${ShaderChunk.logdepthbuf_vertex}
|
|
71
71
|
}
|
|
72
|
-
`,
|
|
72
|
+
`,
|
|
73
73
|
fragmentShader: `
|
|
74
74
|
${ShaderChunk.logdepthbuf_pars_fragment}
|
|
75
75
|
uniform vec3 colorDark;
|
|
@@ -103,11 +103,11 @@ export default class Ground1 extends Mesh {
|
|
|
103
103
|
${ShaderChunk.logdepthbuf_fragment}
|
|
104
104
|
#include <colorspace_fragment>
|
|
105
105
|
}
|
|
106
|
-
`,
|
|
107
|
-
depthTest: true,
|
|
108
|
-
depthWrite: true,
|
|
109
|
-
// ⭐ 皇上 2026-09-20 旨:地板**不透明**
|
|
110
|
-
transparent: false,
|
|
111
|
-
side: DoubleSide,
|
|
112
|
-
});
|
|
113
|
-
}
|
|
106
|
+
`,
|
|
107
|
+
depthTest: true,
|
|
108
|
+
depthWrite: true,
|
|
109
|
+
// ⭐ 皇上 2026-09-20 旨:地板**不透明**
|
|
110
|
+
transparent: false,
|
|
111
|
+
side: DoubleSide,
|
|
112
|
+
});
|
|
113
|
+
}
|
package/Ground1/index.d.ts
CHANGED
|
@@ -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";
|
package/MeshBase.d.ts
CHANGED
|
@@ -1,36 +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
|
-
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
|
-
}
|
|
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
|
+
}
|