@poggi/three-effects 0.0.1-alpha.0 → 0.0.1-alpha.2

package/index.js

@@ -1,19 +1 @@
-import { BasePass } from "./BasePass.js";
-import { addObjectsToOutline, createOutlinePass, removeFromOutline } from "./OutlinePass.js";
-import { createBloomPass } from "./BloomPass.js";
-import { SMAAPass } from "three/examples/jsm/postprocessing/SMAAPass.js";
-import { FXAAPass } from "three/examples/jsm/postprocessing/FXAAPass.js";
-import { SSAARenderPass } from "three/examples/jsm/postprocessing/SSAARenderPass.js";
-export * from "three/examples/jsm/postprocessing/SSRPass.js";
-import { OutlinePass } from "three/examples/jsm/postprocessing/OutlinePass.js";
-export {
-  BasePass,
-  FXAAPass,
-  OutlinePass,
-  SMAAPass,
-  SSAARenderPass,
-  addObjectsToOutline,
-  createBloomPass,
-  createOutlinePass,
-  removeFromOutline
-};
+var s=Object.defineProperty,e=(e,t,o)=>(((e,t,o)=>{t in e?s(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o})(e,"symbol"!=typeof t?t+"":t,o),o);import{Vector2 as t,WebGLRenderTarget as o,SRGBColorSpace as r,UnsignedByteType as a,RGBAFormat as n}from"three";import{EffectComposer as i}from"three/examples/jsm/postprocessing/EffectComposer.js";import{RenderPass as m}from"three/examples/jsm/postprocessing/RenderPass.js";import{OutputPass as l}from"three/examples/jsm/postprocessing/OutputPass.js";import{Vector2 as p,MeshBasicMaterial as c,Layers as u,ShaderMaterial as h,Mesh as f}from"@poggi/three-core";import{OutlinePass as v}from"three/examples/jsm/postprocessing/OutlinePass.js";import{OutlinePass as P}from"three/examples/jsm/postprocessing/OutlinePass.js";import{Console as d}from"@poggi/utils";import{UnrealBloomPass as g}from"three/examples/jsm/postprocessing/UnrealBloomPass.js";import{ShaderPass as x}from"three/examples/jsm/postprocessing/ShaderPass.js";import{SMAAPass as j}from"three/examples/jsm/postprocessing/SMAAPass.js";import{FXAAPass as A}from"three/examples/jsm/postprocessing/FXAAPass.js";import{SSAARenderPass as S}from"three/examples/jsm/postprocessing/SSAARenderPass.js";export*from"three/examples/jsm/postprocessing/SSRPass.js";class w{constructor(s,l,p){e(this,"container"),e(this,"composer"),e(this,"renderPass"),e(this,"renderBeforeFunc"),e(this,"renderAfterFunc"),this.container=s;const c=s.renderer.getDrawingBufferSize(new t);if(p){const e=new o(c.width,c.height,{samples:4,format:n,type:a,colorSpace:r});this.composer=new i(s.renderer,e),this.composer.setSize(this.container.sizes.width,this.container.sizes.height)}else this.composer=new i(this.container.renderer),this.composer.setSize(this.container.sizes.width,this.container.sizes.height);const u=new m(l,this.container.camera);this.composer.addPass(u),this.renderPass=u}colorCorrection(){const s=new l;this.composer.addPass(s)}render(s){this.renderBeforeFunc&&this.renderBeforeFunc(),this.composer.render(s),this.renderAfterFunc&&this.renderAfterFunc()}}const b=function(s,e,t={}){if(!s.camera)return void d.error("[@poggi/three-effects]: OutlinePass: 还未挂载摄像机");let o,r;return o=new p(s.sizes.width,s.sizes.height),r=new v(o,e,s.camera),r.edgeStrength=t.edgeStrength||10,t.edgeGlow&&(r.edgeGlow=t.edgeGlow),r.edgeThickness=t.edgeThickness||4,t.pulsePeriod&&(r.pulsePeriod=t.pulsePeriod),r.visibleEdgeColor.setHex(t.visibleEdgeColor||65280),r.hiddenEdgeColor.setHex(t.hiddenEdgeColor||16701184),r},O=function(s,e){const t=s.selectedObjects.findIndex(s=>s.uuid===e.uuid);-1!==t&&s.selectedObjects.splice(t),s.selectedObjects.push(e)},R=function(s,e){Array.isArray(e)?e.forEach(e=>{O(s,e)}):O(s,e)},T=function(s,e){const t=s.selectedObjects.findIndex(s=>s.uuid===e.uuid);-1!==t&&s.selectedObjects.splice(t,1)},y=new c({color:"black"}),B=function(s,e,t,o){const r=new u;r.set((null==o?void 0:o.layer)||1);const a=new g(new p(s.sizes.width,s.sizes.height),(null==o?void 0:o.strength)||1,(null==o?void 0:o.radius)||.4,(null==o?void 0:o.threshold)||0),n=new i(s.renderer);n.renderToScreen=!1,n.addPass(t.renderPass),n.addPass(a);const m=new x(new h({uniforms:{baseTexture:{value:null},bloomTexture:{value:n.renderTarget2.texture}},vertexShader:"\n        varying vec2 vUv;\n        void main() {\n          vUv = uv;\n          gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\n        }\n      ",fragmentShader:"\n        uniform sampler2D baseTexture;\n        uniform sampler2D bloomTexture;\n        varying vec2 vUv;\n        void main() {\n          gl_FragColor = ( texture2D( baseTexture, vUv ) + vec4( 1.0 ) * texture2D( bloomTexture, vUv ) );\n        }\n      ",defines:{}}),"baseTexture");m.needsSwap=!0,t.composer.addPass(m);const l={};return{bloomRender:function(){e.traverse(s=>{s instanceof f&&!1===r.test(s.layers)&&(l[s.uuid]=s.material,s.material=y)}),n.render(),e.traverse(s=>{s instanceof f&&l[s.uuid]&&(s.material=l[s.uuid],delete l[s.uuid])})},mixPass:m}};export{w as BasePass,A as FXAAPass,P as OutlinePass,j as SMAAPass,S as SSAARenderPass,R as addObjectsToOutline,B as createBloomPass,b as createOutlinePass,T as removeFromOutline};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@poggi/three-effects",
-  "version": "0.0.1-alpha.0",
+  "version": "0.0.1-alpha.2",
   "type": "module",
   "main": "./index.js",
   "description": "三维后期特效",
@@ -12,7 +12,7 @@
     "three": "^0.185.1"
   },
   "peerDependencies": {
-    "@poggi/three-core": "0.0.1-alpha.0"
+    "@poggi/three-core": "0.0.1-alpha.3"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

package/BasePass.js

@@ -1,54 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { Vector2, WebGLRenderTarget, SRGBColorSpace, UnsignedByteType, RGBAFormat } from "three";
-import { EffectComposer } from "three/examples/jsm/postprocessing/EffectComposer.js";
-import { RenderPass } from "three/examples/jsm/postprocessing/RenderPass.js";
-import { OutputPass } from "three/examples/jsm/postprocessing/OutputPass.js";
-class BasePass {
-  //渲染后逻辑
-  constructor(container, garden, msaa) {
-    __publicField(this, "container");
-    __publicField(this, "composer");
-    __publicField(this, "renderPass");
-    __publicField(this, "renderBeforeFunc");
-    //渲染前逻辑
-    __publicField(this, "renderAfterFunc");
-    this.container = container;
-    const size = container.renderer.getDrawingBufferSize(new Vector2());
-    if (msaa) {
-      const renderTarget = new WebGLRenderTarget(size.width, size.height, {
-        samples: 4,
-        format: RGBAFormat,
-        type: UnsignedByteType,
-        colorSpace: SRGBColorSpace
-      });
-      this.composer = new EffectComposer(container.renderer, renderTarget);
-      this.composer.setSize(this.container.sizes.width, this.container.sizes.height);
-    } else {
-      this.composer = new EffectComposer(this.container.renderer);
-      this.composer.setSize(this.container.sizes.width, this.container.sizes.height);
-    }
-    const renderPass = new RenderPass(garden, this.container.camera);
-    this.composer.addPass(renderPass);
-    this.renderPass = renderPass;
-  }
-  // 色彩修正
-  colorCorrection() {
-    const outputpass = new OutputPass();
-    this.composer.addPass(outputpass);
-  }
-  render(delta) {
-    if (this.renderBeforeFunc)
-      this.renderBeforeFunc();
-    this.composer.render(delta);
-    if (this.renderAfterFunc)
-      this.renderAfterFunc();
-  }
-}
-export {
-  BasePass
-};

package/BloomPass.js

@@ -1,69 +0,0 @@
-import { MeshBasicMaterial, Layers, Vector2, ShaderMaterial, Mesh } from "@poggi/three-core";
-import { EffectComposer } from "three/examples/jsm/postprocessing/EffectComposer.js";
-import { UnrealBloomPass } from "three/examples/jsm/postprocessing/UnrealBloomPass.js";
-import { ShaderPass } from "three/examples/jsm/postprocessing/ShaderPass.js";
-const darkMaterial = new MeshBasicMaterial({ color: "black" });
-const createBloomPass = function(container, garden, basePass, parameter) {
-  const bloomLayer = new Layers();
-  bloomLayer.set((parameter == null ? void 0 : parameter.layer) || 1);
-  const bloomPass = new UnrealBloomPass(
-    new Vector2(container.sizes.width, container.sizes.height),
-    (parameter == null ? void 0 : parameter.strength) || 1,
-    (parameter == null ? void 0 : parameter.radius) || 0.4,
-    (parameter == null ? void 0 : parameter.threshold) || 0
-  );
-  const bloomComposer = new EffectComposer(container.renderer);
-  bloomComposer.renderToScreen = false;
-  bloomComposer.addPass(basePass.renderPass);
-  bloomComposer.addPass(bloomPass);
-  const mixPass = new ShaderPass(
-    new ShaderMaterial({
-      uniforms: {
-        baseTexture: { value: null },
-        bloomTexture: { value: bloomComposer.renderTarget2.texture }
-      },
-      vertexShader: `
-        varying vec2 vUv;
-        void main() {
-          vUv = uv;
-          gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );
-        }
-      `,
-      fragmentShader: `
-        uniform sampler2D baseTexture;
-        uniform sampler2D bloomTexture;
-        varying vec2 vUv;
-        void main() {
-          gl_FragColor = ( texture2D( baseTexture, vUv ) + vec4( 1.0 ) * texture2D( bloomTexture, vUv ) );
-        }
-      `,
-      defines: {}
-    }),
-    "baseTexture"
-  );
-  mixPass.needsSwap = true;
-  basePass.composer.addPass(mixPass);
-  const materials = {};
-  const bloomRender = function() {
-    garden.traverse((child) => {
-      if (child instanceof Mesh && bloomLayer.test(child.layers) === false) {
-        materials[child.uuid] = child.material;
-        child.material = darkMaterial;
-      }
-    });
-    bloomComposer.render();
-    garden.traverse((child) => {
-      if (child instanceof Mesh && materials[child.uuid]) {
-        child.material = materials[child.uuid];
-        delete materials[child.uuid];
-      }
-    });
-  };
-  return {
-    bloomRender,
-    mixPass
-  };
-};
-export {
-  createBloomPass
-};

package/OutlinePass.js

@@ -1,48 +0,0 @@
-import { Vector2 } from "@poggi/three-core";
-import { OutlinePass } from "three/examples/jsm/postprocessing/OutlinePass.js";
-import { OutlinePass as OutlinePass2 } from "three/examples/jsm/postprocessing/OutlinePass.js";
-import { Console } from "@poggi/utils";
-const createOutlinePass = function(container, garden, parameter = {}) {
-  if (!container.camera) {
-    Console.error("[@poggi/three-effects]: OutlinePass: 还未挂载摄像机");
-    return;
-  }
-  let resolution, outlinePass;
-  resolution = new Vector2(container.sizes.width, container.sizes.height);
-  outlinePass = new OutlinePass(resolution, garden, container.camera);
-  outlinePass.edgeStrength = parameter.edgeStrength || 10;
-  if (parameter.edgeGlow)
-    outlinePass.edgeGlow = parameter.edgeGlow;
-  outlinePass.edgeThickness = parameter.edgeThickness || 4;
-  if (parameter.pulsePeriod)
-    outlinePass.pulsePeriod = parameter.pulsePeriod;
-  outlinePass.visibleEdgeColor.setHex(parameter.visibleEdgeColor || 65280);
-  outlinePass.hiddenEdgeColor.setHex(parameter.hiddenEdgeColor || 16701184);
-  return outlinePass;
-};
-const addObjectsToOutlineSingle = function(outlinePass, obj) {
-  const idx = outlinePass.selectedObjects.findIndex((item) => item.uuid === obj.uuid);
-  if (idx !== -1) {
-    outlinePass.selectedObjects.splice(idx);
-  }
-  outlinePass.selectedObjects.push(obj);
-};
-const addObjectsToOutline = function(outlinePass, objs) {
-  if (Array.isArray(objs)) {
-    objs.forEach((item) => {
-      addObjectsToOutlineSingle(outlinePass, item);
-    });
-  } else {
-    addObjectsToOutlineSingle(outlinePass, objs);
-  }
-};
-const removeFromOutline = function(outlinePass, obj) {
-  const idx = outlinePass.selectedObjects.findIndex((item) => item.uuid === obj.uuid);
-  idx !== -1 && outlinePass.selectedObjects.splice(idx, 1);
-};
-export {
-  OutlinePass2 as OutlinePass,
-  addObjectsToOutline,
-  createOutlinePass,
-  removeFromOutline
-};