Favivon - Correção

This commit is contained in:
2026-05-30 19:59:39 -03:00
parent 76ddaa815d
commit d7dfd221f0
32859 changed files with 5459654 additions and 404 deletions
+104
View File
@@ -0,0 +1,104 @@
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const THREE = require("three");
const constants = require("../_polyfill/constants.cjs");
class AnaglyphEffect {
constructor(renderer, width = 512, height = 512) {
this.colorMatrixLeft = new THREE.Matrix3().fromArray([
0.4561,
-0.0400822,
-0.0152161,
0.500484,
-0.0378246,
-0.0205971,
0.176381,
-0.0157589,
-546856e-8
]);
this.colorMatrixRight = new THREE.Matrix3().fromArray([
-0.0434706,
0.378476,
-0.0721527,
-0.0879388,
0.73364,
-0.112961,
-155529e-8,
-0.0184503,
1.2264
]);
const _camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);
const _scene = new THREE.Scene();
const _stereo = new THREE.StereoCamera();
const _params = { minFilter: THREE.LinearFilter, magFilter: THREE.NearestFilter, format: THREE.RGBAFormat };
const _renderTargetL = new THREE.WebGLRenderTarget(width, height, _params);
const _renderTargetR = new THREE.WebGLRenderTarget(width, height, _params);
const _material = new THREE.ShaderMaterial({
uniforms: {
mapLeft: { value: _renderTargetL.texture },
mapRight: { value: _renderTargetR.texture },
colorMatrixLeft: { value: this.colorMatrixLeft },
colorMatrixRight: { value: this.colorMatrixRight }
},
vertexShader: [
"varying vec2 vUv;",
"void main() {",
" vUv = vec2( uv.x, uv.y );",
" gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
"}"
].join("\n"),
fragmentShader: [
"uniform sampler2D mapLeft;",
"uniform sampler2D mapRight;",
"varying vec2 vUv;",
"uniform mat3 colorMatrixLeft;",
"uniform mat3 colorMatrixRight;",
"void main() {",
" vec2 uv = vUv;",
" vec4 colorL = texture2D( mapLeft, uv );",
" vec4 colorR = texture2D( mapRight, uv );",
" vec3 color = clamp(",
" colorMatrixLeft * colorL.rgb +",
" colorMatrixRight * colorR.rgb, 0., 1. );",
" gl_FragColor = vec4(",
" color.r, color.g, color.b,",
" max( colorL.a, colorR.a ) );",
" #include <tonemapping_fragment>",
` #include <${constants.version >= 154 ? "colorspace_fragment" : "encodings_fragment"}>`,
"}"
].join("\n")
});
const _mesh = new THREE.Mesh(new THREE.PlaneGeometry(2, 2), _material);
_scene.add(_mesh);
this.setSize = function(width2, height2) {
renderer.setSize(width2, height2);
const pixelRatio = renderer.getPixelRatio();
_renderTargetL.setSize(width2 * pixelRatio, height2 * pixelRatio);
_renderTargetR.setSize(width2 * pixelRatio, height2 * pixelRatio);
};
this.render = function(scene, camera) {
const currentRenderTarget = renderer.getRenderTarget();
if (scene.matrixWorldAutoUpdate === true)
scene.updateMatrixWorld();
if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
camera.updateMatrixWorld();
_stereo.update(camera);
renderer.setRenderTarget(_renderTargetL);
renderer.clear();
renderer.render(scene, _stereo.cameraL);
renderer.setRenderTarget(_renderTargetR);
renderer.clear();
renderer.render(scene, _stereo.cameraR);
renderer.setRenderTarget(null);
renderer.render(_scene, _camera);
renderer.setRenderTarget(currentRenderTarget);
};
this.dispose = function() {
_renderTargetL.dispose();
_renderTargetR.dispose();
_mesh.geometry.dispose();
_mesh.material.dispose();
};
}
}
exports.AnaglyphEffect = AnaglyphEffect;
//# sourceMappingURL=AnaglyphEffect.cjs.map
File diff suppressed because one or more lines are too long
+11
View File
@@ -0,0 +1,11 @@
import { Camera, Matrix3, Scene, WebGLRenderer } from 'three'
export class AnaglyphEffect {
constructor(renderer: WebGLRenderer, width?: number, height?: number)
colorMatrixLeft: Matrix3
colorMatrixRight: Matrix3
dispose(): void
render(scene: Scene, camera: Camera): void
setSize(width: number, height: number): void
}
+104
View File
@@ -0,0 +1,104 @@
import { Matrix3, OrthographicCamera, Scene, StereoCamera, WebGLRenderTarget, ShaderMaterial, Mesh, PlaneGeometry, LinearFilter, NearestFilter, RGBAFormat } from "three";
import { version } from "../_polyfill/constants.js";
class AnaglyphEffect {
constructor(renderer, width = 512, height = 512) {
this.colorMatrixLeft = new Matrix3().fromArray([
0.4561,
-0.0400822,
-0.0152161,
0.500484,
-0.0378246,
-0.0205971,
0.176381,
-0.0157589,
-546856e-8
]);
this.colorMatrixRight = new Matrix3().fromArray([
-0.0434706,
0.378476,
-0.0721527,
-0.0879388,
0.73364,
-0.112961,
-155529e-8,
-0.0184503,
1.2264
]);
const _camera = new OrthographicCamera(-1, 1, 1, -1, 0, 1);
const _scene = new Scene();
const _stereo = new StereoCamera();
const _params = { minFilter: LinearFilter, magFilter: NearestFilter, format: RGBAFormat };
const _renderTargetL = new WebGLRenderTarget(width, height, _params);
const _renderTargetR = new WebGLRenderTarget(width, height, _params);
const _material = new ShaderMaterial({
uniforms: {
mapLeft: { value: _renderTargetL.texture },
mapRight: { value: _renderTargetR.texture },
colorMatrixLeft: { value: this.colorMatrixLeft },
colorMatrixRight: { value: this.colorMatrixRight }
},
vertexShader: [
"varying vec2 vUv;",
"void main() {",
" vUv = vec2( uv.x, uv.y );",
" gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
"}"
].join("\n"),
fragmentShader: [
"uniform sampler2D mapLeft;",
"uniform sampler2D mapRight;",
"varying vec2 vUv;",
"uniform mat3 colorMatrixLeft;",
"uniform mat3 colorMatrixRight;",
"void main() {",
" vec2 uv = vUv;",
" vec4 colorL = texture2D( mapLeft, uv );",
" vec4 colorR = texture2D( mapRight, uv );",
" vec3 color = clamp(",
" colorMatrixLeft * colorL.rgb +",
" colorMatrixRight * colorR.rgb, 0., 1. );",
" gl_FragColor = vec4(",
" color.r, color.g, color.b,",
" max( colorL.a, colorR.a ) );",
" #include <tonemapping_fragment>",
` #include <${version >= 154 ? "colorspace_fragment" : "encodings_fragment"}>`,
"}"
].join("\n")
});
const _mesh = new Mesh(new PlaneGeometry(2, 2), _material);
_scene.add(_mesh);
this.setSize = function(width2, height2) {
renderer.setSize(width2, height2);
const pixelRatio = renderer.getPixelRatio();
_renderTargetL.setSize(width2 * pixelRatio, height2 * pixelRatio);
_renderTargetR.setSize(width2 * pixelRatio, height2 * pixelRatio);
};
this.render = function(scene, camera) {
const currentRenderTarget = renderer.getRenderTarget();
if (scene.matrixWorldAutoUpdate === true)
scene.updateMatrixWorld();
if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
camera.updateMatrixWorld();
_stereo.update(camera);
renderer.setRenderTarget(_renderTargetL);
renderer.clear();
renderer.render(scene, _stereo.cameraL);
renderer.setRenderTarget(_renderTargetR);
renderer.clear();
renderer.render(scene, _stereo.cameraR);
renderer.setRenderTarget(null);
renderer.render(_scene, _camera);
renderer.setRenderTarget(currentRenderTarget);
};
this.dispose = function() {
_renderTargetL.dispose();
_renderTargetR.dispose();
_mesh.geometry.dispose();
_mesh.material.dispose();
};
}
}
export {
AnaglyphEffect
};
//# sourceMappingURL=AnaglyphEffect.js.map
File diff suppressed because one or more lines are too long
+156
View File
@@ -0,0 +1,156 @@
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
class AsciiEffect {
constructor(renderer, charSet = " .:-=+*#%@", options = {}) {
const fResolution = options["resolution"] || 0.15;
const iScale = options["scale"] || 1;
const bColor = options["color"] || false;
const bAlpha = options["alpha"] || false;
const bBlock = options["block"] || false;
const bInvert = options["invert"] || false;
const strResolution = options["strResolution"] || "low";
let width, height;
const domElement = document.createElement("div");
domElement.style.cursor = "default";
const oAscii = document.createElement("table");
domElement.appendChild(oAscii);
let iWidth, iHeight;
let oImg;
this.setSize = function(w, h) {
width = w;
height = h;
renderer.setSize(w, h);
initAsciiSize();
};
this.render = function(scene, camera) {
renderer.render(scene, camera);
asciifyImage(oAscii);
};
this.domElement = domElement;
function initAsciiSize() {
iWidth = Math.floor(width * fResolution);
iHeight = Math.floor(height * fResolution);
oCanvas.width = iWidth;
oCanvas.height = iHeight;
oImg = renderer.domElement;
if (oImg.style.backgroundColor) {
oAscii.rows[0].cells[0].style.backgroundColor = oImg.style.backgroundColor;
oAscii.rows[0].cells[0].style.color = oImg.style.color;
}
oAscii.cellSpacing = 0;
oAscii.cellPadding = 0;
const oStyle = oAscii.style;
oStyle.whiteSpace = "pre";
oStyle.margin = "0px";
oStyle.padding = "0px";
oStyle.letterSpacing = fLetterSpacing + "px";
oStyle.fontFamily = strFont;
oStyle.fontSize = fFontSize + "px";
oStyle.lineHeight = fLineHeight + "px";
oStyle.textAlign = "left";
oStyle.textDecoration = "none";
}
const aDefaultCharList = " .,:;i1tfLCG08@".split("");
const aDefaultColorCharList = " CGO08@".split("");
const strFont = "courier new, monospace";
const oCanvasImg = renderer.domElement;
const oCanvas = document.createElement("canvas");
if (!oCanvas.getContext) {
return;
}
const oCtx = oCanvas.getContext("2d");
if (!oCtx.getImageData) {
return;
}
let aCharList = bColor ? aDefaultColorCharList : aDefaultCharList;
if (charSet)
aCharList = charSet;
const fFontSize = 2 / fResolution * iScale;
const fLineHeight = 2 / fResolution * iScale;
let fLetterSpacing = 0;
if (strResolution == "low") {
switch (iScale) {
case 1:
fLetterSpacing = -1;
break;
case 2:
case 3:
fLetterSpacing = -2.1;
break;
case 4:
fLetterSpacing = -3.1;
break;
case 5:
fLetterSpacing = -4.15;
break;
}
}
if (strResolution == "medium") {
switch (iScale) {
case 1:
fLetterSpacing = 0;
break;
case 2:
fLetterSpacing = -1;
break;
case 3:
fLetterSpacing = -1.04;
break;
case 4:
case 5:
fLetterSpacing = -2.1;
break;
}
}
if (strResolution == "high") {
switch (iScale) {
case 1:
case 2:
fLetterSpacing = 0;
break;
case 3:
case 4:
case 5:
fLetterSpacing = -1;
break;
}
}
function asciifyImage(oAscii2) {
oCtx.clearRect(0, 0, iWidth, iHeight);
oCtx.drawImage(oCanvasImg, 0, 0, iWidth, iHeight);
const oImgData = oCtx.getImageData(0, 0, iWidth, iHeight).data;
let strChars = "";
for (let y = 0; y < iHeight; y += 2) {
for (let x = 0; x < iWidth; x++) {
const iOffset = (y * iWidth + x) * 4;
const iRed = oImgData[iOffset];
const iGreen = oImgData[iOffset + 1];
const iBlue = oImgData[iOffset + 2];
const iAlpha = oImgData[iOffset + 3];
let iCharIdx;
let fBrightness;
fBrightness = (0.3 * iRed + 0.59 * iGreen + 0.11 * iBlue) / 255;
if (iAlpha == 0) {
fBrightness = 1;
}
iCharIdx = Math.floor((1 - fBrightness) * (aCharList.length - 1));
if (bInvert) {
iCharIdx = aCharList.length - iCharIdx - 1;
}
let strThisChar = aCharList[iCharIdx];
if (strThisChar === void 0 || strThisChar == " ")
strThisChar = "&nbsp;";
if (bColor) {
strChars += "<span style='color:rgb(" + iRed + "," + iGreen + "," + iBlue + ");" + (bBlock ? "background-color:rgb(" + iRed + "," + iGreen + "," + iBlue + ");" : "") + (bAlpha ? "opacity:" + iAlpha / 255 + ";" : "") + "'>" + strThisChar + "</span>";
} else {
strChars += strThisChar;
}
}
strChars += "<br/>";
}
oAscii2.innerHTML = `<tr><td style="display:block;width:${width}px;height:${height}px;overflow:hidden">${strChars}</td></tr>`;
}
}
}
exports.AsciiEffect = AsciiEffect;
//# sourceMappingURL=AsciiEffect.cjs.map
File diff suppressed because one or more lines are too long
+18
View File
@@ -0,0 +1,18 @@
import { Camera, Scene, WebGLRenderer } from 'three'
export interface AsciiEffectOptions {
resolution?: number
scale?: number
color?: boolean
alpha?: boolean
block?: boolean
invert?: boolean
}
export class AsciiEffect {
constructor(renderer: WebGLRenderer, charSet?: string, options?: AsciiEffectOptions)
domElement: HTMLElement
render(scene: Scene, camera: Camera): void
setSize(width: number, height: number): void
}
+156
View File
@@ -0,0 +1,156 @@
class AsciiEffect {
constructor(renderer, charSet = " .:-=+*#%@", options = {}) {
const fResolution = options["resolution"] || 0.15;
const iScale = options["scale"] || 1;
const bColor = options["color"] || false;
const bAlpha = options["alpha"] || false;
const bBlock = options["block"] || false;
const bInvert = options["invert"] || false;
const strResolution = options["strResolution"] || "low";
let width, height;
const domElement = document.createElement("div");
domElement.style.cursor = "default";
const oAscii = document.createElement("table");
domElement.appendChild(oAscii);
let iWidth, iHeight;
let oImg;
this.setSize = function(w, h) {
width = w;
height = h;
renderer.setSize(w, h);
initAsciiSize();
};
this.render = function(scene, camera) {
renderer.render(scene, camera);
asciifyImage(oAscii);
};
this.domElement = domElement;
function initAsciiSize() {
iWidth = Math.floor(width * fResolution);
iHeight = Math.floor(height * fResolution);
oCanvas.width = iWidth;
oCanvas.height = iHeight;
oImg = renderer.domElement;
if (oImg.style.backgroundColor) {
oAscii.rows[0].cells[0].style.backgroundColor = oImg.style.backgroundColor;
oAscii.rows[0].cells[0].style.color = oImg.style.color;
}
oAscii.cellSpacing = 0;
oAscii.cellPadding = 0;
const oStyle = oAscii.style;
oStyle.whiteSpace = "pre";
oStyle.margin = "0px";
oStyle.padding = "0px";
oStyle.letterSpacing = fLetterSpacing + "px";
oStyle.fontFamily = strFont;
oStyle.fontSize = fFontSize + "px";
oStyle.lineHeight = fLineHeight + "px";
oStyle.textAlign = "left";
oStyle.textDecoration = "none";
}
const aDefaultCharList = " .,:;i1tfLCG08@".split("");
const aDefaultColorCharList = " CGO08@".split("");
const strFont = "courier new, monospace";
const oCanvasImg = renderer.domElement;
const oCanvas = document.createElement("canvas");
if (!oCanvas.getContext) {
return;
}
const oCtx = oCanvas.getContext("2d");
if (!oCtx.getImageData) {
return;
}
let aCharList = bColor ? aDefaultColorCharList : aDefaultCharList;
if (charSet)
aCharList = charSet;
const fFontSize = 2 / fResolution * iScale;
const fLineHeight = 2 / fResolution * iScale;
let fLetterSpacing = 0;
if (strResolution == "low") {
switch (iScale) {
case 1:
fLetterSpacing = -1;
break;
case 2:
case 3:
fLetterSpacing = -2.1;
break;
case 4:
fLetterSpacing = -3.1;
break;
case 5:
fLetterSpacing = -4.15;
break;
}
}
if (strResolution == "medium") {
switch (iScale) {
case 1:
fLetterSpacing = 0;
break;
case 2:
fLetterSpacing = -1;
break;
case 3:
fLetterSpacing = -1.04;
break;
case 4:
case 5:
fLetterSpacing = -2.1;
break;
}
}
if (strResolution == "high") {
switch (iScale) {
case 1:
case 2:
fLetterSpacing = 0;
break;
case 3:
case 4:
case 5:
fLetterSpacing = -1;
break;
}
}
function asciifyImage(oAscii2) {
oCtx.clearRect(0, 0, iWidth, iHeight);
oCtx.drawImage(oCanvasImg, 0, 0, iWidth, iHeight);
const oImgData = oCtx.getImageData(0, 0, iWidth, iHeight).data;
let strChars = "";
for (let y = 0; y < iHeight; y += 2) {
for (let x = 0; x < iWidth; x++) {
const iOffset = (y * iWidth + x) * 4;
const iRed = oImgData[iOffset];
const iGreen = oImgData[iOffset + 1];
const iBlue = oImgData[iOffset + 2];
const iAlpha = oImgData[iOffset + 3];
let iCharIdx;
let fBrightness;
fBrightness = (0.3 * iRed + 0.59 * iGreen + 0.11 * iBlue) / 255;
if (iAlpha == 0) {
fBrightness = 1;
}
iCharIdx = Math.floor((1 - fBrightness) * (aCharList.length - 1));
if (bInvert) {
iCharIdx = aCharList.length - iCharIdx - 1;
}
let strThisChar = aCharList[iCharIdx];
if (strThisChar === void 0 || strThisChar == " ")
strThisChar = "&nbsp;";
if (bColor) {
strChars += "<span style='color:rgb(" + iRed + "," + iGreen + "," + iBlue + ");" + (bBlock ? "background-color:rgb(" + iRed + "," + iGreen + "," + iBlue + ");" : "") + (bAlpha ? "opacity:" + iAlpha / 255 + ";" : "") + "'>" + strThisChar + "</span>";
} else {
strChars += strThisChar;
}
}
strChars += "<br/>";
}
oAscii2.innerHTML = `<tr><td style="display:block;width:${width}px;height:${height}px;overflow:hidden">${strChars}</td></tr>`;
}
}
}
export {
AsciiEffect
};
//# sourceMappingURL=AsciiEffect.js.map
File diff suppressed because one or more lines are too long
+277
View File
@@ -0,0 +1,277 @@
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const THREE = require("three");
const constants = require("../_polyfill/constants.cjs");
class OutlineEffect {
constructor(renderer, parameters = {}) {
this.enabled = true;
const defaultThickness = parameters.defaultThickness !== void 0 ? parameters.defaultThickness : 3e-3;
const defaultColor = new THREE.Color().fromArray(
parameters.defaultColor !== void 0 ? parameters.defaultColor : [0, 0, 0]
);
const defaultAlpha = parameters.defaultAlpha !== void 0 ? parameters.defaultAlpha : 1;
const defaultKeepAlive = parameters.defaultKeepAlive !== void 0 ? parameters.defaultKeepAlive : false;
const cache = {};
const removeThresholdCount = 60;
const originalMaterials = {};
const originalOnBeforeRenders = {};
const uniformsOutline = {
outlineThickness: { value: defaultThickness },
outlineColor: { value: defaultColor },
outlineAlpha: { value: defaultAlpha }
};
const vertexShader = [
"#include <common>",
"#include <uv_pars_vertex>",
"#include <displacementmap_pars_vertex>",
"#include <fog_pars_vertex>",
"#include <morphtarget_pars_vertex>",
"#include <skinning_pars_vertex>",
"#include <logdepthbuf_pars_vertex>",
"#include <clipping_planes_pars_vertex>",
"uniform float outlineThickness;",
"vec4 calculateOutline( vec4 pos, vec3 normal, vec4 skinned ) {",
" float thickness = outlineThickness;",
" const float ratio = 1.0;",
// TODO: support outline thickness ratio for each vertex
" vec4 pos2 = projectionMatrix * modelViewMatrix * vec4( skinned.xyz + normal, 1.0 );",
// NOTE: subtract pos2 from pos because BackSide objectNormal is negative
" vec4 norm = normalize( pos - pos2 );",
" return pos + norm * thickness * pos.w * ratio;",
"}",
"void main() {",
" #include <uv_vertex>",
" #include <beginnormal_vertex>",
" #include <morphnormal_vertex>",
" #include <skinbase_vertex>",
" #include <skinnormal_vertex>",
" #include <begin_vertex>",
" #include <morphtarget_vertex>",
" #include <skinning_vertex>",
" #include <displacementmap_vertex>",
" #include <project_vertex>",
" vec3 outlineNormal = - objectNormal;",
// the outline material is always rendered with BackSide
" gl_Position = calculateOutline( gl_Position, outlineNormal, vec4( transformed, 1.0 ) );",
" #include <logdepthbuf_vertex>",
" #include <clipping_planes_vertex>",
" #include <fog_vertex>",
"}"
].join("\n");
const fragmentShader = [
"#include <common>",
"#include <fog_pars_fragment>",
"#include <logdepthbuf_pars_fragment>",
"#include <clipping_planes_pars_fragment>",
"uniform vec3 outlineColor;",
"uniform float outlineAlpha;",
"void main() {",
" #include <clipping_planes_fragment>",
" #include <logdepthbuf_fragment>",
" gl_FragColor = vec4( outlineColor, outlineAlpha );",
" #include <tonemapping_fragment>",
` #include <${constants.version >= 154 ? "colorspace_fragment" : "encodings_fragment"}>`,
" #include <fog_fragment>",
" #include <premultiplied_alpha_fragment>",
"}"
].join("\n");
function createMaterial() {
return new THREE.ShaderMaterial({
type: "OutlineEffect",
uniforms: THREE.UniformsUtils.merge([THREE.UniformsLib["fog"], THREE.UniformsLib["displacementmap"], uniformsOutline]),
vertexShader,
fragmentShader,
side: THREE.BackSide
});
}
function getOutlineMaterialFromCache(originalMaterial) {
let data = cache[originalMaterial.uuid];
if (data === void 0) {
data = {
material: createMaterial(),
used: true,
keepAlive: defaultKeepAlive,
count: 0
};
cache[originalMaterial.uuid] = data;
}
data.used = true;
return data.material;
}
function getOutlineMaterial(originalMaterial) {
const outlineMaterial = getOutlineMaterialFromCache(originalMaterial);
originalMaterials[outlineMaterial.uuid] = originalMaterial;
updateOutlineMaterial(outlineMaterial, originalMaterial);
return outlineMaterial;
}
function isCompatible(object) {
const geometry = object.geometry;
const hasNormals = geometry !== void 0 && geometry.attributes.normal !== void 0;
return object.isMesh === true && object.material !== void 0 && hasNormals === true;
}
function setOutlineMaterial(object) {
if (isCompatible(object) === false)
return;
if (Array.isArray(object.material)) {
for (let i = 0, il = object.material.length; i < il; i++) {
object.material[i] = getOutlineMaterial(object.material[i]);
}
} else {
object.material = getOutlineMaterial(object.material);
}
originalOnBeforeRenders[object.uuid] = object.onBeforeRender;
object.onBeforeRender = onBeforeRender;
}
function restoreOriginalMaterial(object) {
if (isCompatible(object) === false)
return;
if (Array.isArray(object.material)) {
for (let i = 0, il = object.material.length; i < il; i++) {
object.material[i] = originalMaterials[object.material[i].uuid];
}
} else {
object.material = originalMaterials[object.material.uuid];
}
object.onBeforeRender = originalOnBeforeRenders[object.uuid];
}
function onBeforeRender(renderer2, scene, camera, geometry, material) {
const originalMaterial = originalMaterials[material.uuid];
if (originalMaterial === void 0)
return;
updateUniforms(material, originalMaterial);
}
function updateUniforms(material, originalMaterial) {
const outlineParameters = originalMaterial.userData.outlineParameters;
material.uniforms.outlineAlpha.value = originalMaterial.opacity;
if (outlineParameters !== void 0) {
if (outlineParameters.thickness !== void 0)
material.uniforms.outlineThickness.value = outlineParameters.thickness;
if (outlineParameters.color !== void 0)
material.uniforms.outlineColor.value.fromArray(outlineParameters.color);
if (outlineParameters.alpha !== void 0)
material.uniforms.outlineAlpha.value = outlineParameters.alpha;
}
if (originalMaterial.displacementMap) {
material.uniforms.displacementMap.value = originalMaterial.displacementMap;
material.uniforms.displacementScale.value = originalMaterial.displacementScale;
material.uniforms.displacementBias.value = originalMaterial.displacementBias;
}
}
function updateOutlineMaterial(material, originalMaterial) {
if (material.name === "invisible")
return;
const outlineParameters = originalMaterial.userData.outlineParameters;
material.fog = originalMaterial.fog;
material.toneMapped = originalMaterial.toneMapped;
material.premultipliedAlpha = originalMaterial.premultipliedAlpha;
material.displacementMap = originalMaterial.displacementMap;
if (outlineParameters !== void 0) {
if (originalMaterial.visible === false) {
material.visible = false;
} else {
material.visible = outlineParameters.visible !== void 0 ? outlineParameters.visible : true;
}
material.transparent = outlineParameters.alpha !== void 0 && outlineParameters.alpha < 1 ? true : originalMaterial.transparent;
if (outlineParameters.keepAlive !== void 0)
cache[originalMaterial.uuid].keepAlive = outlineParameters.keepAlive;
} else {
material.transparent = originalMaterial.transparent;
material.visible = originalMaterial.visible;
}
if (originalMaterial.wireframe === true || originalMaterial.depthTest === false)
material.visible = false;
if (originalMaterial.clippingPlanes) {
material.clipping = true;
material.clippingPlanes = originalMaterial.clippingPlanes;
material.clipIntersection = originalMaterial.clipIntersection;
material.clipShadows = originalMaterial.clipShadows;
}
material.version = originalMaterial.version;
}
function cleanupCache() {
let keys;
keys = Object.keys(originalMaterials);
for (let i = 0, il = keys.length; i < il; i++) {
originalMaterials[keys[i]] = void 0;
}
keys = Object.keys(originalOnBeforeRenders);
for (let i = 0, il = keys.length; i < il; i++) {
originalOnBeforeRenders[keys[i]] = void 0;
}
keys = Object.keys(cache);
for (let i = 0, il = keys.length; i < il; i++) {
const key = keys[i];
if (cache[key].used === false) {
cache[key].count++;
if (cache[key].keepAlive === false && cache[key].count > removeThresholdCount) {
delete cache[key];
}
} else {
cache[key].used = false;
cache[key].count = 0;
}
}
}
this.render = function(scene, camera) {
if (this.enabled === false) {
renderer.render(scene, camera);
return;
}
const currentAutoClear = renderer.autoClear;
renderer.autoClear = this.autoClear;
renderer.render(scene, camera);
renderer.autoClear = currentAutoClear;
this.renderOutline(scene, camera);
};
this.renderOutline = function(scene, camera) {
const currentAutoClear = renderer.autoClear;
const currentSceneAutoUpdate = scene.matrixWorldAutoUpdate;
const currentSceneBackground = scene.background;
const currentShadowMapEnabled = renderer.shadowMap.enabled;
scene.matrixWorldAutoUpdate = false;
scene.background = null;
renderer.autoClear = false;
renderer.shadowMap.enabled = false;
scene.traverse(setOutlineMaterial);
renderer.render(scene, camera);
scene.traverse(restoreOriginalMaterial);
cleanupCache();
scene.matrixWorldAutoUpdate = currentSceneAutoUpdate;
scene.background = currentSceneBackground;
renderer.autoClear = currentAutoClear;
renderer.shadowMap.enabled = currentShadowMapEnabled;
};
this.autoClear = renderer.autoClear;
this.domElement = renderer.domElement;
this.shadowMap = renderer.shadowMap;
this.clear = function(color, depth, stencil) {
renderer.clear(color, depth, stencil);
};
this.getPixelRatio = function() {
return renderer.getPixelRatio();
};
this.setPixelRatio = function(value) {
renderer.setPixelRatio(value);
};
this.getSize = function(target) {
return renderer.getSize(target);
};
this.setSize = function(width, height, updateStyle) {
renderer.setSize(width, height, updateStyle);
};
this.setViewport = function(x, y, width, height) {
renderer.setViewport(x, y, width, height);
};
this.setScissor = function(x, y, width, height) {
renderer.setScissor(x, y, width, height);
};
this.setScissorTest = function(boolean) {
renderer.setScissorTest(boolean);
};
this.setRenderTarget = function(renderTarget) {
renderer.setRenderTarget(renderTarget);
};
}
}
exports.OutlineEffect = OutlineEffect;
//# sourceMappingURL=OutlineEffect.cjs.map
File diff suppressed because one or more lines are too long
+28
View File
@@ -0,0 +1,28 @@
import { Camera, Scene, Vector2, Vector4, WebGLRenderer, WebGLRenderTarget, WebGLShadowMap } from 'three'
export interface OutlineEffectParameters {
defaultThickness?: number | undefined
defaultColor?: number[] | undefined
defaultAlpha?: number | undefined
defaultKeepAlive?: boolean | undefined
}
export class OutlineEffect {
constructor(renderer: WebGLRenderer, parameters?: OutlineEffectParameters)
enabled: boolean
autoClear: boolean
domElement: HTMLElement
shadowMap: WebGLShadowMap
clear(color?: boolean, depth?: boolean, stencil?: boolean): void
getPixelRatio(): number
getSize(target: Vector2): Vector2
render(scene: Scene, camera: Camera): void
renderOutline(scene: Scene, camera: Camera): void
setRenderTarget(renderTarget: WebGLRenderTarget | null): void
setPixelRatio(value: number): void
setScissor(x: Vector4 | number, y?: number, width?: number, height?: number): void
setScissorTest(enable: boolean): void
setSize(width: number, height: number, updateStyle?: boolean): void
setViewport(x: Vector4 | number, y?: number, width?: number, height?: number): void
}
+277
View File
@@ -0,0 +1,277 @@
import { Color, ShaderMaterial, UniformsUtils, UniformsLib, BackSide } from "three";
import { version } from "../_polyfill/constants.js";
class OutlineEffect {
constructor(renderer, parameters = {}) {
this.enabled = true;
const defaultThickness = parameters.defaultThickness !== void 0 ? parameters.defaultThickness : 3e-3;
const defaultColor = new Color().fromArray(
parameters.defaultColor !== void 0 ? parameters.defaultColor : [0, 0, 0]
);
const defaultAlpha = parameters.defaultAlpha !== void 0 ? parameters.defaultAlpha : 1;
const defaultKeepAlive = parameters.defaultKeepAlive !== void 0 ? parameters.defaultKeepAlive : false;
const cache = {};
const removeThresholdCount = 60;
const originalMaterials = {};
const originalOnBeforeRenders = {};
const uniformsOutline = {
outlineThickness: { value: defaultThickness },
outlineColor: { value: defaultColor },
outlineAlpha: { value: defaultAlpha }
};
const vertexShader = [
"#include <common>",
"#include <uv_pars_vertex>",
"#include <displacementmap_pars_vertex>",
"#include <fog_pars_vertex>",
"#include <morphtarget_pars_vertex>",
"#include <skinning_pars_vertex>",
"#include <logdepthbuf_pars_vertex>",
"#include <clipping_planes_pars_vertex>",
"uniform float outlineThickness;",
"vec4 calculateOutline( vec4 pos, vec3 normal, vec4 skinned ) {",
" float thickness = outlineThickness;",
" const float ratio = 1.0;",
// TODO: support outline thickness ratio for each vertex
" vec4 pos2 = projectionMatrix * modelViewMatrix * vec4( skinned.xyz + normal, 1.0 );",
// NOTE: subtract pos2 from pos because BackSide objectNormal is negative
" vec4 norm = normalize( pos - pos2 );",
" return pos + norm * thickness * pos.w * ratio;",
"}",
"void main() {",
" #include <uv_vertex>",
" #include <beginnormal_vertex>",
" #include <morphnormal_vertex>",
" #include <skinbase_vertex>",
" #include <skinnormal_vertex>",
" #include <begin_vertex>",
" #include <morphtarget_vertex>",
" #include <skinning_vertex>",
" #include <displacementmap_vertex>",
" #include <project_vertex>",
" vec3 outlineNormal = - objectNormal;",
// the outline material is always rendered with BackSide
" gl_Position = calculateOutline( gl_Position, outlineNormal, vec4( transformed, 1.0 ) );",
" #include <logdepthbuf_vertex>",
" #include <clipping_planes_vertex>",
" #include <fog_vertex>",
"}"
].join("\n");
const fragmentShader = [
"#include <common>",
"#include <fog_pars_fragment>",
"#include <logdepthbuf_pars_fragment>",
"#include <clipping_planes_pars_fragment>",
"uniform vec3 outlineColor;",
"uniform float outlineAlpha;",
"void main() {",
" #include <clipping_planes_fragment>",
" #include <logdepthbuf_fragment>",
" gl_FragColor = vec4( outlineColor, outlineAlpha );",
" #include <tonemapping_fragment>",
` #include <${version >= 154 ? "colorspace_fragment" : "encodings_fragment"}>`,
" #include <fog_fragment>",
" #include <premultiplied_alpha_fragment>",
"}"
].join("\n");
function createMaterial() {
return new ShaderMaterial({
type: "OutlineEffect",
uniforms: UniformsUtils.merge([UniformsLib["fog"], UniformsLib["displacementmap"], uniformsOutline]),
vertexShader,
fragmentShader,
side: BackSide
});
}
function getOutlineMaterialFromCache(originalMaterial) {
let data = cache[originalMaterial.uuid];
if (data === void 0) {
data = {
material: createMaterial(),
used: true,
keepAlive: defaultKeepAlive,
count: 0
};
cache[originalMaterial.uuid] = data;
}
data.used = true;
return data.material;
}
function getOutlineMaterial(originalMaterial) {
const outlineMaterial = getOutlineMaterialFromCache(originalMaterial);
originalMaterials[outlineMaterial.uuid] = originalMaterial;
updateOutlineMaterial(outlineMaterial, originalMaterial);
return outlineMaterial;
}
function isCompatible(object) {
const geometry = object.geometry;
const hasNormals = geometry !== void 0 && geometry.attributes.normal !== void 0;
return object.isMesh === true && object.material !== void 0 && hasNormals === true;
}
function setOutlineMaterial(object) {
if (isCompatible(object) === false)
return;
if (Array.isArray(object.material)) {
for (let i = 0, il = object.material.length; i < il; i++) {
object.material[i] = getOutlineMaterial(object.material[i]);
}
} else {
object.material = getOutlineMaterial(object.material);
}
originalOnBeforeRenders[object.uuid] = object.onBeforeRender;
object.onBeforeRender = onBeforeRender;
}
function restoreOriginalMaterial(object) {
if (isCompatible(object) === false)
return;
if (Array.isArray(object.material)) {
for (let i = 0, il = object.material.length; i < il; i++) {
object.material[i] = originalMaterials[object.material[i].uuid];
}
} else {
object.material = originalMaterials[object.material.uuid];
}
object.onBeforeRender = originalOnBeforeRenders[object.uuid];
}
function onBeforeRender(renderer2, scene, camera, geometry, material) {
const originalMaterial = originalMaterials[material.uuid];
if (originalMaterial === void 0)
return;
updateUniforms(material, originalMaterial);
}
function updateUniforms(material, originalMaterial) {
const outlineParameters = originalMaterial.userData.outlineParameters;
material.uniforms.outlineAlpha.value = originalMaterial.opacity;
if (outlineParameters !== void 0) {
if (outlineParameters.thickness !== void 0)
material.uniforms.outlineThickness.value = outlineParameters.thickness;
if (outlineParameters.color !== void 0)
material.uniforms.outlineColor.value.fromArray(outlineParameters.color);
if (outlineParameters.alpha !== void 0)
material.uniforms.outlineAlpha.value = outlineParameters.alpha;
}
if (originalMaterial.displacementMap) {
material.uniforms.displacementMap.value = originalMaterial.displacementMap;
material.uniforms.displacementScale.value = originalMaterial.displacementScale;
material.uniforms.displacementBias.value = originalMaterial.displacementBias;
}
}
function updateOutlineMaterial(material, originalMaterial) {
if (material.name === "invisible")
return;
const outlineParameters = originalMaterial.userData.outlineParameters;
material.fog = originalMaterial.fog;
material.toneMapped = originalMaterial.toneMapped;
material.premultipliedAlpha = originalMaterial.premultipliedAlpha;
material.displacementMap = originalMaterial.displacementMap;
if (outlineParameters !== void 0) {
if (originalMaterial.visible === false) {
material.visible = false;
} else {
material.visible = outlineParameters.visible !== void 0 ? outlineParameters.visible : true;
}
material.transparent = outlineParameters.alpha !== void 0 && outlineParameters.alpha < 1 ? true : originalMaterial.transparent;
if (outlineParameters.keepAlive !== void 0)
cache[originalMaterial.uuid].keepAlive = outlineParameters.keepAlive;
} else {
material.transparent = originalMaterial.transparent;
material.visible = originalMaterial.visible;
}
if (originalMaterial.wireframe === true || originalMaterial.depthTest === false)
material.visible = false;
if (originalMaterial.clippingPlanes) {
material.clipping = true;
material.clippingPlanes = originalMaterial.clippingPlanes;
material.clipIntersection = originalMaterial.clipIntersection;
material.clipShadows = originalMaterial.clipShadows;
}
material.version = originalMaterial.version;
}
function cleanupCache() {
let keys;
keys = Object.keys(originalMaterials);
for (let i = 0, il = keys.length; i < il; i++) {
originalMaterials[keys[i]] = void 0;
}
keys = Object.keys(originalOnBeforeRenders);
for (let i = 0, il = keys.length; i < il; i++) {
originalOnBeforeRenders[keys[i]] = void 0;
}
keys = Object.keys(cache);
for (let i = 0, il = keys.length; i < il; i++) {
const key = keys[i];
if (cache[key].used === false) {
cache[key].count++;
if (cache[key].keepAlive === false && cache[key].count > removeThresholdCount) {
delete cache[key];
}
} else {
cache[key].used = false;
cache[key].count = 0;
}
}
}
this.render = function(scene, camera) {
if (this.enabled === false) {
renderer.render(scene, camera);
return;
}
const currentAutoClear = renderer.autoClear;
renderer.autoClear = this.autoClear;
renderer.render(scene, camera);
renderer.autoClear = currentAutoClear;
this.renderOutline(scene, camera);
};
this.renderOutline = function(scene, camera) {
const currentAutoClear = renderer.autoClear;
const currentSceneAutoUpdate = scene.matrixWorldAutoUpdate;
const currentSceneBackground = scene.background;
const currentShadowMapEnabled = renderer.shadowMap.enabled;
scene.matrixWorldAutoUpdate = false;
scene.background = null;
renderer.autoClear = false;
renderer.shadowMap.enabled = false;
scene.traverse(setOutlineMaterial);
renderer.render(scene, camera);
scene.traverse(restoreOriginalMaterial);
cleanupCache();
scene.matrixWorldAutoUpdate = currentSceneAutoUpdate;
scene.background = currentSceneBackground;
renderer.autoClear = currentAutoClear;
renderer.shadowMap.enabled = currentShadowMapEnabled;
};
this.autoClear = renderer.autoClear;
this.domElement = renderer.domElement;
this.shadowMap = renderer.shadowMap;
this.clear = function(color, depth, stencil) {
renderer.clear(color, depth, stencil);
};
this.getPixelRatio = function() {
return renderer.getPixelRatio();
};
this.setPixelRatio = function(value) {
renderer.setPixelRatio(value);
};
this.getSize = function(target) {
return renderer.getSize(target);
};
this.setSize = function(width, height, updateStyle) {
renderer.setSize(width, height, updateStyle);
};
this.setViewport = function(x, y, width, height) {
renderer.setViewport(x, y, width, height);
};
this.setScissor = function(x, y, width, height) {
renderer.setScissor(x, y, width, height);
};
this.setScissorTest = function(boolean) {
renderer.setScissorTest(boolean);
};
this.setRenderTarget = function(renderTarget) {
renderer.setRenderTarget(renderTarget);
};
}
}
export {
OutlineEffect
};
//# sourceMappingURL=OutlineEffect.js.map
File diff suppressed because one or more lines are too long
+67
View File
@@ -0,0 +1,67 @@
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const THREE = require("three");
const constants = require("../_polyfill/constants.cjs");
class ParallaxBarrierEffect {
constructor(renderer) {
const _camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 0, 1);
const _scene = new THREE.Scene();
const _stereo = new THREE.StereoCamera();
const _params = { minFilter: THREE.LinearFilter, magFilter: THREE.NearestFilter, format: THREE.RGBAFormat };
const _renderTargetL = new THREE.WebGLRenderTarget(512, 512, _params);
const _renderTargetR = new THREE.WebGLRenderTarget(512, 512, _params);
const _material = new THREE.ShaderMaterial({
uniforms: {
mapLeft: { value: _renderTargetL.texture },
mapRight: { value: _renderTargetR.texture }
},
vertexShader: [
"varying vec2 vUv;",
"void main() {",
" vUv = vec2( uv.x, uv.y );",
" gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
"}"
].join("\n"),
fragmentShader: [
"uniform sampler2D mapLeft;",
"uniform sampler2D mapRight;",
"varying vec2 vUv;",
"void main() {",
" vec2 uv = vUv;",
" if ( ( mod( gl_FragCoord.y, 2.0 ) ) > 1.00 ) {",
" gl_FragColor = texture2D( mapLeft, uv );",
" } else {",
" gl_FragColor = texture2D( mapRight, uv );",
" }",
" #include <tonemapping_fragment>",
` #include <${constants.version >= 154 ? "colorspace_fragment" : "encodings_fragment"}>`,
"}"
].join("\n")
});
const mesh = new THREE.Mesh(new THREE.PlaneGeometry(2, 2), _material);
_scene.add(mesh);
this.setSize = function(width, height) {
renderer.setSize(width, height);
const pixelRatio = renderer.getPixelRatio();
_renderTargetL.setSize(width * pixelRatio, height * pixelRatio);
_renderTargetR.setSize(width * pixelRatio, height * pixelRatio);
};
this.render = function(scene, camera) {
if (scene.matrixWorldAutoUpdate === true)
scene.updateMatrixWorld();
if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
camera.updateMatrixWorld();
_stereo.update(camera);
renderer.setRenderTarget(_renderTargetL);
renderer.clear();
renderer.render(scene, _stereo.cameraL);
renderer.setRenderTarget(_renderTargetR);
renderer.clear();
renderer.render(scene, _stereo.cameraR);
renderer.setRenderTarget(null);
renderer.render(_scene, _camera);
};
}
}
exports.ParallaxBarrierEffect = ParallaxBarrierEffect;
//# sourceMappingURL=ParallaxBarrierEffect.cjs.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"file":"ParallaxBarrierEffect.cjs","sources":["../../src/effects/ParallaxBarrierEffect.js"],"sourcesContent":["import {\n LinearFilter,\n Mesh,\n NearestFilter,\n OrthographicCamera,\n PlaneGeometry,\n RGBAFormat,\n Scene,\n ShaderMaterial,\n StereoCamera,\n WebGLRenderTarget,\n} from 'three'\nimport { version } from '../_polyfill/constants'\n\nclass ParallaxBarrierEffect {\n constructor(renderer) {\n const _camera = new OrthographicCamera(-1, 1, 1, -1, 0, 1)\n\n const _scene = new Scene()\n\n const _stereo = new StereoCamera()\n\n const _params = { minFilter: LinearFilter, magFilter: NearestFilter, format: RGBAFormat }\n\n const _renderTargetL = new WebGLRenderTarget(512, 512, _params)\n const _renderTargetR = new WebGLRenderTarget(512, 512, _params)\n\n const _material = new ShaderMaterial({\n uniforms: {\n mapLeft: { value: _renderTargetL.texture },\n mapRight: { value: _renderTargetR.texture },\n },\n\n vertexShader: [\n 'varying vec2 vUv;',\n\n 'void main() {',\n\n '\tvUv = vec2( uv.x, uv.y );',\n '\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );',\n\n '}',\n ].join('\\n'),\n\n fragmentShader: [\n 'uniform sampler2D mapLeft;',\n 'uniform sampler2D mapRight;',\n 'varying vec2 vUv;',\n\n 'void main() {',\n\n '\tvec2 uv = vUv;',\n\n '\tif ( ( mod( gl_FragCoord.y, 2.0 ) ) > 1.00 ) {',\n\n '\t\tgl_FragColor = texture2D( mapLeft, uv );',\n\n '\t} else {',\n\n '\t\tgl_FragColor = texture2D( mapRight, uv );',\n\n '\t}',\n\n '\t#include <tonemapping_fragment>',\n `\t#include <${version >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>`,\n\n '}',\n ].join('\\n'),\n })\n\n const mesh = new Mesh(new PlaneGeometry(2, 2), _material)\n _scene.add(mesh)\n\n this.setSize = function (width, height) {\n renderer.setSize(width, height)\n\n const pixelRatio = renderer.getPixelRatio()\n\n _renderTargetL.setSize(width * pixelRatio, height * pixelRatio)\n _renderTargetR.setSize(width * pixelRatio, height * pixelRatio)\n }\n\n this.render = function (scene, camera) {\n if (scene.matrixWorldAutoUpdate === true) scene.updateMatrixWorld()\n\n if (camera.parent === null && camera.matrixWorldAutoUpdate === true) camera.updateMatrixWorld()\n\n _stereo.update(camera)\n\n renderer.setRenderTarget(_renderTargetL)\n renderer.clear()\n renderer.render(scene, _stereo.cameraL)\n\n renderer.setRenderTarget(_renderTargetR)\n renderer.clear()\n renderer.render(scene, _stereo.cameraR)\n\n renderer.setRenderTarget(null)\n renderer.render(_scene, _camera)\n }\n }\n}\n\nexport { ParallaxBarrierEffect }\n"],"names":["OrthographicCamera","Scene","StereoCamera","LinearFilter","NearestFilter","RGBAFormat","WebGLRenderTarget","ShaderMaterial","version","Mesh","PlaneGeometry"],"mappings":";;;;AAcA,MAAM,sBAAsB;AAAA,EAC1B,YAAY,UAAU;AACpB,UAAM,UAAU,IAAIA,MAAkB,mBAAC,IAAI,GAAG,GAAG,IAAI,GAAG,CAAC;AAEzD,UAAM,SAAS,IAAIC,YAAO;AAE1B,UAAM,UAAU,IAAIC,mBAAc;AAElC,UAAM,UAAU,EAAE,WAAWC,MAAAA,cAAc,WAAWC,MAAa,eAAE,QAAQC,iBAAY;AAEzF,UAAM,iBAAiB,IAAIC,MAAAA,kBAAkB,KAAK,KAAK,OAAO;AAC9D,UAAM,iBAAiB,IAAIA,MAAAA,kBAAkB,KAAK,KAAK,OAAO;AAE9D,UAAM,YAAY,IAAIC,qBAAe;AAAA,MACnC,UAAU;AAAA,QACR,SAAS,EAAE,OAAO,eAAe,QAAS;AAAA,QAC1C,UAAU,EAAE,OAAO,eAAe,QAAS;AAAA,MAC5C;AAAA,MAED,cAAc;AAAA,QACZ;AAAA,QAEA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,MACR,EAAQ,KAAK,IAAI;AAAA,MAEX,gBAAgB;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,QAEA;AAAA,QAEA;AAAA,QAEA;AAAA,QAEA;AAAA,QAEA;AAAA,QAEA;AAAA,QAEA;AAAA,QACA,cAAcC,UAAAA,WAAW,MAAM,wBAAwB;AAAA,QAEvD;AAAA,MACR,EAAQ,KAAK,IAAI;AAAA,IACjB,CAAK;AAED,UAAM,OAAO,IAAIC,WAAK,IAAIC,MAAa,cAAC,GAAG,CAAC,GAAG,SAAS;AACxD,WAAO,IAAI,IAAI;AAEf,SAAK,UAAU,SAAU,OAAO,QAAQ;AACtC,eAAS,QAAQ,OAAO,MAAM;AAE9B,YAAM,aAAa,SAAS,cAAe;AAE3C,qBAAe,QAAQ,QAAQ,YAAY,SAAS,UAAU;AAC9D,qBAAe,QAAQ,QAAQ,YAAY,SAAS,UAAU;AAAA,IAC/D;AAED,SAAK,SAAS,SAAU,OAAO,QAAQ;AACrC,UAAI,MAAM,0BAA0B;AAAM,cAAM,kBAAmB;AAEnE,UAAI,OAAO,WAAW,QAAQ,OAAO,0BAA0B;AAAM,eAAO,kBAAmB;AAE/F,cAAQ,OAAO,MAAM;AAErB,eAAS,gBAAgB,cAAc;AACvC,eAAS,MAAO;AAChB,eAAS,OAAO,OAAO,QAAQ,OAAO;AAEtC,eAAS,gBAAgB,cAAc;AACvC,eAAS,MAAO;AAChB,eAAS,OAAO,OAAO,QAAQ,OAAO;AAEtC,eAAS,gBAAgB,IAAI;AAC7B,eAAS,OAAO,QAAQ,OAAO;AAAA,IAChC;AAAA,EACF;AACH;;"}
+8
View File
@@ -0,0 +1,8 @@
import { Camera, Scene, WebGLRenderer } from 'three'
export class ParallaxBarrierEffect {
constructor(renderer: WebGLRenderer)
render(scene: Scene, camera: Camera): void
setSize(width: number, height: number): void
}
+67
View File
@@ -0,0 +1,67 @@
import { OrthographicCamera, Scene, StereoCamera, WebGLRenderTarget, ShaderMaterial, Mesh, PlaneGeometry, LinearFilter, NearestFilter, RGBAFormat } from "three";
import { version } from "../_polyfill/constants.js";
class ParallaxBarrierEffect {
constructor(renderer) {
const _camera = new OrthographicCamera(-1, 1, 1, -1, 0, 1);
const _scene = new Scene();
const _stereo = new StereoCamera();
const _params = { minFilter: LinearFilter, magFilter: NearestFilter, format: RGBAFormat };
const _renderTargetL = new WebGLRenderTarget(512, 512, _params);
const _renderTargetR = new WebGLRenderTarget(512, 512, _params);
const _material = new ShaderMaterial({
uniforms: {
mapLeft: { value: _renderTargetL.texture },
mapRight: { value: _renderTargetR.texture }
},
vertexShader: [
"varying vec2 vUv;",
"void main() {",
" vUv = vec2( uv.x, uv.y );",
" gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );",
"}"
].join("\n"),
fragmentShader: [
"uniform sampler2D mapLeft;",
"uniform sampler2D mapRight;",
"varying vec2 vUv;",
"void main() {",
" vec2 uv = vUv;",
" if ( ( mod( gl_FragCoord.y, 2.0 ) ) > 1.00 ) {",
" gl_FragColor = texture2D( mapLeft, uv );",
" } else {",
" gl_FragColor = texture2D( mapRight, uv );",
" }",
" #include <tonemapping_fragment>",
` #include <${version >= 154 ? "colorspace_fragment" : "encodings_fragment"}>`,
"}"
].join("\n")
});
const mesh = new Mesh(new PlaneGeometry(2, 2), _material);
_scene.add(mesh);
this.setSize = function(width, height) {
renderer.setSize(width, height);
const pixelRatio = renderer.getPixelRatio();
_renderTargetL.setSize(width * pixelRatio, height * pixelRatio);
_renderTargetR.setSize(width * pixelRatio, height * pixelRatio);
};
this.render = function(scene, camera) {
if (scene.matrixWorldAutoUpdate === true)
scene.updateMatrixWorld();
if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
camera.updateMatrixWorld();
_stereo.update(camera);
renderer.setRenderTarget(_renderTargetL);
renderer.clear();
renderer.render(scene, _stereo.cameraL);
renderer.setRenderTarget(_renderTargetR);
renderer.clear();
renderer.render(scene, _stereo.cameraR);
renderer.setRenderTarget(null);
renderer.render(_scene, _camera);
};
}
}
export {
ParallaxBarrierEffect
};
//# sourceMappingURL=ParallaxBarrierEffect.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"file":"ParallaxBarrierEffect.js","sources":["../../src/effects/ParallaxBarrierEffect.js"],"sourcesContent":["import {\n LinearFilter,\n Mesh,\n NearestFilter,\n OrthographicCamera,\n PlaneGeometry,\n RGBAFormat,\n Scene,\n ShaderMaterial,\n StereoCamera,\n WebGLRenderTarget,\n} from 'three'\nimport { version } from '../_polyfill/constants'\n\nclass ParallaxBarrierEffect {\n constructor(renderer) {\n const _camera = new OrthographicCamera(-1, 1, 1, -1, 0, 1)\n\n const _scene = new Scene()\n\n const _stereo = new StereoCamera()\n\n const _params = { minFilter: LinearFilter, magFilter: NearestFilter, format: RGBAFormat }\n\n const _renderTargetL = new WebGLRenderTarget(512, 512, _params)\n const _renderTargetR = new WebGLRenderTarget(512, 512, _params)\n\n const _material = new ShaderMaterial({\n uniforms: {\n mapLeft: { value: _renderTargetL.texture },\n mapRight: { value: _renderTargetR.texture },\n },\n\n vertexShader: [\n 'varying vec2 vUv;',\n\n 'void main() {',\n\n '\tvUv = vec2( uv.x, uv.y );',\n '\tgl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );',\n\n '}',\n ].join('\\n'),\n\n fragmentShader: [\n 'uniform sampler2D mapLeft;',\n 'uniform sampler2D mapRight;',\n 'varying vec2 vUv;',\n\n 'void main() {',\n\n '\tvec2 uv = vUv;',\n\n '\tif ( ( mod( gl_FragCoord.y, 2.0 ) ) > 1.00 ) {',\n\n '\t\tgl_FragColor = texture2D( mapLeft, uv );',\n\n '\t} else {',\n\n '\t\tgl_FragColor = texture2D( mapRight, uv );',\n\n '\t}',\n\n '\t#include <tonemapping_fragment>',\n `\t#include <${version >= 154 ? 'colorspace_fragment' : 'encodings_fragment'}>`,\n\n '}',\n ].join('\\n'),\n })\n\n const mesh = new Mesh(new PlaneGeometry(2, 2), _material)\n _scene.add(mesh)\n\n this.setSize = function (width, height) {\n renderer.setSize(width, height)\n\n const pixelRatio = renderer.getPixelRatio()\n\n _renderTargetL.setSize(width * pixelRatio, height * pixelRatio)\n _renderTargetR.setSize(width * pixelRatio, height * pixelRatio)\n }\n\n this.render = function (scene, camera) {\n if (scene.matrixWorldAutoUpdate === true) scene.updateMatrixWorld()\n\n if (camera.parent === null && camera.matrixWorldAutoUpdate === true) camera.updateMatrixWorld()\n\n _stereo.update(camera)\n\n renderer.setRenderTarget(_renderTargetL)\n renderer.clear()\n renderer.render(scene, _stereo.cameraL)\n\n renderer.setRenderTarget(_renderTargetR)\n renderer.clear()\n renderer.render(scene, _stereo.cameraR)\n\n renderer.setRenderTarget(null)\n renderer.render(_scene, _camera)\n }\n }\n}\n\nexport { ParallaxBarrierEffect }\n"],"names":[],"mappings":";;AAcA,MAAM,sBAAsB;AAAA,EAC1B,YAAY,UAAU;AACpB,UAAM,UAAU,IAAI,mBAAmB,IAAI,GAAG,GAAG,IAAI,GAAG,CAAC;AAEzD,UAAM,SAAS,IAAI,MAAO;AAE1B,UAAM,UAAU,IAAI,aAAc;AAElC,UAAM,UAAU,EAAE,WAAW,cAAc,WAAW,eAAe,QAAQ,WAAY;AAEzF,UAAM,iBAAiB,IAAI,kBAAkB,KAAK,KAAK,OAAO;AAC9D,UAAM,iBAAiB,IAAI,kBAAkB,KAAK,KAAK,OAAO;AAE9D,UAAM,YAAY,IAAI,eAAe;AAAA,MACnC,UAAU;AAAA,QACR,SAAS,EAAE,OAAO,eAAe,QAAS;AAAA,QAC1C,UAAU,EAAE,OAAO,eAAe,QAAS;AAAA,MAC5C;AAAA,MAED,cAAc;AAAA,QACZ;AAAA,QAEA;AAAA,QAEA;AAAA,QACA;AAAA,QAEA;AAAA,MACR,EAAQ,KAAK,IAAI;AAAA,MAEX,gBAAgB;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QAEA;AAAA,QAEA;AAAA,QAEA;AAAA,QAEA;AAAA,QAEA;AAAA,QAEA;AAAA,QAEA;AAAA,QAEA;AAAA,QACA,cAAc,WAAW,MAAM,wBAAwB;AAAA,QAEvD;AAAA,MACR,EAAQ,KAAK,IAAI;AAAA,IACjB,CAAK;AAED,UAAM,OAAO,IAAI,KAAK,IAAI,cAAc,GAAG,CAAC,GAAG,SAAS;AACxD,WAAO,IAAI,IAAI;AAEf,SAAK,UAAU,SAAU,OAAO,QAAQ;AACtC,eAAS,QAAQ,OAAO,MAAM;AAE9B,YAAM,aAAa,SAAS,cAAe;AAE3C,qBAAe,QAAQ,QAAQ,YAAY,SAAS,UAAU;AAC9D,qBAAe,QAAQ,QAAQ,YAAY,SAAS,UAAU;AAAA,IAC/D;AAED,SAAK,SAAS,SAAU,OAAO,QAAQ;AACrC,UAAI,MAAM,0BAA0B;AAAM,cAAM,kBAAmB;AAEnE,UAAI,OAAO,WAAW,QAAQ,OAAO,0BAA0B;AAAM,eAAO,kBAAmB;AAE/F,cAAQ,OAAO,MAAM;AAErB,eAAS,gBAAgB,cAAc;AACvC,eAAS,MAAO;AAChB,eAAS,OAAO,OAAO,QAAQ,OAAO;AAEtC,eAAS,gBAAgB,cAAc;AACvC,eAAS,MAAO;AAChB,eAAS,OAAO,OAAO,QAAQ,OAAO;AAEtC,eAAS,gBAAgB,IAAI;AAC7B,eAAS,OAAO,QAAQ,OAAO;AAAA,IAChC;AAAA,EACF;AACH;"}
+89
View File
@@ -0,0 +1,89 @@
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const THREE = require("three");
class PeppersGhostEffect {
constructor(renderer) {
const scope = this;
scope.cameraDistance = 15;
scope.reflectFromAbove = false;
let _halfWidth, _width, _height;
const _cameraF = new THREE.PerspectiveCamera();
const _cameraB = new THREE.PerspectiveCamera();
const _cameraL = new THREE.PerspectiveCamera();
const _cameraR = new THREE.PerspectiveCamera();
const _position = new THREE.Vector3();
const _quaternion = new THREE.Quaternion();
const _scale = new THREE.Vector3();
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) {
if (scene.matrixWorldAutoUpdate === true)
scene.updateMatrixWorld();
if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
camera.updateMatrixWorld();
camera.matrixWorld.decompose(_position, _quaternion, _scale);
_cameraF.position.copy(_position);
_cameraF.quaternion.copy(_quaternion);
_cameraF.translateZ(scope.cameraDistance);
_cameraF.lookAt(scene.position);
_cameraB.position.copy(_position);
_cameraB.quaternion.copy(_quaternion);
_cameraB.translateZ(-scope.cameraDistance);
_cameraB.lookAt(scene.position);
_cameraB.rotation.z += 180 * (Math.PI / 180);
_cameraL.position.copy(_position);
_cameraL.quaternion.copy(_quaternion);
_cameraL.translateX(-scope.cameraDistance);
_cameraL.lookAt(scene.position);
_cameraL.rotation.x += 90 * (Math.PI / 180);
_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;
//# sourceMappingURL=PeppersGhostEffect.cjs.map
File diff suppressed because one or more lines are too long
+10
View File
@@ -0,0 +1,10 @@
import { Camera, Scene, WebGLRenderer } from 'three'
export class PeppersGhostEffect {
constructor(renderer: WebGLRenderer)
cameraDistance: number
reflectFromAbove: boolean
render(scene: Scene, camera: Camera): void
setSize(width: number, height: number): void
}
+89
View File
@@ -0,0 +1,89 @@
import { PerspectiveCamera, Vector3, Quaternion } from "three";
class PeppersGhostEffect {
constructor(renderer) {
const scope = this;
scope.cameraDistance = 15;
scope.reflectFromAbove = false;
let _halfWidth, _width, _height;
const _cameraF = new PerspectiveCamera();
const _cameraB = new PerspectiveCamera();
const _cameraL = new PerspectiveCamera();
const _cameraR = new PerspectiveCamera();
const _position = new Vector3();
const _quaternion = new Quaternion();
const _scale = new Vector3();
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) {
if (scene.matrixWorldAutoUpdate === true)
scene.updateMatrixWorld();
if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
camera.updateMatrixWorld();
camera.matrixWorld.decompose(_position, _quaternion, _scale);
_cameraF.position.copy(_position);
_cameraF.quaternion.copy(_quaternion);
_cameraF.translateZ(scope.cameraDistance);
_cameraF.lookAt(scene.position);
_cameraB.position.copy(_position);
_cameraB.quaternion.copy(_quaternion);
_cameraB.translateZ(-scope.cameraDistance);
_cameraB.lookAt(scene.position);
_cameraB.rotation.z += 180 * (Math.PI / 180);
_cameraL.position.copy(_position);
_cameraL.quaternion.copy(_quaternion);
_cameraL.translateX(-scope.cameraDistance);
_cameraL.lookAt(scene.position);
_cameraL.rotation.x += 90 * (Math.PI / 180);
_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);
};
}
}
export {
PeppersGhostEffect
};
//# sourceMappingURL=PeppersGhostEffect.js.map
File diff suppressed because one or more lines are too long
+36
View File
@@ -0,0 +1,36 @@
"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const THREE = require("three");
class StereoEffect {
constructor(renderer) {
const _stereo = new THREE.StereoCamera();
_stereo.aspect = 0.5;
const size = new THREE.Vector2();
this.setEyeSeparation = function(eyeSep) {
_stereo.eyeSep = eyeSep;
};
this.setSize = function(width, height) {
renderer.setSize(width, height);
};
this.render = function(scene, camera) {
if (scene.matrixWorldAutoUpdate === true)
scene.updateMatrixWorld();
if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
camera.updateMatrixWorld();
_stereo.update(camera);
renderer.getSize(size);
if (renderer.autoClear)
renderer.clear();
renderer.setScissorTest(true);
renderer.setScissor(0, 0, size.width / 2, size.height);
renderer.setViewport(0, 0, size.width / 2, size.height);
renderer.render(scene, _stereo.cameraL);
renderer.setScissor(size.width / 2, 0, size.width / 2, size.height);
renderer.setViewport(size.width / 2, 0, size.width / 2, size.height);
renderer.render(scene, _stereo.cameraR);
renderer.setScissorTest(false);
};
}
}
exports.StereoEffect = StereoEffect;
//# sourceMappingURL=StereoEffect.cjs.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"file":"StereoEffect.cjs","sources":["../../src/effects/StereoEffect.js"],"sourcesContent":["import { StereoCamera, Vector2 } from 'three'\n\nclass StereoEffect {\n constructor(renderer) {\n const _stereo = new StereoCamera()\n _stereo.aspect = 0.5\n const size = new Vector2()\n\n this.setEyeSeparation = function (eyeSep) {\n _stereo.eyeSep = eyeSep\n }\n\n this.setSize = function (width, height) {\n renderer.setSize(width, height)\n }\n\n this.render = function (scene, camera) {\n if (scene.matrixWorldAutoUpdate === true) scene.updateMatrixWorld()\n\n if (camera.parent === null && camera.matrixWorldAutoUpdate === true) camera.updateMatrixWorld()\n\n _stereo.update(camera)\n\n renderer.getSize(size)\n\n if (renderer.autoClear) renderer.clear()\n renderer.setScissorTest(true)\n\n renderer.setScissor(0, 0, size.width / 2, size.height)\n renderer.setViewport(0, 0, size.width / 2, size.height)\n renderer.render(scene, _stereo.cameraL)\n\n renderer.setScissor(size.width / 2, 0, size.width / 2, size.height)\n renderer.setViewport(size.width / 2, 0, size.width / 2, size.height)\n renderer.render(scene, _stereo.cameraR)\n\n renderer.setScissorTest(false)\n }\n }\n}\n\nexport { StereoEffect }\n"],"names":["StereoCamera","Vector2"],"mappings":";;;AAEA,MAAM,aAAa;AAAA,EACjB,YAAY,UAAU;AACpB,UAAM,UAAU,IAAIA,mBAAc;AAClC,YAAQ,SAAS;AACjB,UAAM,OAAO,IAAIC,cAAS;AAE1B,SAAK,mBAAmB,SAAU,QAAQ;AACxC,cAAQ,SAAS;AAAA,IAClB;AAED,SAAK,UAAU,SAAU,OAAO,QAAQ;AACtC,eAAS,QAAQ,OAAO,MAAM;AAAA,IAC/B;AAED,SAAK,SAAS,SAAU,OAAO,QAAQ;AACrC,UAAI,MAAM,0BAA0B;AAAM,cAAM,kBAAmB;AAEnE,UAAI,OAAO,WAAW,QAAQ,OAAO,0BAA0B;AAAM,eAAO,kBAAmB;AAE/F,cAAQ,OAAO,MAAM;AAErB,eAAS,QAAQ,IAAI;AAErB,UAAI,SAAS;AAAW,iBAAS,MAAO;AACxC,eAAS,eAAe,IAAI;AAE5B,eAAS,WAAW,GAAG,GAAG,KAAK,QAAQ,GAAG,KAAK,MAAM;AACrD,eAAS,YAAY,GAAG,GAAG,KAAK,QAAQ,GAAG,KAAK,MAAM;AACtD,eAAS,OAAO,OAAO,QAAQ,OAAO;AAEtC,eAAS,WAAW,KAAK,QAAQ,GAAG,GAAG,KAAK,QAAQ,GAAG,KAAK,MAAM;AAClE,eAAS,YAAY,KAAK,QAAQ,GAAG,GAAG,KAAK,QAAQ,GAAG,KAAK,MAAM;AACnE,eAAS,OAAO,OAAO,QAAQ,OAAO;AAEtC,eAAS,eAAe,KAAK;AAAA,IAC9B;AAAA,EACF;AACH;;"}
+9
View File
@@ -0,0 +1,9 @@
import { Camera, Scene, WebGLRenderer } from 'three'
export class StereoEffect {
constructor(renderer: WebGLRenderer)
setEyeSeparation(eyeSep: number): void
render(scene: Scene, camera: Camera): void
setSize(width: number, height: number): void
}
+36
View File
@@ -0,0 +1,36 @@
import { StereoCamera, Vector2 } from "three";
class StereoEffect {
constructor(renderer) {
const _stereo = new StereoCamera();
_stereo.aspect = 0.5;
const size = new Vector2();
this.setEyeSeparation = function(eyeSep) {
_stereo.eyeSep = eyeSep;
};
this.setSize = function(width, height) {
renderer.setSize(width, height);
};
this.render = function(scene, camera) {
if (scene.matrixWorldAutoUpdate === true)
scene.updateMatrixWorld();
if (camera.parent === null && camera.matrixWorldAutoUpdate === true)
camera.updateMatrixWorld();
_stereo.update(camera);
renderer.getSize(size);
if (renderer.autoClear)
renderer.clear();
renderer.setScissorTest(true);
renderer.setScissor(0, 0, size.width / 2, size.height);
renderer.setViewport(0, 0, size.width / 2, size.height);
renderer.render(scene, _stereo.cameraL);
renderer.setScissor(size.width / 2, 0, size.width / 2, size.height);
renderer.setViewport(size.width / 2, 0, size.width / 2, size.height);
renderer.render(scene, _stereo.cameraR);
renderer.setScissorTest(false);
};
}
}
export {
StereoEffect
};
//# sourceMappingURL=StereoEffect.js.map
+1
View File
@@ -0,0 +1 @@
{"version":3,"file":"StereoEffect.js","sources":["../../src/effects/StereoEffect.js"],"sourcesContent":["import { StereoCamera, Vector2 } from 'three'\n\nclass StereoEffect {\n constructor(renderer) {\n const _stereo = new StereoCamera()\n _stereo.aspect = 0.5\n const size = new Vector2()\n\n this.setEyeSeparation = function (eyeSep) {\n _stereo.eyeSep = eyeSep\n }\n\n this.setSize = function (width, height) {\n renderer.setSize(width, height)\n }\n\n this.render = function (scene, camera) {\n if (scene.matrixWorldAutoUpdate === true) scene.updateMatrixWorld()\n\n if (camera.parent === null && camera.matrixWorldAutoUpdate === true) camera.updateMatrixWorld()\n\n _stereo.update(camera)\n\n renderer.getSize(size)\n\n if (renderer.autoClear) renderer.clear()\n renderer.setScissorTest(true)\n\n renderer.setScissor(0, 0, size.width / 2, size.height)\n renderer.setViewport(0, 0, size.width / 2, size.height)\n renderer.render(scene, _stereo.cameraL)\n\n renderer.setScissor(size.width / 2, 0, size.width / 2, size.height)\n renderer.setViewport(size.width / 2, 0, size.width / 2, size.height)\n renderer.render(scene, _stereo.cameraR)\n\n renderer.setScissorTest(false)\n }\n }\n}\n\nexport { StereoEffect }\n"],"names":[],"mappings":";AAEA,MAAM,aAAa;AAAA,EACjB,YAAY,UAAU;AACpB,UAAM,UAAU,IAAI,aAAc;AAClC,YAAQ,SAAS;AACjB,UAAM,OAAO,IAAI,QAAS;AAE1B,SAAK,mBAAmB,SAAU,QAAQ;AACxC,cAAQ,SAAS;AAAA,IAClB;AAED,SAAK,UAAU,SAAU,OAAO,QAAQ;AACtC,eAAS,QAAQ,OAAO,MAAM;AAAA,IAC/B;AAED,SAAK,SAAS,SAAU,OAAO,QAAQ;AACrC,UAAI,MAAM,0BAA0B;AAAM,cAAM,kBAAmB;AAEnE,UAAI,OAAO,WAAW,QAAQ,OAAO,0BAA0B;AAAM,eAAO,kBAAmB;AAE/F,cAAQ,OAAO,MAAM;AAErB,eAAS,QAAQ,IAAI;AAErB,UAAI,SAAS;AAAW,iBAAS,MAAO;AACxC,eAAS,eAAe,IAAI;AAE5B,eAAS,WAAW,GAAG,GAAG,KAAK,QAAQ,GAAG,KAAK,MAAM;AACrD,eAAS,YAAY,GAAG,GAAG,KAAK,QAAQ,GAAG,KAAK,MAAM;AACtD,eAAS,OAAO,OAAO,QAAQ,OAAO;AAEtC,eAAS,WAAW,KAAK,QAAQ,GAAG,GAAG,KAAK,QAAQ,GAAG,KAAK,MAAM;AAClE,eAAS,YAAY,KAAK,QAAQ,GAAG,GAAG,KAAK,QAAQ,GAAG,KAAK,MAAM;AACnE,eAAS,OAAO,OAAO,QAAQ,OAAO;AAEtC,eAAS,eAAe,KAAK;AAAA,IAC9B;AAAA,EACF;AACH;"}