hart-estate-widget 0.0.22 → 0.0.23

package/build/store/houseStore.js

@@ -492,23 +492,23 @@ class HouseStore {
     } = (0, _modelHelpers.getMinMaxCoordinates)(walls);
     const centerX = (maxX + minX) / 2;
     const centerY = (maxY + minY) / 2;
-    const longerValue = centerX > centerY ? centerX : centerY;
+    const lightsOffset = 25;
     this.houseGroup.position.set(-centerX, -centerY);
     const lights = [{
-      x: centerX - longerValue,
-      y: centerY - longerValue,
+      x: centerX - lightsOffset,
+      y: centerY - lightsOffset,
       z: this.wallsHeight * 3,
       power: 0.4,
       castShadow: true
     }, {
-      x: centerX - longerValue,
-      y: centerY - longerValue,
+      x: centerX - lightsOffset,
+      y: centerY - lightsOffset,
       z: this.wallsHeight * 2,
       power: 1,
       castShadow: false
     }, {
-      x: centerX + longerValue,
-      y: centerY + longerValue,
+      x: centerX + lightsOffset,
+      y: centerY + lightsOffset,
       z: this.wallsHeight * 2,
       power: 1.1,
       castShadow: false

package/build/store/modelStore.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.promise.js");
+
 require("core-js/modules/web.dom-collections.iterator.js");
 
 var _react = _interopRequireDefault(require("react"));
@@ -94,20 +96,26 @@ class ModelStore {
       this.scene = new THREE.Scene();
       this.scene.rotation.x = -Math.PI / 2;
       this.scene.scale.y = -1;
-      this.scene.background = new THREE.Color('#FAFAFA');
+      this.scene.background = new THREE.Color('#E7E7E7');
+      this.scene.fog = new THREE.Fog('#E7E7E7', 5, 200);
       this.createGround();
       return this;
     });
 
     _defineProperty(this, "createGround", () => {
-      this.textureLoader.load(_grass.default, texture => {
-        texture.wrapS = texture.wrapT = THREE.RepeatWrapping;
-        texture.repeat.set(50, 50);
+      const textures = {};
+      const assets = [new Promise(resolve => this.loadTexture(_grass.default, [75, 75], texture => {
+        textures.map = texture;
+        resolve();
+      }))];
+      Promise.all(assets).then(() => {
         let groundMaterial = new THREE.MeshStandardMaterial({
-          map: texture,
-          color: 0xffffff
+          map: textures.map,
+          normalMap: textures.normalMap,
+          envMap: textures.envMap,
+          color: 0xe7e7e7
         });
-        let groundMesh = new THREE.Mesh(new THREE.CircleGeometry(100, 100), groundMaterial);
+        let groundMesh = new THREE.Mesh(new THREE.CircleGeometry(250, 100), groundMaterial);
         groundMesh.position.z = -0.01;
         groundMesh.receiveShadow = true;
         this.scene.add(groundMesh);
@@ -254,6 +262,17 @@ class ModelStore {
     return ((_this$container2 = this.container) === null || _this$container2 === void 0 ? void 0 : _this$container2.offsetHeight) || window.innerHeight;
   }
 
+  loadTexture(img) {
+    let repeat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [1, 1];
+    let callback = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => {};
+    this.textureLoader.load(img, texture => {
+      texture.wrapS = texture.wrapT = THREE.RepeatWrapping;
+      texture.repeat.set(repeat[0], repeat[1]);
+      texture.flipY = false;
+      callback(texture);
+    });
+  }
+
 }
 
 var _default = new ModelStore();

package/package.json

@@ -3,7 +3,7 @@
   "description": "HART Estate widget",
   "author": "HART",
   "keywords": [],
-  "version": "0.0.22",
+  "version": "0.0.23",
   "private": false,
   "main": "build/index.js",
   "module": "build/index.js",