@xviewer.js/debug 1.0.0-alpha.6 → 1.0.0-alpha.60

package/dist/module.js

@@ -1,4 +1,4 @@
-import { MeshBasicMaterial, MeshStandardMaterial, ShaderMaterial, Material } from 'three';
+import { Material, MeshBasicMaterial, MeshStandardMaterial, MeshPhysicalMaterial, ShaderMaterial } from 'three';
 import { property, Plugin, PropertyManager, Component, ObjectInstance } from '@xviewer.js/core';
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
@@ -449,14 +449,14 @@ class NumberController extends Controller {
         return false;
     }
     updateDisplay() {
-        const value = this.getValue();
+        const value = this._snap(this.getValue());
         if (this._hasSlider) {
             let percent = (value - this._min) / (this._max - this._min);
             percent = Math.max(0, Math.min(percent, 1));
             this.$fill.style.width = percent * 100 + '%';
         }
         if (!this._inputFocused) {
-            this.$input.value = value;
+            this.$input.value = "" + value;
         }
         return this;
     }
@@ -861,8 +861,7 @@ class ColorController extends Controller {
             this.setValue(newValue);
         } else {
             this._format.fromHexString(value, this.getValue(), this._rgbScale);
-            this._callOnChange();
-            this.updateDisplay();
+            this.setValue(this.getValue());
         }
     }
     save() {
@@ -1059,8 +1058,8 @@ class UINumber extends UIElement {
         return this;
     }
     updateDisplay() {
-        let value = this.getValue();
-        this.dom.value = "" + this._snap(value);
+        let value = this._snap(this.getValue());
+        this.dom.value = "" + value;
         if (this.unit !== '') this.dom.value += ' ' + this.unit;
     }
     _getImplicitStep(value) {
@@ -2289,7 +2288,10 @@ class InspectorPlugin extends Plugin {
     }
     _updateFolders() {
         const statesMap = this._statesMap;
-        const setState = (v)=>statesMap.set(v, statesMap.has(v) ? 0 : 1);
+        const setState = (v)=>{
+            if (statesMap.get(v) === -1) statesMap.set(v, 0);
+            if (statesMap.get(v) === undefined) statesMap.set(v, 1);
+        };
         statesMap.forEach((_, k, map)=>map.set(k, -1));
         this.viewer.traversePlugins(setState);
         this.viewer.traverseComponents(setState);
@@ -2306,7 +2308,7 @@ class InspectorPlugin extends Plugin {
     }
     _getPropertiesList(target) {
         const list = [];
-        let props = PropertyManager._getMergedProperties(target);
+        let props = PropertyManager._getMergedProperties(target.constructor);
         if (props) {
             list.push(props);
             this._targetMap.set(props, target);
@@ -2365,7 +2367,7 @@ class InspectorPlugin extends Plugin {
                 if (prop.dir) {
                     folder = folder.getFolder(prop.dir) || folder.addFolder(prop.dir).close();
                 }
-                if (PropertyManager._hasProperties(value)) {
+                if (PropertyManager._hasProperties(value.constructor)) {
                     this._addPropsListGUI(folder, this._getPropertiesList(value), target, k);
                 }
                 const type = typeof value;
@@ -2451,8 +2453,27 @@ class ViewerExtension extends ObjectInstance {
     set backgroundBlurriness(v) {
         this._scene.backgroundBlurriness = v;
     }
+    get environmentRotation() {
+        return this._scene.environmentRotation;
+    }
+    set environmentRotation(v) {
+        this._scene.environmentRotation.copy(v);
+    }
+    get backgroundRotation() {
+        return this._scene.backgroundRotation;
+    }
+    set backgroundRotation(v) {
+        this._scene.backgroundRotation.copy(v);
+    }
+    get targetFrameRate() {
+        return this._viewer.targetFrameRate;
+    }
+    set targetFrameRate(v) {
+        this._viewer.targetFrameRate = v;
+    }
     constructor(viewer){
         super();
+        this._viewer = viewer;
         this._scene = viewer.scene;
         this._renderer = viewer.renderer;
     }
@@ -2495,6 +2516,46 @@ __decorate([
         step: 0.01
     })
 ], ViewerExtension.prototype, "backgroundBlurriness", null);
+__decorate([
+    property({
+        step: 0.01
+    })
+], ViewerExtension.prototype, "environmentRotation", null);
+__decorate([
+    property({
+        step: 0.01
+    })
+], ViewerExtension.prototype, "backgroundRotation", null);
+__decorate([
+    property({
+        min: 1,
+        max: 120,
+        step: 1
+    })
+], ViewerExtension.prototype, "targetFrameRate", null);
+const materialProperties = {
+    visible: {},
+    transparent: {},
+    side: {
+        value: {
+            FrontSide: 0,
+            BackSide: 1,
+            DoubleSide: 2
+        }
+    },
+    color: {
+        dir: "diffuse"
+    },
+    opacity: {
+        dir: "diffuse",
+        min: 0,
+        max: 1,
+        step: 0.01
+    }
+};
+for(let k in materialProperties){
+    property(materialProperties[k])(Material.prototype, k);
+}
 const meshBasicMaterislProperties = {
     map: {
         dir: "diffuse"
@@ -2527,18 +2588,6 @@ for(let k in meshBasicMaterislProperties){
     property(meshBasicMaterislProperties[k])(MeshBasicMaterial.prototype, k);
 }
 const meshStandardMaterialProperties = {
-    visible: {},
-    transparent: {},
-    side: {
-        value: {
-            FrontSide: 0,
-            BackSide: 1,
-            DoubleSide: 2
-        }
-    },
-    color: {
-        dir: "diffuse"
-    },
     opacity: {
         dir: "diffuse",
         min: 0,
@@ -2594,7 +2643,8 @@ const meshStandardMaterialProperties = {
     },
     normalScale: {
         dir: "normal",
-        parent: "normalMap"
+        parent: "normalMap",
+        step: 0.01
     },
     displacementScale: {
         dir: "displacement",
@@ -2630,6 +2680,116 @@ const meshStandardMaterialProperties = {
 for(let k in meshStandardMaterialProperties){
     property(meshStandardMaterialProperties[k])(MeshStandardMaterial.prototype, k);
 }
+const meshPhysicalMaterialProperties = {
+    ior: {
+        min: 0,
+        max: 10,
+        step: 0.01
+    },
+    anisotropy: {
+        min: 0,
+        max: 10,
+        step: 0.01
+    },
+    clearcoat: {
+        dir: "clearcoat"
+    },
+    clearcoatMap: {
+        dir: "clearcoat",
+        min: 0,
+        max: 1,
+        step: 0.01
+    },
+    clearcoatRoughness: {
+        dir: "clearcoat",
+        min: 0,
+        max: 1,
+        step: 0.01
+    },
+    clearcoatNormalScale: {
+        dir: "clearcoat",
+        step: 0.01
+    },
+    clearcoatNormalMap: {
+        dir: "clearcoat"
+    },
+    iridescence: {
+        dir: "iridescence",
+        min: 0,
+        max: 1,
+        step: 0.01
+    },
+    iridescenceMap: {
+        dir: "iridescence"
+    },
+    iridescenceIOR: {
+        dir: "iridescence",
+        step: 0.01
+    },
+    iridescenceThicknessRange: {
+        dir: "iridescence"
+    },
+    iridescenceThicknessMap: {
+        dir: "iridescence"
+    },
+    sheen: {
+        dir: "sheen"
+    },
+    sheenColor: {
+        dir: "sheen"
+    },
+    sheenColorMap: {
+        dir: "sheen"
+    },
+    sheenRoughness: {
+        dir: "sheen",
+        min: 0,
+        max: 1,
+        step: 0.01
+    },
+    sheenRoughnessMap: {
+        dir: "sheen"
+    },
+    transmission: {
+        dir: "transmission"
+    },
+    transmissionMap: {
+        dir: "transmission"
+    },
+    thickness: {
+        dir: "thickness",
+        min: 0,
+        max: 1,
+        step: 0.01
+    },
+    thicknessMap: {
+        dir: "thickness"
+    },
+    attenuationDistance: {
+        dir: "attenuation"
+    },
+    attenuationColor: {
+        dir: "attenuation"
+    },
+    specularIntensity: {
+        dir: "specular",
+        min: 0,
+        max: 1,
+        step: 0.01
+    },
+    specularIntensityMap: {
+        dir: "specular"
+    },
+    specularColor: {
+        dir: "specular"
+    },
+    specularColorMap: {
+        dir: "specular"
+    }
+};
+for(let k in meshPhysicalMaterialProperties){
+    property(meshPhysicalMaterialProperties[k])(MeshPhysicalMaterial.prototype, k);
+}
 
 /**
  * @author mrdoob / http://mrdoob.com/