kitchen-simulator 2.0.0 → 2.0.1-dot-color

package/es/catalog/holes/window-double-hung/planner-element.js

@@ -0,0 +1,303 @@
+import React from 'react';
+import * as Three from 'three';
+import { loadGLTF, scaleObject } from "../../utils/load-obj";
+import { OBJTYPE_MESH } from "../../../constants";
+var cached3DWindow = null;
+export default {
+  name: 'Double Hung Window',
+  prototype: 'holes',
+  info: {
+    title: 'Double Hung',
+    tag: ['window'],
+    description: 'Double Hung Window',
+    image: '/assets/img/svg/window/Double_hung.svg',
+    url: '/assets/gltf/window_double_hung.gltf'
+  },
+  properties: {
+    width: {
+      label: 'Width',
+      type: 'length-measure',
+      defaultValue: {
+        length: 86.36
+      }
+    },
+    height: {
+      label: 'Height',
+      type: 'length-measure',
+      defaultValue: {
+        length: 100
+      }
+    },
+    altitude: {
+      label: 'Distance from floor',
+      type: 'length-measure',
+      defaultValue: {
+        length: 121.92
+      }
+    },
+    thickness: {
+      label: 'Thickness',
+      type: 'length-measure',
+      defaultValue: {
+        length: 6
+      }
+    }
+    // flip: {
+    //   label: 'Flip',
+    //   type: 'checkbox',
+    //   defaultValue: 'false',
+    // },
+  },
+  render2D: function render2D(element, layer, scene) {
+    var STYLE_HOLE_BASE = {
+      stroke: 'rgb(73, 73, 73)',
+      strokeWidth: '1px',
+      strokeDasharray: '9,5',
+      fill: 'rgb(73, 73, 73)'
+    };
+    var STYLE_HOLE_SELECTED = {
+      stroke: '#0096fd',
+      strokeWidth: '1px',
+      strokeDasharray: '9,5',
+      fill: '#0096fd',
+      cursor: 'move'
+    };
+    var STYLE_ARC_BASE = {
+      stroke: 'rgb(73, 73, 73)',
+      strokeWidth: '1px',
+      strokeDasharray: '9,5',
+      fill: 'none'
+    };
+    var STYLE_ARC_SELECTED = {
+      stroke: '#0096fd',
+      strokeWidth: '1px',
+      strokeDasharray: '9,5',
+      fill: 'none',
+      cursor: 'move'
+    };
+    var STYLE_STR0 = {
+      fill: 'rgb(185, 185, 185)',
+      stroke: '#494949',
+      strokeWidth: '1',
+      strokeMiterlimit: '2.61313'
+    };
+    var STYLE_STR0_S = {
+      fill: 'rgb(185, 185, 185)',
+      stroke: '#0096fd',
+      strokeWidth: '1',
+      strokeMiterlimit: '2.61313'
+    };
+    var STYLE_STR1 = {
+      fill: 'none',
+      stroke: '#494949',
+      strokeWidth: '1',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      strokeMiterlimit: '2.61313',
+      strokeDasharray: '23.860041 11.930021'
+    };
+    var STYLE_FILL2 = {
+      fill: '#1183B7'
+    };
+    var STYLE_FNT0 = {
+      fill: 'white',
+      fontWeight: 'normal',
+      fontSize: '12px',
+      fontFamily: 'Proxima Nova Rg'
+    };
+    //let line = layer.lines.get(hole.line);
+    //let epsilon = line.properties.get('thickness') / 2;
+
+    var EPSILON = 3;
+    var lineWidth = element.properties.get('thickness').get('length');
+    // let flip = element.properties.get('flip');
+    var holeWidth = element.properties.get('width').get('length');
+    var holePath = "M".concat(0, " ", -EPSILON, "  L").concat(holeWidth, " ").concat(-EPSILON, "  L").concat(holeWidth, " ").concat(EPSILON, "  L", 0, " ").concat(EPSILON, "  z");
+    var arcPath = "M".concat(0, ",", 0, "  A", holeWidth, ",").concat(holeWidth, " 0 0,1 ").concat(holeWidth, ",").concat(holeWidth);
+    var holeStyle = element.selected ? STYLE_HOLE_SELECTED : STYLE_HOLE_BASE;
+    var arcStyle = element.selected ? STYLE_ARC_SELECTED : STYLE_ARC_BASE;
+    var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
+    var length = element.properties.get('width').get('length');
+    // if(flip == false) {
+    return /*#__PURE__*/React.createElement("g", {
+      transform: "translate(".concat(-length / 2, ", 0)")
+    }, /*#__PURE__*/React.createElement("rect", {
+      style: rectStyle,
+      x: "0",
+      y: -lineWidth / 2,
+      width: holeWidth,
+      height: lineWidth
+    }));
+    // }
+    // else{
+    //   return (
+    //     <g transform={`translate(${-length / 2}, 0)`}>
+    //       {/* <path d={arcPath} style={arcStyle} transform={`translate(${0},${-holeWidth}) scale(${1},${1}) rotate(${0})`}/>
+    //       <line x1={0} y1={-        holeWidth - EPSILON} x2={0} y2={0 - EPSILON} style={holeStyle} transform={`scale(${1},${1})`}/> */}
+    //       <rect style={rectStyle} x="0" y={-lineWidth/2} width={holeWidth} height={lineWidth}/>
+    //       <rect style={STYLE_FILL2} x={holeWidth - 16} y="-8.5" width="18" height="17" rx="1.27" ry="1.27"/>
+    //       <text x={holeWidth - 15} y="4.5"  style={STYLE_FNT0}>W3</text>
+    //     </g>
+    //   )
+    // }
+  },
+  render3D: function render3D(element, layer, scene) {
+    var onLoadItem = function onLoadItem(object) {
+      var venetian = new Three.Object3D();
+      var width = element.properties.get('width').get('length');
+      var height = element.properties.get('height').get('length');
+      var thickness = element.properties.get('thickness').get('length');
+      scaleObject(object, [90, 100, 6], [width, height, thickness]);
+      if (element.selected) {
+        var box = new Three.BoxHelper(object, 0x99c3fb);
+        box.material.linewidth = 2;
+        box.material.depthTest = false;
+        box.renderOrder = 1000;
+        object.add(box);
+      }
+
+      //let normalMap = require('./texture.png');
+      //let t = new Three.TextureLoader().load(normalMap);
+      var examplecolor = new Three.Color(0xffffff);
+      var mat2 = new Three.MeshStandardMaterial({
+        color: examplecolor,
+        metalness: 0.1,
+        roughness: 0.9
+      });
+      //mat2.map = t;
+      // mat2.envMap = textureCube;
+
+      for (var j = 0; j < object.children.length; j++) {
+        if (object.children[j].type === OBJTYPE_MESH) {
+          object.children[j].material = mat2;
+          object.children[j].receiveShadow = true;
+        }
+      }
+      venetian.add(object);
+      //venetian.add(createTenda());
+
+      return object;
+    };
+    if (cached3DWindow) {
+      return Promise.resolve(onLoadItem(cached3DWindow.clone()));
+    }
+    return loadGLTF(element.url).then(function (object) {
+      cached3DWindow = object;
+      return onLoadItem(cached3DWindow.clone());
+    });
+    function createTenda() {
+      var venetian = new Three.Object3D();
+
+      //colors
+      var white = new Three.MeshLambertMaterial({
+        color: 0xffffff,
+        opacity: 0.5,
+        transparent: true
+      });
+      var grey = new Three.MeshLambertMaterial({
+        color: 0xcccccc
+      });
+      var roundedRectShape = new Three.Shape();
+      var x = 0;
+      var y = 0;
+      var width = 1;
+      var height = 18;
+      var radius = 0.25;
+      roundedRectShape.moveTo(x, y + radius);
+      roundedRectShape.lineTo(x, y + height - radius);
+      roundedRectShape.quadraticCurveTo(x, y + height, x + radius, y + height);
+      roundedRectShape.lineTo(x + width - radius, y + height);
+      roundedRectShape.quadraticCurveTo(x + width, y + height, x + width, y + height - radius);
+      roundedRectShape.lineTo(x + width, y + radius);
+      roundedRectShape.quadraticCurveTo(x + width, y, x + width - radius, y);
+      roundedRectShape.lineTo(x + radius, y);
+      roundedRectShape.quadraticCurveTo(x, y, x, y + radius);
+      var holePath1 = new Three.Path();
+      holePath1.moveTo(0.5, 0.6);
+      holePath1.arc(0, 0.7, 0.15, 0, Math.PI, false);
+      holePath1.arc(0.15, -0.09, 0.15, Math.PI, 0, false);
+      roundedRectShape.holes.push(holePath1);
+      var holePath2 = new Three.Path();
+      holePath2.moveTo(0.5, 4.6);
+      holePath2.arc(0, 0.7, 0.15, 0, Math.PI, false);
+      holePath2.arc(0.15, -0.09, 0.15, Math.PI, 0, false);
+      roundedRectShape.holes.push(holePath2);
+      var holePath3 = new Three.Path();
+      holePath3.moveTo(0.5, 8.6);
+      holePath3.arc(0, 0.7, 0.15, 0, Math.PI, false);
+      holePath3.arc(0.15, -0.09, 0.15, Math.PI, 0, false);
+      roundedRectShape.holes.push(holePath3);
+      var holePath4 = new Three.Path();
+      holePath4.moveTo(0.5, 12.6);
+      holePath4.arc(0, 0.7, 0.15, 0, Math.PI, false);
+      holePath4.arc(0.15, -0.09, 0.15, Math.PI, 0, false);
+      roundedRectShape.holes.push(holePath4);
+      var holePath5 = new Three.Path();
+      holePath5.moveTo(0.5, 16.6);
+      holePath5.arc(0, 0.7, 0.15, 0, Math.PI, false);
+      holePath5.arc(0.15, -0.09, 0.15, Math.PI, 0, false);
+      roundedRectShape.holes.push(holePath5);
+      var extrudeSettings = {
+        steps: 1,
+        depth: 0.2,
+        bevelEnabled: false,
+        bevelThickness: 0.4,
+        bevelSize: 0.4,
+        bevelSegments: 1
+      };
+      for (var i = 0; i < 25; i += 0.7) {
+        var geometry = new Three.ExtrudeGeometry(roundedRectShape, extrudeSettings);
+        var mesh = new Three.Mesh(geometry, grey);
+        mesh.position.set(0, i, 0.86);
+        mesh.rotation.z += Math.PI / 2;
+        mesh.rotation.x += -Math.PI / 2;
+        venetian.add(mesh);
+      }
+      for (var j = -1.25; j > -19; j += -4) {
+        var geometry1 = new Three.CylinderGeometry(0.105, 0.105, 26, 32);
+        var tubo = new Three.Mesh(geometry1, white);
+        tubo.position.set(j, 12.5, 0.35);
+        venetian.add(tubo);
+      }
+      var roundedRectShape2 = new Three.Shape();
+      var x1 = 0;
+      var y1 = 0;
+      var width1 = 1;
+      var height1 = 18;
+      var radius1 = 0.25;
+      roundedRectShape2.moveTo(x1, y1 + radius1);
+      roundedRectShape2.lineTo(x1, y1 + height1 - radius1);
+      roundedRectShape2.quadraticCurveTo(x1, y1 + height1, x1 + radius1, y1 + height1);
+      roundedRectShape2.lineTo(x1 + width1 - radius1, y1 + height1);
+      roundedRectShape2.quadraticCurveTo(x1 + width1, y1 + height1, x1 + width1, y1 + height1 - radius1);
+      roundedRectShape2.lineTo(x1 + width1, y1 + radius1);
+      roundedRectShape2.quadraticCurveTo(x1 + width1, y1, x1 + width1 - radius1, y1);
+      roundedRectShape2.lineTo(x1 + radius1, y1);
+      roundedRectShape2.quadraticCurveTo(x1, y1, x1, y1 + radius1);
+      var extrudeSettings2 = {
+        steps: 1,
+        depth: 0.4,
+        bevelEnabled: false,
+        bevelThickness: 0.4,
+        bevelSize: 0.4,
+        bevelSegments: 1
+      };
+      for (var k = -0.5; k < 27; k += 26) {
+        var geometry2 = new Three.ExtrudeGeometry(roundedRectShape2, extrudeSettings2);
+        var mesh2 = new Three.Mesh(geometry2, grey);
+        mesh2.position.set(0, k, 1);
+        mesh2.rotation.z += Math.PI / 2;
+        mesh2.rotation.x += -Math.PI / 2;
+        venetian.add(mesh2);
+      }
+      var valueObject = new Three.Box3().setFromObject(venetian);
+      var deltaX = Math.abs(valueObject.max.x - valueObject.min.x);
+      var deltaY = Math.abs(valueObject.max.y - valueObject.min.y);
+      var deltaZ = Math.abs(valueObject.max.z - valueObject.min.z);
+      venetian.position.x += width1 / 0.025;
+      venetian.position.y += -height1 / 0.4;
+      venetian.scale.set(5.2 * width1 / deltaZ, 5.45 * height1 / deltaY, 2.5 * thickness / deltaX);
+      return venetian;
+    }
+  }
+};

package/es/catalog/holes/window-vertical/planner-element.js

@@ -0,0 +1,276 @@
+import React from 'react';
+import * as Three from 'three';
+import { loadGLTF, scaleObject } from "../../utils/load-obj";
+import { OBJTYPE_MESH } from "../../../constants";
+var cached3DWindow = null;
+var STYLE_HOLE_BASE = {
+  stroke: '#000',
+  strokeWidth: '3px',
+  fill: '#000'
+};
+var STYLE_HOLE_SELECTED = {
+  stroke: '#0096fd',
+  strokeWidth: '3px',
+  fill: '#0096fd',
+  cursor: 'move'
+};
+var EPSILON = 3;
+export default {
+  name: 'window-vertical',
+  prototype: 'holes',
+  info: {
+    tag: ['window'],
+    title: 'Vertical',
+    description: 'Vertical Window',
+    image: '/assets/img/svg/window/Vertical.svg',
+    url: '/assets/gltf/window_vertical.gltf'
+  },
+  properties: {
+    width: {
+      label: 'width',
+      type: 'length-measure',
+      defaultValue: {
+        length: 86.36
+      }
+    },
+    height: {
+      label: 'height',
+      type: 'length-measure',
+      defaultValue: {
+        length: 100
+      }
+    },
+    altitude: {
+      label: 'Distance from floor',
+      type: 'length-measure',
+      defaultValue: {
+        length: 121.92
+      }
+    },
+    thickness: {
+      label: 'thickness',
+      type: 'length-measure',
+      defaultValue: {
+        length: 6
+      }
+    }
+  },
+  render2D: function render2D(element, layer, scene) {
+    var STYLE_HOLE_BASE = {
+      stroke: 'rgb(73, 73, 73)',
+      strokeWidth: '1px',
+      strokeDasharray: '9,5',
+      fill: 'rgb(73, 73, 73)'
+    };
+    var STYLE_HOLE_SELECTED = {
+      stroke: '#0096fd',
+      strokeWidth: '1px',
+      strokeDasharray: '9,5',
+      fill: '#0096fd',
+      cursor: 'move'
+    };
+    var STYLE_ARC_BASE = {
+      stroke: 'rgb(73, 73, 73)',
+      strokeWidth: '1px',
+      strokeDasharray: '9,5',
+      fill: 'none'
+    };
+    var STYLE_ARC_SELECTED = {
+      stroke: '#0096fd',
+      strokeWidth: '1px',
+      strokeDasharray: '9,5',
+      fill: 'none',
+      cursor: 'move'
+    };
+    var STYLE_STR0 = {
+      fill: 'rgb(185, 185, 185)',
+      stroke: '#494949',
+      strokeWidth: '1',
+      strokeMiterlimit: '2.61313'
+    };
+    var STYLE_STR0_S = {
+      fill: 'rgb(185, 185, 185)',
+      stroke: '#0096fd',
+      strokeWidth: '1',
+      strokeMiterlimit: '2.61313'
+    };
+    var STYLE_STR1 = {
+      fill: 'none',
+      stroke: '#494949',
+      strokeWidth: '1',
+      strokeLinecap: 'round',
+      strokeLinejoin: 'round',
+      strokeMiterlimit: '2.61313',
+      strokeDasharray: '23.860041 11.930021'
+    };
+    var STYLE_FILL2 = {
+      fill: '#1183B7'
+    };
+    var STYLE_FNT0 = {
+      fill: 'white',
+      fontWeight: 'normal',
+      fontSize: '12px',
+      fontFamily: 'Proxima Nova Rg'
+    };
+    //let line = layer.lines.get(hole.line);
+    //let epsilon = line.properties.get('thickness') / 2;
+
+    var EPSILON = 3;
+    var lineWidth = element.properties.get('thickness').get('length');
+    var flip = element.properties.get('flip');
+    var holeWidth = element.properties.get('width').get('length');
+    var holePath = "M".concat(0, " ", -EPSILON, "  L").concat(holeWidth, " ").concat(-EPSILON, "  L").concat(holeWidth, " ").concat(EPSILON, "  L", 0, " ").concat(EPSILON, "  z");
+    var arcPath = "M".concat(0, ",", 0, "  A", holeWidth, ",").concat(holeWidth, " 0 0,1 ").concat(holeWidth, ",").concat(holeWidth);
+    var holeStyle = element.selected ? STYLE_HOLE_SELECTED : STYLE_HOLE_BASE;
+    var arcStyle = element.selected ? STYLE_ARC_SELECTED : STYLE_ARC_BASE;
+    var rectStyle = element.selected ? STYLE_STR0_S : STYLE_STR0;
+    var length = element.properties.get('width').get('length');
+    return /*#__PURE__*/React.createElement("g", {
+      transform: "translate(".concat(-length / 2, ", 0)")
+    }, /*#__PURE__*/React.createElement("rect", {
+      style: rectStyle,
+      x: "0",
+      y: -lineWidth / 2,
+      width: holeWidth,
+      height: lineWidth
+    }));
+  },
+  render3D: function render3D(element, layer, scene) {
+    var onLoadItem = function onLoadItem(object) {
+      var width = element.properties.get('width').get('length');
+      var height = element.properties.get('height').get('length');
+      var thickness = element.properties.get('thickness').get('length');
+      scaleObject(object, [90, 100, 6], [width, height, thickness]);
+      if (element.selected) {
+        var box = new Three.BoxHelper(object, 0x99c3fb);
+        box.material.linewidth = 2;
+        box.material.depthTest = false;
+        box.renderOrder = 1000;
+        object.add(box);
+      }
+
+      //let normalMap = require('./texture.png');
+      //let t = new Three.TextureLoader().load(normalMap);
+      var examplecolor = new Three.Color(0xffffff);
+      var mat2 = new Three.MeshStandardMaterial({
+        color: examplecolor,
+        metalness: 0.1,
+        roughness: 0.9
+      });
+      //mat2.map = t;
+      // mat2.envMap = textureCube;
+
+      for (var j = 0; j < object.children.length; j++) {
+        if (object.children[j].type === OBJTYPE_MESH) {
+          if (object.children[j].name.includes('_glass')) object.children[j].scale.z /= 2;
+          object.children[j].material = mat2;
+          object.children[j].receiveShadow = true;
+        }
+      }
+      return object;
+    };
+    if (cached3DWindow) {
+      return Promise.resolve(onLoadItem(cached3DWindow.clone()));
+    }
+    return loadGLTF(element.url).then(function (object) {
+      cached3DWindow = object;
+      return onLoadItem(cached3DWindow.clone());
+    });
+
+    // function createTenda() {
+
+    //   let radialWave = function (u, v) {
+    //     let r = 10;
+    //     let x = Math.sin(u) * 3 * r;
+    //     let z = Math.sin(v / 2) * 2 * r;
+    //     let y = (Math.sin(u * 2 * Math.PI) + Math.cos(v * 2 * Math.PI)) * .5;
+
+    //     return new Three.Vector3(x, y, z);
+    //   };
+
+    //   //color
+    //   let white = new Three.MeshLambertMaterial({ color: 0xeae6ca });
+
+    //   let Tenda = new Three.Object3D();
+
+    //   let mesh = createMesh(new Three.ParametricGeometry(radialWave, 20, 20));
+    //   mesh.rotation.x += Math.PI / 2;
+    //   mesh.rotation.y += Math.PI / 2;
+    //   mesh.position.y += 3.1;
+    //   mesh.position.x += .05;
+    //   mesh.scale.set(.125, .125, .125);
+
+    //   let mesh2 = mesh.clone();
+    //   mesh2.rotation.x += Math.PI;
+    //   mesh2.position.set(1.4, 0, 0.06);
+
+    //   Tenda.add(mesh);
+    //   Tenda.add(mesh2);
+
+    //   for (let i = -.7; i > -3.4; i -= .45) {
+    //     let geometry = new Three.TorusGeometry(.08, .016, 32, 32, 2 * Math.PI);
+    //     let torus = new Three.Mesh(geometry, white);
+
+    //     if (i == -1.15)
+    //       torus.position.set(i, 3.14, .045);
+    //     else if (i == -2.5)
+    //       torus.position.set(i, 3.14, -.01);
+    //     else
+    //       torus.position.set(i, 3.14, .04);
+    //     torus.rotation.y += Math.PI / 2;
+    //     Tenda.add(torus);
+    //   }
+
+    //   let geometryAsta = new Three.CylinderGeometry(0.02, 0.02, 1.25, 32);
+    //   let asta = new Three.Mesh(geometryAsta, white);
+    //   asta.position.set(-1.1, 3.18, 0.02);
+    //   asta.rotation.z += Math.PI / 2;
+    //   Tenda.add(asta);
+
+    //   let asta2 = asta.clone();
+    //   asta2.position.set(-2.5, 3.18, 0.02);
+    //   Tenda.add(asta2);
+
+    //   let geometrySphereUp = new Three.SphereGeometry(0.04, 32, 32);
+    //   let sphere = new Three.Mesh(geometrySphereUp, white);
+    //   sphere.position.set(-.5, 3.18, 0.02);
+    //   sphere.rotation.x += Math.PI / 2;
+    //   sphere.scale.set(0.8, 1, 1);
+    //   Tenda.add(sphere);
+
+    //   let sphere2 = sphere.clone();
+    //   sphere2.position.x += -1.2;
+    //   Tenda.add(sphere2);
+
+    //   let sphere3 = sphere.clone();
+    //   sphere3.position.x += -1.4;
+    //   Tenda.add(sphere3);
+
+    //   let sphere4 = sphere.clone();
+    //   sphere4.position.x += -2.6;
+    //   Tenda.add(sphere4);
+
+    //   let valueObject = new Three.Box3().setFromObject(Tenda);
+
+    //   let deltaX = Math.abs(valueObject.max.x - valueObject.min.x);
+    //   let deltaY = Math.abs(valueObject.max.y - valueObject.min.y);
+    //   let deltaZ = Math.abs(valueObject.max.z - valueObject.min.z);
+
+    //   Tenda.position.x += width / 1.48;
+    //   Tenda.position.y += -height / 2.1;
+    //   Tenda.position.z += thickness / 1024;
+    //   Tenda.scale.set(width / deltaX, height / deltaY, thickness / deltaZ);
+
+    //   return Tenda;
+    // }
+
+    // function createMesh(geom) {
+    //   geom.applyMatrix(new Three.Matrix4().makeTranslation(-25, 0, -25));
+    //   let meshMaterial = new Three.MeshLambertMaterial({ color: 0xffffff, opacity: 0.9, transparent: true });
+    //   meshMaterial.side = Three.DoubleSide;
+
+    //   let plane = new Three.Mesh(geom, meshMaterial);
+    //   return plane;
+    // }
+  }
+};

package/es/catalog/lines/wall/planner-element.js

@@ -0,0 +1,79 @@
+import { WallFactory } from "../../factories/export";
+import wallImage from "./wall.png";
+import plasterTexture from "./textures/plaster.jpg";
+import plasterNormal from "./textures/plaster-normal.jpg";
+import bricksTexture from "./textures/bricks.jpg";
+import bricksNormal from "./textures/bricks-normal.jpg";
+import paintedTexture from "./textures/painted.jpg";
+import paintedNormal from "./textures/painted-normal.jpg";
+import mordenTexture from "./textures/morden.jpg";
+import mordenNormal from "./textures/morden-normal.jpg";
+var info = {
+  title: 'wall',
+  tag: ['wall'],
+  description: 'Wall with bricks or painted',
+  image: wallImage,
+  visibility: {
+    catalog: true,
+    layerElementsVisible: true
+  }
+};
+var textures = {
+  plaster: {
+    name: 'Plaster',
+    uri: plasterTexture,
+    lengthRepeatScale: 0.005,
+    heightRepeatScale: 0.005,
+    normal: {
+      uri: plasterNormal,
+      lengthRepeatScale: 0.005,
+      heightRepeatScale: 0.005,
+      normalScaleX: 0.4,
+      normalScaleY: 0.4,
+      color: '#000000'
+    }
+  },
+  bricks: {
+    name: 'Bricks',
+    uri: bricksTexture,
+    lengthRepeatScale: 0.009,
+    heightRepeatScale: 0.009,
+    normal: {
+      uri: bricksNormal,
+      lengthRepeatScale: 0.009,
+      heightRepeatScale: 0.009,
+      normalScaleX: 0.4,
+      normalScaleY: 0.4,
+      color: '#000000'
+    }
+  },
+  painted: {
+    name: 'Painted',
+    uri: paintedTexture,
+    lengthRepeatScale: 0.005,
+    heightRepeatScale: 0.005,
+    normal: {
+      uri: paintedNormal,
+      lengthRepeatScale: 0.005,
+      heightRepeatScale: 0.005,
+      normalScaleX: 0.4,
+      normalScaleY: 0.4,
+      color: '#000000'
+    }
+  },
+  morden: {
+    name: 'Morden',
+    uri: mordenTexture,
+    lengthRepeatScale: 0.005,
+    heightRepeatScale: 0.005,
+    normal: {
+      uri: mordenNormal,
+      lengthRepeatScale: 0.005,
+      heightRepeatScale: 0.005,
+      normalScaleX: 0.4,
+      normalScaleY: 0.4,
+      color: '#000000'
+    }
+  }
+};
+export default WallFactory('wall', info, textures);