three-base 2.0.36 → 2.0.38
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/Sky/Sky.js +1 -1
- package/Sky/Sky.ts +1 -1
- package/ThreeBase.js +4 -4
- package/ThreeBase.ts +4 -4
- package/package.json +1 -1
- package/threeLoader.js +1 -1
- package/threeLoader.ts +1 -1
package/Sky/Sky.js
CHANGED
|
@@ -14,7 +14,7 @@ export default class Sky extends Mesh {
|
|
|
14
14
|
constructor() {
|
|
15
15
|
super(Sky.geometry);
|
|
16
16
|
}
|
|
17
|
-
static geometry = new SphereGeometry(
|
|
17
|
+
static geometry = new SphereGeometry(5000, 100, 100);
|
|
18
18
|
material = new MeshBasicMaterial({
|
|
19
19
|
side: DoubleSide,
|
|
20
20
|
map: threeLoader.getTexture(blueskyJPG)
|
package/Sky/Sky.ts
CHANGED
package/ThreeBase.js
CHANGED
|
@@ -81,9 +81,9 @@ export default class ThreeBase extends EventDispatcher {
|
|
|
81
81
|
return renderer;
|
|
82
82
|
})();
|
|
83
83
|
//透视相机
|
|
84
|
-
perspectiveCamera = new PerspectiveCamera(45, 1, 0.
|
|
84
|
+
perspectiveCamera = new PerspectiveCamera(45, 1, 0.01, 10000);
|
|
85
85
|
//正交相机
|
|
86
|
-
orthographicCamera = new OrthographicCamera(-1, 1, 1, -1, 0.
|
|
86
|
+
orthographicCamera = new OrthographicCamera(-1, 1, 1, -1, 0.01, 10000);
|
|
87
87
|
//相机的类型
|
|
88
88
|
cameraType = "perspectiveCamera";
|
|
89
89
|
setCameraType(cameraType) {
|
|
@@ -208,7 +208,7 @@ export default class ThreeBase extends EventDispatcher {
|
|
|
208
208
|
this.orthographicCamera.position
|
|
209
209
|
.set(x + 0.01, y, z + 0.01)
|
|
210
210
|
.sub(this.controls.target)
|
|
211
|
-
.setLength(
|
|
211
|
+
.setLength(5000)
|
|
212
212
|
.add(this.controls.target);
|
|
213
213
|
this.orthographicCamera.lookAt(this.controls.target);
|
|
214
214
|
this.needRender = true;
|
|
@@ -364,7 +364,7 @@ export default class ThreeBase extends EventDispatcher {
|
|
|
364
364
|
const distaned = this.perspectiveCamera.position.clone().sub(center).length();
|
|
365
365
|
const zoom = 1 / (Math.tan(degToRad(fov) / 2) * distaned);
|
|
366
366
|
this.orthographicCamera.zoom = zoom;
|
|
367
|
-
this.orthographicCamera.position.copy(this.perspectiveCamera.position.clone().sub(center)).setLength(
|
|
367
|
+
this.orthographicCamera.position.copy(this.perspectiveCamera.position.clone().sub(center)).setLength(5000).add(center);
|
|
368
368
|
}
|
|
369
369
|
else if (this.cameraType === "orthographicCamera") {
|
|
370
370
|
const { center } = this.getLookAt();
|
package/ThreeBase.ts
CHANGED
|
@@ -95,9 +95,9 @@ export default class ThreeBase extends EventDispatcher {
|
|
|
95
95
|
})();
|
|
96
96
|
|
|
97
97
|
//透视相机
|
|
98
|
-
perspectiveCamera = new PerspectiveCamera(45, 1, 0.
|
|
98
|
+
perspectiveCamera = new PerspectiveCamera(45, 1, 0.01, 10000);
|
|
99
99
|
//正交相机
|
|
100
|
-
orthographicCamera = new OrthographicCamera(- 1, 1, 1, - 1, 0.
|
|
100
|
+
orthographicCamera = new OrthographicCamera(- 1, 1, 1, - 1, 0.01, 10000);
|
|
101
101
|
|
|
102
102
|
//相机的类型
|
|
103
103
|
cameraType: "perspectiveCamera" | "orthographicCamera" = "perspectiveCamera";
|
|
@@ -246,7 +246,7 @@ export default class ThreeBase extends EventDispatcher {
|
|
|
246
246
|
this.orthographicCamera.position
|
|
247
247
|
.set(x + 0.01, y, z + 0.01)
|
|
248
248
|
.sub(this.controls.target)
|
|
249
|
-
.setLength(
|
|
249
|
+
.setLength(5000)
|
|
250
250
|
.add(this.controls.target)
|
|
251
251
|
this.orthographicCamera.lookAt(this.controls.target);
|
|
252
252
|
|
|
@@ -438,7 +438,7 @@ export default class ThreeBase extends EventDispatcher {
|
|
|
438
438
|
const distaned = this.perspectiveCamera.position.clone().sub(center).length();
|
|
439
439
|
const zoom = 1 / (Math.tan(degToRad(fov) / 2) * distaned);
|
|
440
440
|
this.orthographicCamera.zoom = zoom;
|
|
441
|
-
this.orthographicCamera.position.copy(this.perspectiveCamera.position.clone().sub(center)).setLength(
|
|
441
|
+
this.orthographicCamera.position.copy(this.perspectiveCamera.position.clone().sub(center)).setLength(5000).add(center);
|
|
442
442
|
} else if (this.cameraType === "orthographicCamera") {
|
|
443
443
|
const { center } = this.getLookAt();
|
|
444
444
|
const { fov } = this.perspectiveCamera;
|
package/package.json
CHANGED
package/threeLoader.js
CHANGED
|
@@ -60,7 +60,7 @@ class ThreeLoader extends EventDispatcher {
|
|
|
60
60
|
}
|
|
61
61
|
let texture = this.textureMap.get(src);
|
|
62
62
|
if (!texture) {
|
|
63
|
-
if (/\.mp4
|
|
63
|
+
if (/\.(mp4|mov)$/i.test(src)) {
|
|
64
64
|
const videoDom = document.createElement("video");
|
|
65
65
|
videoDom.autoplay = true;
|
|
66
66
|
videoDom.loop = true;
|
package/threeLoader.ts
CHANGED
|
@@ -75,7 +75,7 @@ class ThreeLoader extends EventDispatcher {
|
|
|
75
75
|
let texture = this.textureMap.get(src);
|
|
76
76
|
|
|
77
77
|
if (!texture) {
|
|
78
|
-
if (/\.mp4
|
|
78
|
+
if (/\.(mp4|mov)$/i.test(src)) {
|
|
79
79
|
const videoDom = document.createElement("video");
|
|
80
80
|
videoDom.autoplay = true;
|
|
81
81
|
videoDom.loop = true;
|