@ridp/threejs 1.3.0 → 1.3.2
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/dist/{common-D1_IztgM.js → common-C8KE_lHC.js} +1 -1
- package/dist/{common-C1rNPPkt.cjs → common-lRDriwln.cjs} +1 -1
- package/dist/hooks.cjs +1 -1
- package/dist/hooks.js +1 -1
- package/dist/modelSerialize-BJf_M0Ys.cjs +5 -0
- package/dist/{modelSerialize-5oJb1ka7.js → modelSerialize-BybDeWER.js} +453 -335
- package/dist/threejs.cjs +1 -1
- package/dist/threejs.js +26 -24
- package/dist/useGLTFLoader-C73cebsn.js +2478 -0
- package/dist/useGLTFLoader-Csew3AhP.cjs +2 -0
- package/dist/utils.cjs +1 -1
- package/dist/utils.js +12 -10
- package/package.json +1 -1
- package/readme.md +21 -1
- package/dist/modelSerialize-Ds_2KBaA.cjs +0 -5
- package/dist/useGLTFLoader-2awW2QaH.cjs +0 -4
- package/dist/useGLTFLoader-BBGTGOYm.js +0 -5507
package/dist/threejs.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var g=Object.defineProperty;var O=(l,e,s)=>e in l?g(l,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):l[e]=s;var t=(l,e,s)=>O(l,typeof e!="symbol"?e+"":e,s);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./useGLTFLoader-Csew3AhP.cjs"),i=require("./modelSerialize-BJf_M0Ys.cjs"),u=require("./common-lRDriwln.cjs"),o=require("three"),T="1.3.1",v={enableDamping:!0,dampingFactor:.25,screenSpacePanning:!1,minDistance:.1,maxDistance:1e3,maxPolarAngle:o.MathUtils.degToRad(60)};class m{constructor(e,s){t(this,"isReady",!1);t(this,"scene",null);t(this,"camera",null);t(this,"renderer",null);t(this,"control",null);t(this,"css3dRenderer",null);t(this,"el",null);t(this,"renderRequested",!1);t(this,"selector",null);t(this,"eventsListener",{});t(this,"stats",null);t(this,"isDispose",!1);t(this,"version","0.0.0");t(this,"initOpt",{css3d:!1,stats:!1,renderType:"change",initListener:"True",control:{init:!0,options:{}}});t(this,"setup",e=>{this.isDispose=!1,this.selector=e,this.el=document.querySelector(e);const s=Math.tan(Math.PI/180*this.camera.fov/2),[r,c]=this.getTargetSize();if(this.camera.aspect=r/c,this.camera.position.set(47,39,100),this.camera.fov=360/Math.PI*Math.atan(s*(c/r)),this.camera.lookAt(0,0,0),this.camera.updateProjectionMatrix(),this.renderer.setPixelRatio(window.devicePixelRatio),this.renderer.setSize(r,c),this.el.appendChild(this.renderer.domElement),this.initOpt.control&&this.initOpt.control.init){this.control=i.createOrbitControl(this.camera,this.renderer.domElement);const h=Object.assign(v,this.initOpt.control.options||{});Object.keys(h).forEach(n=>{this.control[n]=h[n]})}setTimeout(()=>{this.isReady=!0},20),this.initOpt.stats&&this.initStats(),this.initOpt.css3d&&this.initCss3dRenderer(),this.initOpt.renderType==="loop"?requestAnimationFrame(this.animate):this.initOpt.renderType==="change"&&this.control&&this.control.addEventListener("change",this.requestRenderIfNotRequested),this.initListener()});t(this,"onContextLost",e=>{e.preventDefault(),cancelAnimationFrame(this.animate)});t(this,"onContextRestored",e=>{e.preventDefault(),this.dispose(),setTimeout(()=>{this.setup(this.selector)},20)});t(this,"initListener",()=>{this.initOpt.initListener=="True"&&window&&window.addEventListener("resize",()=>this.onResize(),!1),this.renderer.domElement.addEventListener("webglcontextlost",this.onContextLost,!1),this.renderer.domElement.addEventListener("webglcontextrestored",this.onContextRestored,!1)});t(this,"removeListener",()=>{window&&window.removeEventListener("resize",this.onResize,!1),this.renderer.domElement.removeEventListener("webglcontextlost",this.onContextLost.bind(m),!1),this.renderer.domElement.removeEventListener("webglcontextrestored",this.onContextRestored.bind(m),!1)});t(this,"animate",()=>{this.initOpt.renderType==="loop"&&this.onRender(),requestAnimationFrame(this.animate)});t(this,"onRender",()=>{this.isDispose||(this.renderRequested=!1,this.stats&&this.stats.update(),this.control&&this.control.update(),this.renderer.render(this.scene,this.camera),this.css3dRenderer&&this.css3dRenderer.render(this.scene,this.camera),this.eventsListener.onRender&&this.eventsListener.onRender.length&&this.eventsListener.onRender.forEach(e=>e()))});t(this,"requestRenderIfNotRequested",()=>{this.renderRequested||(this.renderRequested=!0,requestAnimationFrame(()=>{this.onRender()}))});t(this,"onResize",()=>{setTimeout(()=>{const e=Math.tan(Math.PI/180*this.camera.fov/2),[s,r]=this.getTargetSize();this.camera.aspect=s/r,this.camera.fov=360/Math.PI*Math.atan(e*(r/s)),this.camera.updateProjectionMatrix(),this.camera.lookAt(this.scene.position),this.renderer.setSize(s,r),this.css3dRenderer&&this.css3dRenderer.setSize(s,r),this.onRender()},0)});t(this,"frameArea",(e,s,r)=>{const c=new o.Box3().setFromObject(e),h=c.getSize(new o.Vector3).length(),n=c.getCenter(new o.Vector3);r&&n.add(r);const f=h*s*.5,R=o.MathUtils.degToRad(this.camera.fov*.5),b=f/Math.tan(R),p=new o.Vector3().subVectors(this.camera.position,n).multiply(new o.Vector3(1,1,1)).normalize().multiplyScalar(b).add(n),d={x:p.x,y:p.y,z:p.z,lookAt_x:n.x,lookAt_y:n.y,lookAt_z:n.z};return this.camera.position.set(d.x,d.y,d.z),this.camera.lookAt(d.lookAt_x,d.lookAt_y,d.lookAt_z),this.camera.updateProjectionMatrix(),this.control.target.copy(n),this.control.update(),h});t(this,"on",(e,s)=>{!e||!s||(this.eventsListener[e]||(this.eventsListener[e]=[]),this.eventsListener[e].push(s))});this.isReady=!1,this.scene=new o.Scene({}),this.camera=new o.PerspectiveCamera(50,1,.1,2e3),this.renderer=new o.WebGLRenderer({antialias:!0,alpha:!0,precision:"mediump",logarithmicDepthBuffer:!0}),this.version=T,s&&(this.initOpt=Object.assign(this.initOpt,s)),e&&this.setup(e)}initStats(){const e=new Stats;e.dom.style.cssText="position:absolute;top:0;left:0;cursor:pointer;opacity:0.9;z-index:10000",this.el.appendChild(e.dom)}initCss3dRenderer(){this.css3dRenderer=new i.CSS3DRenderer;const[e,s]=this.getTargetSize();this.css3dRenderer.setSize(e,s),this.css3dRenderer.domElement.style.position="absolute",this.css3dRenderer.domElement.style.pointerEvents="none",this.css3dRenderer.domElement.style.top=0,this.css3dRenderer.domElement.style.left=0,this.el.appendChild(this.css3dRenderer.domElement)}getTargetSize(){const e=document.querySelector(this.selector);return e?[e.clientWidth,e.clientHeight]:[0,0]}off(e){e||(this.eventsListener={}),this.eventsListener[e]&&(this.eventsListener[e]=[])}dispose(){this.isDispose=!0,this.removeListener(),i.disposeThreeObject(this.scene),this.renderer.dispose(),this.renderer.domElement.remove(),this.el=null,this.renderer=null,this.camera=null,this.scene=null,this.control=null,this.css3dRenderer=null}}exports.IDBCache=a.IDBCache;exports.intersectColor=a.intersectColor;exports.obbObjects=a.obbObjects;exports.useGLTFLoader=a.useGLTFLoader;exports.useObb=a.useObb;exports.useRaycaster=a.useRaycaster;exports.useThreeJs=a.useThreeJs;exports.ImageLoader=i.ImageLoader;exports.createArrowHelper=i.createArrowHelper;exports.createAxesHelper=i.createAxesHelper;exports.createBox3Helper=i.createBox3Helper;exports.createCameraHelper=i.createCameraHelper;exports.createGridHelper=i.createGridHelper;exports.createMapControls=i.createMapControls;exports.createOrbitControl=i.createOrbitControl;exports.createRaycaster=i.createRaycaster;exports.createStats=i.createStats;exports.dataToObject3D=i.dataToObject3D;exports.dataToObject3DSync=i.dataToObject3DSync;exports.disposeThreeObject=i.disposeThreeObject;exports.initEnvImage=i.initEnvImage;exports.object3DToData=i.object3DToData;exports.object3DToDataSync=i.object3DToDataSync;exports.createInfoPlane=u.createInfoPlane;exports.createTagPlane=u.createTagPlane;exports.getCommonParent=u.getCommonParent;exports.ThreeIns=m;
|
package/dist/threejs.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
var R = Object.defineProperty;
|
|
2
2
|
var g = (a, e, s) => e in a ? R(a, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[e] = s;
|
|
3
3
|
var t = (a, e, s) => g(a, typeof e != "symbol" ? e + "" : e, s);
|
|
4
|
-
import { I as
|
|
5
|
-
import { d as x, C as v, j as
|
|
6
|
-
import { I as V, h as _, g as G, b as N, c as J, a as U, e as Y, f as K, i as Q,
|
|
7
|
-
import { c as
|
|
8
|
-
import { MathUtils as m, Scene as
|
|
9
|
-
const
|
|
4
|
+
import { I as M, i as q, o as F, c as I, b as k, a as H, u as W } from "./useGLTFLoader-C73cebsn.js";
|
|
5
|
+
import { d as x, C as v, j as b } from "./modelSerialize-BybDeWER.js";
|
|
6
|
+
import { I as V, h as _, g as G, b as N, c as J, a as U, e as Y, f as K, i as Q, m as X, n as Z, k as $, o as ee, l as te } from "./modelSerialize-BybDeWER.js";
|
|
7
|
+
import { c as ie, a as ne, g as re } from "./common-C8KE_lHC.js";
|
|
8
|
+
import { MathUtils as m, Scene as L, PerspectiveCamera as O, WebGLRenderer as y, Box3 as S, Vector3 as c } from "three";
|
|
9
|
+
const z = "1.3.1", T = {
|
|
10
10
|
enableDamping: !0,
|
|
11
11
|
dampingFactor: 0.25,
|
|
12
12
|
screenSpacePanning: !1,
|
|
@@ -45,7 +45,7 @@ class l {
|
|
|
45
45
|
if (this.camera.aspect = i / r, this.camera.position.set(47, 39, 100), this.camera.fov = 360 / Math.PI * Math.atan(s * (r / i)), this.camera.lookAt(0, 0, 0), this.camera.updateProjectionMatrix(), this.renderer.setPixelRatio(window.devicePixelRatio), this.renderer.setSize(i, r), this.el.appendChild(this.renderer.domElement), this.initOpt.control && this.initOpt.control.init) {
|
|
46
46
|
this.control = x(this.camera, this.renderer.domElement);
|
|
47
47
|
const d = Object.assign(
|
|
48
|
-
|
|
48
|
+
T,
|
|
49
49
|
this.initOpt.control.options || {}
|
|
50
50
|
);
|
|
51
51
|
Object.keys(d).forEach((n) => {
|
|
@@ -113,12 +113,12 @@ class l {
|
|
|
113
113
|
* @param {Vector3} offset
|
|
114
114
|
*/
|
|
115
115
|
t(this, "frameArea", (e, s, i) => {
|
|
116
|
-
const r = new
|
|
116
|
+
const r = new S().setFromObject(e), d = r.getSize(new c()).length(), n = r.getCenter(new c());
|
|
117
117
|
i && n.add(i);
|
|
118
|
-
const p = d * s * 0.5, u = m.degToRad(this.camera.fov * 0.5), f = p / Math.tan(u),
|
|
119
|
-
x:
|
|
120
|
-
y:
|
|
121
|
-
z:
|
|
118
|
+
const p = d * s * 0.5, u = m.degToRad(this.camera.fov * 0.5), f = p / Math.tan(u), h = new c().subVectors(this.camera.position, n).multiply(new c(1, 1, 1)).normalize().multiplyScalar(f).add(n), o = {
|
|
119
|
+
x: h.x,
|
|
120
|
+
y: h.y,
|
|
121
|
+
z: h.z,
|
|
122
122
|
lookAt_x: n.x,
|
|
123
123
|
lookAt_y: n.y,
|
|
124
124
|
lookAt_z: n.z
|
|
@@ -132,12 +132,12 @@ class l {
|
|
|
132
132
|
t(this, "on", (e, s) => {
|
|
133
133
|
!e || !s || (this.eventsListener[e] || (this.eventsListener[e] = []), this.eventsListener[e].push(s));
|
|
134
134
|
});
|
|
135
|
-
this.isReady = !1, this.scene = new
|
|
135
|
+
this.isReady = !1, this.scene = new L({}), this.camera = new O(50, 1, 0.1, 2e3), this.renderer = new y({
|
|
136
136
|
antialias: !0,
|
|
137
137
|
alpha: !0,
|
|
138
138
|
precision: "mediump",
|
|
139
139
|
logarithmicDepthBuffer: !0
|
|
140
|
-
}), this.version =
|
|
140
|
+
}), this.version = z, s && (this.initOpt = Object.assign(this.initOpt, s)), e && this.setup(e);
|
|
141
141
|
}
|
|
142
142
|
initStats() {
|
|
143
143
|
const e = new Stats();
|
|
@@ -156,11 +156,11 @@ class l {
|
|
|
156
156
|
e || (this.eventsListener = {}), this.eventsListener[e] && (this.eventsListener[e] = []);
|
|
157
157
|
}
|
|
158
158
|
dispose() {
|
|
159
|
-
this.isDispose = !0, this.removeListener(),
|
|
159
|
+
this.isDispose = !0, this.removeListener(), b(this.scene), this.renderer.dispose(), this.renderer.domElement.remove(), this.el = null, this.renderer = null, this.camera = null, this.scene = null, this.control = null, this.css3dRenderer = null;
|
|
160
160
|
}
|
|
161
161
|
}
|
|
162
162
|
export {
|
|
163
|
-
|
|
163
|
+
M as IDBCache,
|
|
164
164
|
V as ImageLoader,
|
|
165
165
|
l as ThreeIns,
|
|
166
166
|
_ as createArrowHelper,
|
|
@@ -168,19 +168,21 @@ export {
|
|
|
168
168
|
N as createBox3Helper,
|
|
169
169
|
J as createCameraHelper,
|
|
170
170
|
U as createGridHelper,
|
|
171
|
-
|
|
171
|
+
ie as createInfoPlane,
|
|
172
172
|
Y as createMapControls,
|
|
173
173
|
x as createOrbitControl,
|
|
174
174
|
K as createRaycaster,
|
|
175
175
|
Q as createStats,
|
|
176
|
-
|
|
176
|
+
ne as createTagPlane,
|
|
177
177
|
X as dataToObject3D,
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
178
|
+
Z as dataToObject3DSync,
|
|
179
|
+
b as disposeThreeObject,
|
|
180
|
+
re as getCommonParent,
|
|
181
|
+
$ as initEnvImage,
|
|
182
|
+
q as intersectColor,
|
|
183
|
+
F as obbObjects,
|
|
184
|
+
ee as object3DToData,
|
|
185
|
+
te as object3DToDataSync,
|
|
184
186
|
I as useGLTFLoader,
|
|
185
187
|
k as useObb,
|
|
186
188
|
H as useRaycaster,
|