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

package/dist/main.js

@@ -451,14 +451,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;
     }
@@ -863,8 +863,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() {
@@ -1061,8 +1060,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) {
@@ -2291,7 +2290,10 @@ class InspectorPlugin extends core.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);
@@ -2308,7 +2310,7 @@ class InspectorPlugin extends core.Plugin {
     }
     _getPropertiesList(target) {
         const list = [];
-        let props = core.PropertyManager._getMergedProperties(target);
+        let props = core.PropertyManager._getMergedProperties(target.constructor);
         if (props) {
             list.push(props);
             this._targetMap.set(props, target);
@@ -2367,7 +2369,7 @@ class InspectorPlugin extends core.Plugin {
                 if (prop.dir) {
                     folder = folder.getFolder(prop.dir) || folder.addFolder(prop.dir).close();
                 }
-                if (core.PropertyManager._hasProperties(value)) {
+                if (core.PropertyManager._hasProperties(value.constructor)) {
                     this._addPropsListGUI(folder, this._getPropertiesList(value), target, k);
                 }
                 const type = typeof value;
@@ -2453,8 +2455,27 @@ class ViewerExtension extends core.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;
     }
@@ -2497,6 +2518,46 @@ __decorate([
         step: 0.01
     })
 ], ViewerExtension.prototype, "backgroundBlurriness", null);
+__decorate([
+    core.property({
+        step: 0.01
+    })
+], ViewerExtension.prototype, "environmentRotation", null);
+__decorate([
+    core.property({
+        step: 0.01
+    })
+], ViewerExtension.prototype, "backgroundRotation", null);
+__decorate([
+    core.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){
+    core.property(materialProperties[k])(three.Material.prototype, k);
+}
 const meshBasicMaterislProperties = {
     map: {
         dir: "diffuse"
@@ -2529,18 +2590,6 @@ for(let k in meshBasicMaterislProperties){
     core.property(meshBasicMaterislProperties[k])(three.MeshBasicMaterial.prototype, k);
 }
 const meshStandardMaterialProperties = {
-    visible: {},
-    transparent: {},
-    side: {
-        value: {
-            FrontSide: 0,
-            BackSide: 1,
-            DoubleSide: 2
-        }
-    },
-    color: {
-        dir: "diffuse"
-    },
     opacity: {
         dir: "diffuse",
         min: 0,
@@ -2596,7 +2645,8 @@ const meshStandardMaterialProperties = {
     },
     normalScale: {
         dir: "normal",
-        parent: "normalMap"
+        parent: "normalMap",
+        step: 0.01
     },
     displacementScale: {
         dir: "displacement",
@@ -2632,6 +2682,116 @@ const meshStandardMaterialProperties = {
 for(let k in meshStandardMaterialProperties){
     core.property(meshStandardMaterialProperties[k])(three.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){
+    core.property(meshPhysicalMaterialProperties[k])(three.MeshPhysicalMaterial.prototype, k);
+}
 
 /**
  * @author mrdoob / http://mrdoob.com/