(function (global, factory) { if (typeof define === "function" && define.amd) { define(["exports", "three"], factory); } else if (typeof exports !== "undefined") { factory(exports, require("three")); } else { var mod = { exports: {} }; factory(mod.exports, global.three); global.PeppersGhostEffect = mod.exports; } })(typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : this, function (_exports, _three) { "use strict"; Object.defineProperty(_exports, "__esModule", { value: true }); _exports.PeppersGhostEffect = void 0; function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } /** * peppers ghost effect based on http://www.instructables.com/id/Reflective-Prism/?ALLSTEPS */ var PeppersGhostEffect = /*#__PURE__*/_createClass(function PeppersGhostEffect(renderer) { _classCallCheck(this, PeppersGhostEffect); var scope = this; scope.cameraDistance = 15; scope.reflectFromAbove = false; // Internals var _halfWidth, _width, _height; var _cameraF = new _three.PerspectiveCamera(); //front var _cameraB = new _three.PerspectiveCamera(); //back var _cameraL = new _three.PerspectiveCamera(); //left var _cameraR = new _three.PerspectiveCamera(); //right var _position = new _three.Vector3(); var _quaternion = new _three.Quaternion(); var _scale = new _three.Vector3(); // Initialization renderer.autoClear = false; this.setSize = function (width, height) { _halfWidth = width / 2; if (width < height) { _width = width / 3; _height = width / 3; } else { _width = height / 3; _height = height / 3; } renderer.setSize(width, height); }; this.render = function (scene, camera) { scene.updateMatrixWorld(); if (camera.parent === null) camera.updateMatrixWorld(); camera.matrixWorld.decompose(_position, _quaternion, _scale); // front _cameraF.position.copy(_position); _cameraF.quaternion.copy(_quaternion); _cameraF.translateZ(scope.cameraDistance); _cameraF.lookAt(scene.position); // back _cameraB.position.copy(_position); _cameraB.quaternion.copy(_quaternion); _cameraB.translateZ(-scope.cameraDistance); _cameraB.lookAt(scene.position); _cameraB.rotation.z += 180 * (Math.PI / 180); // left _cameraL.position.copy(_position); _cameraL.quaternion.copy(_quaternion); _cameraL.translateX(-scope.cameraDistance); _cameraL.lookAt(scene.position); _cameraL.rotation.x += 90 * (Math.PI / 180); // right _cameraR.position.copy(_position); _cameraR.quaternion.copy(_quaternion); _cameraR.translateX(scope.cameraDistance); _cameraR.lookAt(scene.position); _cameraR.rotation.x += 90 * (Math.PI / 180); renderer.clear(); renderer.setScissorTest(true); renderer.setScissor(_halfWidth - _width / 2, _height * 2, _width, _height); renderer.setViewport(_halfWidth - _width / 2, _height * 2, _width, _height); if (scope.reflectFromAbove) { renderer.render(scene, _cameraB); } else { renderer.render(scene, _cameraF); } renderer.setScissor(_halfWidth - _width / 2, 0, _width, _height); renderer.setViewport(_halfWidth - _width / 2, 0, _width, _height); if (scope.reflectFromAbove) { renderer.render(scene, _cameraF); } else { renderer.render(scene, _cameraB); } renderer.setScissor(_halfWidth - _width / 2 - _width, _height, _width, _height); renderer.setViewport(_halfWidth - _width / 2 - _width, _height, _width, _height); if (scope.reflectFromAbove) { renderer.render(scene, _cameraR); } else { renderer.render(scene, _cameraL); } renderer.setScissor(_halfWidth + _width / 2, _height, _width, _height); renderer.setViewport(_halfWidth + _width / 2, _height, _width, _height); if (scope.reflectFromAbove) { renderer.render(scene, _cameraL); } else { renderer.render(scene, _cameraR); } renderer.setScissorTest(false); }; }); _exports.PeppersGhostEffect = PeppersGhostEffect; });