@anov/3d 0.0.1-alpha.10 → 0.0.1-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -130,15 +130,19 @@ var Scene = /*#__PURE__*/function () {
130
130
  var w = (_rendererOps$size$wid2 = (_rendererOps$size3 = rendererOps.size) === null || _rendererOps$size3 === void 0 ? void 0 : _rendererOps$size3.width) !== null && _rendererOps$size$wid2 !== void 0 ? _rendererOps$size$wid2 : window.innerWidth;
131
131
  var h = (_rendererOps$size$hei2 = (_rendererOps$size4 = rendererOps.size) === null || _rendererOps$size4 === void 0 ? void 0 : _rendererOps$size4.height) !== null && _rendererOps$size$hei2 !== void 0 ? _rendererOps$size$hei2 : window.innerHeight;
132
132
  renderer.setClearColor('#222');
133
- renderer.setScissor(w - 200, 0, 200, 200);
134
- renderer.setViewport(w - 200, 0, 200, 200);
133
+ renderer.setScissor(w - this.cutoutArea.width, 0, this.cutoutArea.width, this.cutoutArea.height);
134
+ renderer.setViewport(w - this.cutoutArea.width, 0, this.cutoutArea.width, this.cutoutArea.height);
135
135
  renderer.render(this.scene, this.cutoutCamera);
136
136
  }
137
137
  }, {
138
138
  key: "initCssRenderer",
139
139
  value: function initCssRenderer() {
140
+ var _rendererOps$size$wid3, _rendererOps$size5, _rendererOps$size$hei3, _rendererOps$size6;
141
+ var rendererOps = this.opts.rendererOps || {};
142
+ var w = (_rendererOps$size$wid3 = (_rendererOps$size5 = rendererOps.size) === null || _rendererOps$size5 === void 0 ? void 0 : _rendererOps$size5.width) !== null && _rendererOps$size$wid3 !== void 0 ? _rendererOps$size$wid3 : window.innerWidth;
143
+ var h = (_rendererOps$size$hei3 = (_rendererOps$size6 = rendererOps.size) === null || _rendererOps$size6 === void 0 ? void 0 : _rendererOps$size6.height) !== null && _rendererOps$size$hei3 !== void 0 ? _rendererOps$size$hei3 : window.innerHeight;
140
144
  var cssRenderer = new Cssrenderer('base');
141
- cssRenderer.setSize(window.innerWidth, window.innerHeight);
145
+ cssRenderer.setSize(w, h);
142
146
  return cssRenderer;
143
147
  }
144
148
 
@@ -251,8 +255,9 @@ var Scene = /*#__PURE__*/function () {
251
255
  }, {
252
256
  key: "getPointerPosition",
253
257
  value: function getPointerPosition(event) {
254
- this.pointer.setX(event.clientX / window.innerWidth * 2 - 1);
255
- this.pointer.setY(-(event.clientY / window.innerHeight) * 2 + 1);
258
+ var container = this.domElement;
259
+ this.pointer.setX((event.clientX - container.getBoundingClientRect().left) / container.getBoundingClientRect().width * 2 - 1);
260
+ this.pointer.setY(-((event.clientY - container.getBoundingClientRect().top) / container.getBoundingClientRect().height) * 2 + 1);
256
261
  }
257
262
 
258
263
  /**