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

package/BasePass.d.ts

@@ -1,7 +1,6 @@
-import { Scene } from 'three';
+import { Scene, Container } from '@poggi/three-core';
 import { EffectComposer } from 'three/examples/jsm/postprocessing/EffectComposer.js';
 import { RenderPass } from 'three/examples/jsm/postprocessing/RenderPass.js';
-import { Container } from '@poggi/three-core';
 export declare class BasePass {
     private container;
     composer: EffectComposer;

package/index.js

@@ -1 +1 @@
-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};
+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 n,RGBAFormat as a,MeshBasicMaterial as i,Layers as m,ShaderMaterial as l,Mesh as p}from"@poggi/three-core";import{EffectComposer as c}from"three/examples/jsm/postprocessing/EffectComposer.js";import{RenderPass as u}from"three/examples/jsm/postprocessing/RenderPass.js";import{OutputPass as h}from"three/examples/jsm/postprocessing/OutputPass.js";import{OutlinePass as f}from"three/examples/jsm/postprocessing/OutlinePass.js";import{OutlinePass as v}from"three/examples/jsm/postprocessing/OutlinePass.js";import{Console as P}from"@poggi/utils";import{UnrealBloomPass as d}from"three/examples/jsm/postprocessing/UnrealBloomPass.js";import{ShaderPass as g}from"three/examples/jsm/postprocessing/ShaderPass.js";import{SMAAPass as x}from"three/examples/jsm/postprocessing/SMAAPass.js";import{FXAAPass as j}from"three/examples/jsm/postprocessing/FXAAPass.js";import{SSAARenderPass as A}from"three/examples/jsm/postprocessing/SSAARenderPass.js";export*from"three/examples/jsm/postprocessing/SSRPass.js";class S{constructor(s,i,m){e(this,"container"),e(this,"composer"),e(this,"renderPass"),e(this,"renderBeforeFunc"),e(this,"renderAfterFunc"),this.container=s;const l=s.renderer.getDrawingBufferSize(new t);if(m){const e=new o(l.width,l.height,{samples:4,format:a,type:n,colorSpace:r});this.composer=new c(s.renderer,e),this.composer.setSize(this.container.sizes.width,this.container.sizes.height)}else this.composer=new c(this.container.renderer),this.composer.setSize(this.container.sizes.width,this.container.sizes.height);const p=new u(i,this.container.camera);this.composer.addPass(p),this.renderPass=p}colorCorrection(){const s=new h;this.composer.addPass(s)}render(s){this.renderBeforeFunc&&this.renderBeforeFunc(),this.composer.render(s),this.renderAfterFunc&&this.renderAfterFunc()}}const w=function(s,e,o={}){if(!s.camera)return void P.error("[@poggi/three-effects]: OutlinePass: 还未挂载摄像机");let r,n;return r=new t(s.sizes.width,s.sizes.height),n=new f(r,e,s.camera),n.edgeStrength=o.edgeStrength||10,o.edgeGlow&&(n.edgeGlow=o.edgeGlow),n.edgeThickness=o.edgeThickness||4,o.pulsePeriod&&(n.pulsePeriod=o.pulsePeriod),n.visibleEdgeColor.setHex(o.visibleEdgeColor||65280),n.hiddenEdgeColor.setHex(o.hiddenEdgeColor||16701184),n},b=function(s,e){const t=s.selectedObjects.findIndex(s=>s.uuid===e.uuid);-1!==t&&s.selectedObjects.splice(t),s.selectedObjects.push(e)},O=function(s,e){Array.isArray(e)?e.forEach(e=>{b(s,e)}):b(s,e)},R=function(s,e){const t=s.selectedObjects.findIndex(s=>s.uuid===e.uuid);-1!==t&&s.selectedObjects.splice(t,1)},T=new i({color:"black"}),y=function(s,e,o,r){const n=new m;n.set((null==r?void 0:r.layer)||1);const a=new d(new t(s.sizes.width,s.sizes.height),(null==r?void 0:r.strength)||1,(null==r?void 0:r.radius)||.4,(null==r?void 0:r.threshold)||0),i=new c(s.renderer);i.renderToScreen=!1,i.addPass(o.renderPass),i.addPass(a);const u=new g(new l({uniforms:{baseTexture:{value:null},bloomTexture:{value:i.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");u.needsSwap=!0,o.composer.addPass(u);const h={};return{bloomRender:function(){e.traverse(s=>{s instanceof p&&!1===n.test(s.layers)&&(h[s.uuid]=s.material,s.material=T)}),i.render(),e.traverse(s=>{s instanceof p&&h[s.uuid]&&(s.material=h[s.uuid],delete h[s.uuid])})},mixPass:u}};export{S as BasePass,j as FXAAPass,v as OutlinePass,x as SMAAPass,A as SSAARenderPass,O as addObjectsToOutline,y as createBloomPass,w as createOutlinePass,R as removeFromOutline};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@poggi/three-effects",
-  "version": "0.0.1-alpha.2",
+  "version": "0.0.1-alpha.4",
   "type": "module",
   "main": "./index.js",
   "description": "三维后期特效",
@@ -9,10 +9,11 @@
   "typings": "./index.d.ts",
   "sideEffects": false,
   "dependencies": {
-    "three": "^0.185.1"
+    "three": "^0.185.1",
+    "@poggi/utils": "0.0.2"
   },
   "peerDependencies": {
-    "@poggi/three-core": "0.0.1-alpha.3"
+    "@poggi/three-core": "0.0.1-alpha.4"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"