three-base 2.0.73 → 2.0.74
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/ApngTexture.d.ts +13 -13
- package/ApngTexture.js +61 -61
- package/ApngTextureManage.d.ts +18 -18
- package/ApngTextureManage.js +87 -87
- package/EventMesh.d.ts +18 -18
- package/EventMesh.js +59 -59
- package/ExtrudeMesh.d.ts +111 -111
- package/ExtrudeMesh.js +363 -363
- package/FPScontrol.d.ts +45 -45
- package/FPScontrol.js +171 -171
- package/Fire/Fire.d.ts +28 -28
- package/Fire/Fire.js +79 -79
- package/Fire/FireGromtry.d.ts +9 -9
- package/Fire/FireGromtry.js +40 -40
- package/Fire/FireMaterial.d.ts +28 -28
- package/Fire/FireMaterial.js +32 -32
- package/InstancedMeshBase.d.ts +32 -32
- package/InstancedMeshBase.js +236 -223
- package/InstancedMeshBase.ts +24 -13
- package/KeyFrameAnimation.d.ts +25 -25
- package/KeyFrameAnimation.js +78 -78
- package/MeshBase.d.ts +34 -33
- package/MeshBase.js +185 -174
- package/MeshBase.ts +16 -5
- package/Mirror.d.ts +25 -25
- package/Mirror.js +139 -139
- package/PlaneModal1/PlaneModal1.d.ts +31 -31
- package/PlaneModal1/PlaneModal1.js +105 -105
- package/PlaneModal1/index.d.ts +1 -1
- package/PlaneModal1/index.js +1 -1
- package/PlaneText.d.ts +44 -44
- package/PlaneText.js +30 -30
- package/PlaneWithHtml.d.ts +11 -11
- package/PlaneWithHtml.js +68 -68
- 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 +13 -13
- package/Sky/Sky.js +28 -28
- package/Sky/index.d.ts +1 -1
- package/Sky/index.js +1 -1
- package/SpriteModal1/SpriteModal1.d.ts +30 -30
- package/SpriteModal1/SpriteModal1.js +110 -110
- package/SpriteModal1/index.d.ts +1 -1
- package/SpriteModal1/index.js +1 -1
- package/SpriteText.d.ts +45 -45
- package/SpriteText.js +163 -163
- package/SpriteText2.d.ts +47 -47
- package/SpriteText2.js +198 -198
- package/SpriteWithHtml.d.ts +7 -7
- package/SpriteWithHtml.js +49 -49
- package/Text3D/Text3D.d.ts +20 -20
- package/Text3D/Text3D.js +62 -62
- package/Text3D/fontController.d.ts +59 -59
- package/Text3D/fontController.js +200 -200
- package/Text3D/index.d.ts +1 -1
- package/Text3D/index.js +1 -1
- package/ThreeBase.d.ts +92 -92
- package/ThreeBase.js +619 -619
- package/ThreeMouse.d.ts +39 -39
- package/ThreeMouse.js +359 -359
- package/Transition.d.ts +40 -40
- package/Transition.js +207 -207
- package/index.d.ts +1 -1
- package/index.js +2 -2
- package/keyContorls.d.ts +25 -25
- package/keyContorls.js +98 -98
- package/package.json +1 -1
- package/pass/FullScreenQuad.d.ts +7 -7
- package/pass/FullScreenQuad.js +25 -25
- package/pass/glow_pass.d.ts +2 -2
- package/pass/glow_pass.js +236 -236
- package/pass/stroke_pass.d.ts +2 -2
- package/pass/stroke_pass.js +202 -202
- package/shaders/FXAAShaderMaterial.d.ts +3 -3
- package/shaders/FXAAShaderMaterial.js +21 -21
- package/shaders.d.ts +17 -17
- package/shaders.js +99 -99
- package/threeLoader.d.ts +26 -26
- package/threeLoader.js +189 -189
- package/threeUtils.d.ts +47 -47
- package/threeUtils.js +266 -266
package/keyContorls.js
CHANGED
|
@@ -1,98 +1,98 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* @Author: xiaosihan
|
|
3
|
-
* @Date: 2022-03-20 14:48:33
|
|
4
|
-
* @Last Modified by: xiaosihan
|
|
5
|
-
* @Last Modified time: 2022-09-30 00:12:28
|
|
6
|
-
*/
|
|
7
|
-
import { throttle } from "lodash";
|
|
8
|
-
import { EventDispatcher, Vector3 } from "three";
|
|
9
|
-
import { generateUUID } from "three/src/math/MathUtils";
|
|
10
|
-
/**
|
|
11
|
-
* 键盘 使用 ↑↓←→ 控制 x z 方向, 小键盘 1 0 控制 y 方向
|
|
12
|
-
*
|
|
13
|
-
* @class KeyContorls
|
|
14
|
-
* @extends {EventDispatcher}
|
|
15
|
-
*/
|
|
16
|
-
class KeyContorls extends EventDispatcher {
|
|
17
|
-
constructor() {
|
|
18
|
-
super();
|
|
19
|
-
this.addEvent();
|
|
20
|
-
}
|
|
21
|
-
uuid = generateUUID();
|
|
22
|
-
direction = new Vector3(0, 0, 0);
|
|
23
|
-
// 添加事件需要由外部实现
|
|
24
|
-
add(e) {
|
|
25
|
-
this.dispatchEvent({ ...e, type: "add" });
|
|
26
|
-
}
|
|
27
|
-
// 删除事件
|
|
28
|
-
delete(e) {
|
|
29
|
-
this.dispatchEvent({ ...e, type: "delete" });
|
|
30
|
-
}
|
|
31
|
-
// 回车按钮
|
|
32
|
-
enter(e) {
|
|
33
|
-
this.dispatchEvent({ ...e, type: "enter" });
|
|
34
|
-
}
|
|
35
|
-
keyDown = (e) => {
|
|
36
|
-
switch (e.keyCode) {
|
|
37
|
-
case 46: // 删除按钮
|
|
38
|
-
this.delete(e);
|
|
39
|
-
return;
|
|
40
|
-
case 13: // 回车按钮
|
|
41
|
-
this.enter(e);
|
|
42
|
-
return;
|
|
43
|
-
case 97: // 小键盘1
|
|
44
|
-
this.direction.set(0, 1, 0);
|
|
45
|
-
break;
|
|
46
|
-
case 96: // 小键盘0
|
|
47
|
-
this.direction.set(0, -1, 0);
|
|
48
|
-
break;
|
|
49
|
-
case 35: //
|
|
50
|
-
this.direction.set(0, 0.001, 0);
|
|
51
|
-
break;
|
|
52
|
-
case 45:
|
|
53
|
-
this.direction.set(0, -0.001, 0);
|
|
54
|
-
break;
|
|
55
|
-
case 38: // 前
|
|
56
|
-
this.direction.set(0, 0, -1);
|
|
57
|
-
break;
|
|
58
|
-
case 37: // 后
|
|
59
|
-
this.direction.set(-1, 0, 0);
|
|
60
|
-
break;
|
|
61
|
-
case 40: // 左
|
|
62
|
-
this.direction.set(0, 0, 1);
|
|
63
|
-
break;
|
|
64
|
-
case 39: // 右
|
|
65
|
-
this.direction.set(1, 0, 0);
|
|
66
|
-
break;
|
|
67
|
-
default:
|
|
68
|
-
return;
|
|
69
|
-
}
|
|
70
|
-
if (e.shiftKey) {
|
|
71
|
-
this.direction.multiplyScalar(0.001);
|
|
72
|
-
}
|
|
73
|
-
if (e.ctrlKey) {
|
|
74
|
-
this.direction.multiplyScalar(0.1);
|
|
75
|
-
}
|
|
76
|
-
this.dispatchEvent({
|
|
77
|
-
type: "change",
|
|
78
|
-
direction: this.direction
|
|
79
|
-
});
|
|
80
|
-
};
|
|
81
|
-
_listeners;
|
|
82
|
-
// 节流 删除事件监听
|
|
83
|
-
removeEvent = throttle((type) => {
|
|
84
|
-
this._listeners = undefined;
|
|
85
|
-
}, 1000, { trailing: false });
|
|
86
|
-
addEventListener(type, listener) {
|
|
87
|
-
this.removeEvent(type);
|
|
88
|
-
super.addEventListener(type, listener);
|
|
89
|
-
}
|
|
90
|
-
addEvent() {
|
|
91
|
-
document.addEventListener("keydown", this.keyDown);
|
|
92
|
-
}
|
|
93
|
-
dispose() {
|
|
94
|
-
document.removeEventListener("keydown", this.keyDown);
|
|
95
|
-
}
|
|
96
|
-
}
|
|
97
|
-
const keyContorls = new KeyContorls();
|
|
98
|
-
export default keyContorls;
|
|
1
|
+
/*
|
|
2
|
+
* @Author: xiaosihan
|
|
3
|
+
* @Date: 2022-03-20 14:48:33
|
|
4
|
+
* @Last Modified by: xiaosihan
|
|
5
|
+
* @Last Modified time: 2022-09-30 00:12:28
|
|
6
|
+
*/
|
|
7
|
+
import { throttle } from "lodash";
|
|
8
|
+
import { EventDispatcher, Vector3 } from "three";
|
|
9
|
+
import { generateUUID } from "three/src/math/MathUtils";
|
|
10
|
+
/**
|
|
11
|
+
* 键盘 使用 ↑↓←→ 控制 x z 方向, 小键盘 1 0 控制 y 方向
|
|
12
|
+
*
|
|
13
|
+
* @class KeyContorls
|
|
14
|
+
* @extends {EventDispatcher}
|
|
15
|
+
*/
|
|
16
|
+
class KeyContorls extends EventDispatcher {
|
|
17
|
+
constructor() {
|
|
18
|
+
super();
|
|
19
|
+
this.addEvent();
|
|
20
|
+
}
|
|
21
|
+
uuid = generateUUID();
|
|
22
|
+
direction = new Vector3(0, 0, 0);
|
|
23
|
+
// 添加事件需要由外部实现
|
|
24
|
+
add(e) {
|
|
25
|
+
this.dispatchEvent({ ...e, type: "add" });
|
|
26
|
+
}
|
|
27
|
+
// 删除事件
|
|
28
|
+
delete(e) {
|
|
29
|
+
this.dispatchEvent({ ...e, type: "delete" });
|
|
30
|
+
}
|
|
31
|
+
// 回车按钮
|
|
32
|
+
enter(e) {
|
|
33
|
+
this.dispatchEvent({ ...e, type: "enter" });
|
|
34
|
+
}
|
|
35
|
+
keyDown = (e) => {
|
|
36
|
+
switch (e.keyCode) {
|
|
37
|
+
case 46: // 删除按钮
|
|
38
|
+
this.delete(e);
|
|
39
|
+
return;
|
|
40
|
+
case 13: // 回车按钮
|
|
41
|
+
this.enter(e);
|
|
42
|
+
return;
|
|
43
|
+
case 97: // 小键盘1
|
|
44
|
+
this.direction.set(0, 1, 0);
|
|
45
|
+
break;
|
|
46
|
+
case 96: // 小键盘0
|
|
47
|
+
this.direction.set(0, -1, 0);
|
|
48
|
+
break;
|
|
49
|
+
case 35: //
|
|
50
|
+
this.direction.set(0, 0.001, 0);
|
|
51
|
+
break;
|
|
52
|
+
case 45:
|
|
53
|
+
this.direction.set(0, -0.001, 0);
|
|
54
|
+
break;
|
|
55
|
+
case 38: // 前
|
|
56
|
+
this.direction.set(0, 0, -1);
|
|
57
|
+
break;
|
|
58
|
+
case 37: // 后
|
|
59
|
+
this.direction.set(-1, 0, 0);
|
|
60
|
+
break;
|
|
61
|
+
case 40: // 左
|
|
62
|
+
this.direction.set(0, 0, 1);
|
|
63
|
+
break;
|
|
64
|
+
case 39: // 右
|
|
65
|
+
this.direction.set(1, 0, 0);
|
|
66
|
+
break;
|
|
67
|
+
default:
|
|
68
|
+
return;
|
|
69
|
+
}
|
|
70
|
+
if (e.shiftKey) {
|
|
71
|
+
this.direction.multiplyScalar(0.001);
|
|
72
|
+
}
|
|
73
|
+
if (e.ctrlKey) {
|
|
74
|
+
this.direction.multiplyScalar(0.1);
|
|
75
|
+
}
|
|
76
|
+
this.dispatchEvent({
|
|
77
|
+
type: "change",
|
|
78
|
+
direction: this.direction
|
|
79
|
+
});
|
|
80
|
+
};
|
|
81
|
+
_listeners;
|
|
82
|
+
// 节流 删除事件监听
|
|
83
|
+
removeEvent = throttle((type) => {
|
|
84
|
+
this._listeners = undefined;
|
|
85
|
+
}, 1000, { trailing: false });
|
|
86
|
+
addEventListener(type, listener) {
|
|
87
|
+
this.removeEvent(type);
|
|
88
|
+
super.addEventListener(type, listener);
|
|
89
|
+
}
|
|
90
|
+
addEvent() {
|
|
91
|
+
document.addEventListener("keydown", this.keyDown);
|
|
92
|
+
}
|
|
93
|
+
dispose() {
|
|
94
|
+
document.removeEventListener("keydown", this.keyDown);
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
const keyContorls = new KeyContorls();
|
|
98
|
+
export default keyContorls;
|
package/package.json
CHANGED
package/pass/FullScreenQuad.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { BufferGeometry, Material, Mesh, OrthographicCamera, Scene, WebGLRenderer } from "three";
|
|
2
|
-
export default class FullScreenQuad extends Scene {
|
|
3
|
-
constructor();
|
|
4
|
-
mesh: Mesh<BufferGeometry<import("three").NormalBufferAttributes>, Material, import("three").Object3DEventMap>;
|
|
5
|
-
orthographicCamera: OrthographicCamera;
|
|
6
|
-
render(renderer: WebGLRenderer, material: Material): void;
|
|
7
|
-
}
|
|
1
|
+
import { BufferGeometry, Material, Mesh, OrthographicCamera, Scene, WebGLRenderer } from "three";
|
|
2
|
+
export default class FullScreenQuad extends Scene {
|
|
3
|
+
constructor();
|
|
4
|
+
mesh: Mesh<BufferGeometry<import("three").NormalBufferAttributes>, Material, import("three").Object3DEventMap>;
|
|
5
|
+
orthographicCamera: OrthographicCamera;
|
|
6
|
+
render(renderer: WebGLRenderer, material: Material): void;
|
|
7
|
+
}
|
package/pass/FullScreenQuad.js
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
/*
|
|
2
|
-
* @Author: xiaosihan
|
|
3
|
-
* @Date: 2023-05-09 01:36:35
|
|
4
|
-
* @Last Modified by: xiaosihan
|
|
5
|
-
* @Last Modified time: 2023-05-09 01:47:07
|
|
6
|
-
*/
|
|
7
|
-
import { BufferGeometry, Float32BufferAttribute, Mesh, MeshBasicMaterial, OrthographicCamera, Scene } from "three";
|
|
8
|
-
export default class FullScreenQuad extends Scene {
|
|
9
|
-
constructor() {
|
|
10
|
-
super();
|
|
11
|
-
}
|
|
12
|
-
mesh = (() => {
|
|
13
|
-
const geometry = new BufferGeometry();
|
|
14
|
-
geometry.setAttribute("position", new Float32BufferAttribute([-1, 3, 0, -1, -1, 0, 3, -1, 0], 3));
|
|
15
|
-
geometry.setAttribute("uv", new Float32BufferAttribute([0, 2, 0, 0, 2, 0], 2));
|
|
16
|
-
const mesh = new Mesh(geometry, new MeshBasicMaterial());
|
|
17
|
-
this.add(mesh);
|
|
18
|
-
return mesh;
|
|
19
|
-
})();
|
|
20
|
-
orthographicCamera = new OrthographicCamera(-1, 1, 1, -1, 0, 1);
|
|
21
|
-
render(renderer, material) {
|
|
22
|
-
this.mesh.material = material;
|
|
23
|
-
renderer.render(this, this.orthographicCamera);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
1
|
+
/*
|
|
2
|
+
* @Author: xiaosihan
|
|
3
|
+
* @Date: 2023-05-09 01:36:35
|
|
4
|
+
* @Last Modified by: xiaosihan
|
|
5
|
+
* @Last Modified time: 2023-05-09 01:47:07
|
|
6
|
+
*/
|
|
7
|
+
import { BufferGeometry, Float32BufferAttribute, Mesh, MeshBasicMaterial, OrthographicCamera, Scene } from "three";
|
|
8
|
+
export default class FullScreenQuad extends Scene {
|
|
9
|
+
constructor() {
|
|
10
|
+
super();
|
|
11
|
+
}
|
|
12
|
+
mesh = (() => {
|
|
13
|
+
const geometry = new BufferGeometry();
|
|
14
|
+
geometry.setAttribute("position", new Float32BufferAttribute([-1, 3, 0, -1, -1, 0, 3, -1, 0], 3));
|
|
15
|
+
geometry.setAttribute("uv", new Float32BufferAttribute([0, 2, 0, 0, 2, 0], 2));
|
|
16
|
+
const mesh = new Mesh(geometry, new MeshBasicMaterial());
|
|
17
|
+
this.add(mesh);
|
|
18
|
+
return mesh;
|
|
19
|
+
})();
|
|
20
|
+
orthographicCamera = new OrthographicCamera(-1, 1, 1, -1, 0, 1);
|
|
21
|
+
render(renderer, material) {
|
|
22
|
+
this.mesh.material = material;
|
|
23
|
+
renderer.render(this, this.orthographicCamera);
|
|
24
|
+
}
|
|
25
|
+
}
|
package/pass/glow_pass.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { Camera, Object3D, WebGLRenderer, DepthTexture } from "three";
|
|
2
|
-
export default function glow_pass(renderer: WebGLRenderer, camera: Camera, object3d: Object3D, baseDepthTexture: DepthTexture): void;
|
|
1
|
+
import { Camera, Object3D, WebGLRenderer, DepthTexture } from "three";
|
|
2
|
+
export default function glow_pass(renderer: WebGLRenderer, camera: Camera, object3d: Object3D, baseDepthTexture: DepthTexture): void;
|