kitchen-simulator 5.0.0-test.4 → 5.0.0-test.5

package/src/catalog/holes/door-sliding/planner-element.jsx

@@ -1,256 +0,0 @@
-import React from 'react';
-import * as Three from 'three';
-
-// const grey = new Three.MeshLambertMaterial({color: 0x3f3f3f});
-// const white = new Three.MeshLambertMaterial({color: 0xffffff, transparent:true, opacity:0.5});
-// const black = new Three.MeshLambertMaterial({color: 0x000000});
-import { loadGLTF } from '../../utils/load-obj';
-import { OBJTYPE_MESH } from '../../../../src/constants';
-
-let cached3DDoor = null;
-
-export default {
-  name: 'Sliding',
-  prototype: 'holes',
-
-  info: {
-    tag: ['door'],
-    title: 'Sliding',
-    description: 'Sliding',
-    // image: "/assets/img/svg/doors_patio.svg",
-    image: '/assets/img/svg/door/Sliding.svg',
-    url: '/assets/gltf/door_sliding.gltf'
-  },
-
-  properties: {
-    width: {
-      label: 'width',
-      type: 'length-measure',
-      defaultValue: {
-        length: 200,
-        unit: 'cm'
-      },
-      length: 200
-    },
-    height: {
-      label: 'height',
-      type: 'length-measure',
-      defaultValue: {
-        length: 215,
-        unit: 'cm'
-      },
-      length: 215
-    },
-    thickness: {
-      label: 'thickness',
-      type: 'length-measure',
-      defaultValue: {
-        length: 6,
-        unit: 'cm'
-      }
-    },
-    altitude: {
-      label: 'altitude',
-      type: 'length-measure',
-      defaultValue: {
-        length: 0,
-        unit: 'cm'
-      }
-    },
-    flip_horizontal: {
-      label: 'horizontal flip',
-      type: 'checkbox',
-      defaultValue: 'none',
-      values: {
-        none: 'none',
-        yes: 'yes'
-      }
-    },
-    flip_vertical: {
-      label: 'vertical flip',
-      type: 'checkbox',
-      defaultValue: 'right',
-      values: {
-        right: 'right',
-        left: 'left'
-      }
-    }
-  },
-
-  render2D: function (element, layer, scene) {
-    const STYLE_HOLE_BASE = {
-      stroke: 'rgb(73, 73, 73)',
-      strokeWidth: '1px',
-      strokeDasharray: '9,5',
-      fill: 'rgb(73, 73, 73)'
-    };
-    const STYLE_HOLE_SELECTED = {
-      stroke: '#0096fd',
-      strokeWidth: '1px',
-      strokeDasharray: '9,5',
-      fill: '#0096fd',
-      cursor: 'move'
-    };
-    const STYLE_STR0 = {
-      fill: 'rgb(185, 185, 185)',
-      stroke: '#494949',
-      strokeWidth: '1',
-      strokeMiterlimit: '2.61313'
-    };
-    const STYLE_STR0_S = {
-      fill: 'rgb(185, 185, 185)',
-      stroke: '#0096fd',
-      strokeWidth: '1',
-      strokeMiterlimit: '2.61313'
-    };
-
-    let epsilon = 2;
-    let lineWidth = 6;
-    let flip = element.properties.get('flip_horizontal');
-    let handleSide = element.properties.get('flip_vertical');
-    let holeWidth = element.properties.get('width').get('length');
-    let holeStyle = element.selected ? STYLE_HOLE_SELECTED : STYLE_HOLE_BASE;
-    let rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
-
-    let scaleX = 1,
-      scaleY = 1;
-
-    scaleX = flip == handleSide ? 1 : -1;
-    scaleY = flip ? -1 : 1;
-
-    return (
-      <g transform={`scale(${scaleX},${scaleY})`}>
-        <rect
-          key="1"
-          style={rectStyle}
-          x={-holeWidth / 2}
-          y={-lineWidth / 2}
-          width={holeWidth}
-          height={lineWidth}
-        />
-        <rect
-          key="2"
-          style={rectStyle}
-          x={-holeWidth / 2}
-          y={-lineWidth / 4}
-          width={holeWidth / 2}
-          height={lineWidth / 2}
-        />
-
-        <line
-          key="3"
-          x1={0 + epsilon}
-          y1="0"
-          x2={holeWidth / 2}
-          y2="0"
-          style={holeStyle}
-        />
-        <line
-          key="4"
-          x1={0 + epsilon}
-          y1="0"
-          x2={epsilon + lineWidth / 2}
-          y2={lineWidth / 3}
-          style={holeStyle}
-        />
-        <line
-          key="5"
-          x1={0 + epsilon}
-          y1="0"
-          x2={epsilon + lineWidth / 2}
-          y2={-lineWidth / 3}
-          style={holeStyle}
-        />
-        <line
-          key="6"
-          x1={holeWidth / 2 - epsilon}
-          y1="0"
-          x2={holeWidth / 2 - epsilon - lineWidth / 2}
-          y2={lineWidth / 3}
-          style={holeStyle}
-        />
-        <line
-          key="7"
-          x1={holeWidth / 2 - epsilon}
-          y1="0"
-          x2={holeWidth / 2 - epsilon - lineWidth / 2}
-          y2={-lineWidth / 3}
-          style={holeStyle}
-        />
-
-        <rect
-          key="8"
-          style={rectStyle}
-          x={-lineWidth}
-          y={lineWidth / 4}
-          width={lineWidth}
-          height={lineWidth / 2}
-        />
-      </g>
-    );
-  },
-
-  render3D: function (element, layer, scene) {
-    let onLoadItem = object => {
-      let flip = element.properties.get('flip_horizontal');
-      let handleSide = element.properties.get('flip_vertical');
-      let width = element.properties.get('width').get('length');
-      let height = element.properties.get('height').get('length');
-      let thickness = element.properties.get('thickness').get('length');
-      let newAltitude = element.properties.get('altitude').get('length');
-
-      flip ? (flip = 'yes') : (flip = 'none');
-      handleSide ? (handleSide = 'right') : (handleSide = 'left');
-
-      let valuePosition = new Three.Box3().setFromObject(object);
-
-      let deltaX = Math.abs(valuePosition.max.x - valuePosition.min.x);
-      let deltaY = Math.abs(valuePosition.max.y - valuePosition.min.y);
-      let deltaZ = Math.abs(valuePosition.max.z - valuePosition.min.z);
-
-      if (element.selected) {
-        let boundingBox = new Three.BoxHelper(object, 0x99c3fb);
-        boundingBox.material.linewidth = 5;
-        boundingBox.renderOrder = 1000;
-        boundingBox.material.depthTest = false;
-        object.add(boundingBox);
-      }
-
-      const params = {
-        envMap: 'HDR',
-        roughness: 0.9,
-        metalness: 0.1,
-        exposure: 1.0
-      };
-      const examplecolor = new Three.Color(0xffffff);
-      let mat2 = new Three.MeshStandardMaterial({
-        color: examplecolor,
-        metalness: params.metalness,
-        roughness: params.roughness
-      });
-      // mat2.envMap = textureCube;
-      for (let j = 0; j < object.children.length; j++) {
-        if (object.children[j].type === OBJTYPE_MESH) {
-          object.children[j].material = mat2;
-          object.children[j].receiveShadow = true;
-        }
-      }
-
-      if (flip === 'yes') object.rotation.y += Math.PI;
-
-      object.position.y += newAltitude;
-      object.scale.set(width / deltaX, height / deltaY, thickness / deltaZ);
-
-      return object;
-    };
-
-    if (cached3DDoor) {
-      return Promise.resolve(onLoadItem(cached3DDoor.clone()));
-    }
-
-    return loadGLTF(element.url).then(object => {
-      cached3DDoor = object;
-      return onLoadItem(cached3DDoor.clone());
-    });
-  }
-};

package/src/catalog/holes/doorway-framed/planner-element.jsx

@@ -1,169 +0,0 @@
-import React from 'react';
-import * as Three from 'three';
-import { loadGLTF } from '../../utils/load-obj';
-import { OBJTYPE_MESH } from '../../../../src/constants';
-
-let cached3DDoor = null;
-
-const STYLE_STR0 = {
-  fill: 'rgb(185, 185, 185)',
-  stroke: '#494949',
-  strokeWidth: '1',
-  strokeMiterlimit: '2.61313'
-};
-const STYLE_STR0_S = {
-  fill: 'rgb(185, 185, 185)',
-  stroke: '#0096fd',
-  strokeWidth: '1',
-  strokeMiterlimit: '2.61313'
-};
-const STYLE_FILL2 = { fill: '#1183B7' };
-const STYLE_FNT0 = {
-  fill: 'white',
-  fontWeight: 'normal',
-  fontSize: '13px',
-  fontFamily: 'Proxima Nova Rg'
-};
-
-export default {
-  name: 'Framed Doorway',
-  prototype: 'holes',
-
-  info: {
-    title: 'Framed Doorway',
-    tag: ['doorway'],
-    description: 'Framed Doorway',
-    image: '/assets/img/svg/door/Framed_dorway.svg',
-    url: '/assets/gltf/doorway_framed.gltf'
-  },
-
-  properties: {
-    width: {
-      label: 'Width',
-      type: 'length-measure',
-      defaultValue: {
-        length: 91.44
-      }
-    },
-    height: {
-      label: 'Height',
-      type: 'length-measure',
-      defaultValue: {
-        length: 215
-      },
-      length: 215
-    },
-    altitude: {
-      label: 'Altitude',
-      type: 'length-measure',
-      defaultValue: {
-        length: 0
-      }
-    },
-    thickness: {
-      label: 'Thickness',
-      type: 'length-measure',
-      defaultValue: {
-        length: 6
-      }
-    },
-    flip_orizzontal: {
-      label: 'Flip Door',
-      type: 'checkbox',
-      defaultValue: false,
-      values: {
-        none: false,
-        yes: true
-      }
-    }
-  },
-
-  render2D: function (element, layer, scene) {
-    let flip = element.properties.get('flip_orizzontal');
-    let lineWidth = 6;
-    let holeWidth = element.properties.get('width').get('length');
-    let rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
-    let length = element.properties.get('width').get('length');
-    if (flip == false) {
-      return (
-        <g transform={`translate(${-length / 2}, 0)`}>
-          <rect
-            style={rectStyle}
-            x="0"
-            y={-lineWidth / 2}
-            width={holeWidth}
-            height={lineWidth}
-          />
-          {/* <rect style={STYLE_FILL2} x={holeWidth - 16} y="-8.5" width="17" height="17" rx="1.27" ry="1.27"/> */}
-          {/* <text x={holeWidth - 15} y="4.5" transform={`scale(1,-1)`} style={STYLE_FNT0}>FD</text> */}
-        </g>
-      );
-    } else {
-      return (
-        <g transform={`translate(${-length / 2}, 0)`}>
-          <rect
-            style={rectStyle}
-            x="0"
-            y={-lineWidth / 2}
-            width={holeWidth}
-            height={lineWidth}
-          />
-          {/* <rect style={STYLE_FILL2} x={holeWidth - 16} y="-8.5" width="17" height="17" rx="1.27" ry="1.27"/> */}
-          {/* <text x={holeWidth - 15} y="4.5"  style={STYLE_FNT0}>FD</text> */}
-        </g>
-      );
-    }
-  },
-
-  render3D: function (element, layer, scene) {
-    let onLoadItem = object => {
-      let boundingBox = new Three.Box3().setFromObject(object);
-
-      let initialWidth = boundingBox.max.x - boundingBox.min.x;
-      let initialHeight = boundingBox.max.y - boundingBox.min.y;
-      let initialThickness = boundingBox.max.z - boundingBox.min.z;
-
-      let width = element.properties.get('width').get('length');
-      let height = element.properties.get('height').get('length');
-      let thickness = element.properties.get('thickness').get('length');
-
-      const params = {
-        envMap: 'HDR',
-        roughness: 0.9,
-        metalness: 0.1,
-        exposure: 1.0
-      };
-      const examplecolor = new Three.Color(0xffffff);
-      let mat2 = new Three.MeshStandardMaterial({
-        color: examplecolor,
-        metalness: params.metalness,
-        roughness: params.roughness
-      });
-      // mat2.envMap = textureCube;
-      for (let j = 0; j < object.children.length; j++) {
-        if (object.children[j].type === OBJTYPE_MESH) {
-          object.children[j].material = mat2;
-          object.children[j].receiveShadow = true;
-        }
-      }
-
-      object.scale.set(
-        width / initialWidth,
-        height / initialHeight,
-        thickness / initialThickness
-      );
-
-      return object;
-    };
-
-    if (cached3DDoor) {
-      return Promise.resolve(onLoadItem(cached3DDoor.clone()));
-    }
-
-    return loadGLTF(element.url).then(object => {
-      cached3DDoor = object;
-      return onLoadItem(cached3DDoor.clone());
-    });
-    // return Promise.resolve(new Three.Object3D());
-  }
-};

package/src/catalog/holes/doorway-frameless/planner-element.jsx

@@ -1,116 +0,0 @@
-import React from 'react';
-import * as Three from 'three';
-
-const STYLE_STR0 = {
-  fill: 'rgb(185, 185, 185)',
-  stroke: '#494949',
-  strokeWidth: '1',
-  strokeMiterlimit: '2.61313'
-};
-const STYLE_STR0_S = {
-  fill: 'rgb(185, 185, 185)',
-  stroke: '#0096fd',
-  strokeWidth: '1',
-  strokeMiterlimit: '2.61313'
-};
-const STYLE_FILL2 = { fill: '#1183B7' };
-const STYLE_FNT0 = {
-  fill: 'white',
-  fontWeight: 'normal',
-  fontSize: '13px',
-  fontFamily: 'Proxima Nova Rg'
-};
-
-export default {
-  name: 'FrameLess Doorway',
-  prototype: 'holes',
-
-  info: {
-    title: 'FrameLess Doorway',
-    tag: ['doorway'],
-    description: 'FrameLess Doorway',
-    image: '/assets/img/svg/door/Frameless_dorway.svg',
-    url: ''
-  },
-
-  properties: {
-    width: {
-      label: 'Width',
-      type: 'length-measure',
-      defaultValue: {
-        length: 91.44
-      }
-    },
-    height: {
-      label: 'Height',
-      type: 'length-measure',
-      defaultValue: {
-        length: 215
-      }
-    },
-    altitude: {
-      label: 'Altitude',
-      type: 'length-measure',
-      defaultValue: {
-        length: 0
-      }
-    },
-    thickness: {
-      label: 'Thickness',
-      type: 'length-measure',
-      defaultValue: {
-        length: 6
-      }
-    },
-    flip_orizzontal: {
-      label: 'Flip Door',
-      type: 'checkbox',
-      defaultValue: false,
-      values: {
-        none: false,
-        yes: true
-      }
-    }
-  },
-
-  render2D: function (element, layer, scene) {
-    let flip = element.properties.get('flip_orizzontal');
-    let lineWidth = 6;
-    let holeWidth = element.properties.get('width').get('length');
-    let rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
-    let length = element.properties.get('width').get('length');
-    if (flip == false) {
-      return (
-        <g transform={`translate(${-length / 2}, 0)`}>
-          <rect
-            style={rectStyle}
-            x="0"
-            y={-lineWidth / 2}
-            width={holeWidth}
-            height={lineWidth}
-          />
-          {/* <rect style={STYLE_FILL2} x={holeWidth - 16} y="-8.5" width="17" height="17" rx="1.27" ry="1.27"/> */}
-          {/* <text x={holeWidth - 15} y="4.5" transform={`scale(1,-1)`} style={STYLE_FNT0}>FS</text> */}
-        </g>
-      );
-    } else {
-      return (
-        <g transform={`translate(${-length / 2}, 0)`}>
-          <rect
-            style={rectStyle}
-            x="0"
-            y={-lineWidth / 2}
-            width={holeWidth}
-            height={lineWidth}
-          />
-          {/* <rect style={STYLE_FILL2} x={holeWidth - 16} y="-8.5" width="17" height="17" rx="1.27" ry="1.27"/> */}
-          {/* <text x={holeWidth - 15} y="4.5"  style={STYLE_FNT0}>FS</text> */}
-        </g>
-      );
-    }
-  },
-
-  render3D: function (element, layer, scene) {
-    return Promise.resolve(new Three.Object3D());
-  }
-};