增加了 post-processing.tres 后期处理

package.json

@@ -62,6 +62,7 @@
     "@tresjs/cientos": "4.0.3",
     "@tresjs/core": "4.3.1",
     "@tresjs/leches": "^0.14.0",
+    "@tresjs/post-processing": "^1.0.0",
     "@turf/turf": "^7.1.0",
     "@tweenjs/tween.js": "^25.0.0",
     "@vicons/carbon": "^0.12.0",

src/plugins/basic/config.js

@@ -4,7 +4,7 @@
  * @Autor: 地虎降天龙
  * @Date: 2023-11-03 15:07:09
  * @LastEditors: 地虎降天龙
- * @LastEditTime: 2024-11-21 16:20:12
+ * @LastEditTime: 2024-12-12 17:55:02
  */
 export default {
     name: 'basic',
@@ -105,6 +105,13 @@ export default {
                     referenceSource: { title: 'FakeGlow', url: 'https://r3f-fake-glow-material.vercel.app/' },
                 },
                 { src: 'plugins/basic/shine/preview/bloomPass.png', type: 'img', name: 'bloomPass', title: '后期处理-效果叠加' },
+                {
+                    src: 'plugins/basic/shine/preview/tresProcessing.png',
+                    type: 'img',
+                    name: 'tresProcessing',
+                    title: 'Tres的后期处理',
+                    referenceSource: { title: 'post-processing.tresjs', url: 'https://post-processing.tresjs.org/guide/' },
+                },
                 { src: 'plugins/basic/shine/preview/MaskPass.png', type: 'img', name: 'MaskPass', title: '后期处理-掩膜通道' },
                 { src: 'plugins/basic/shine/preview/effectComposerLayers.png', type: 'img', name: 'effectComposerLayers', title: '后期处理-图层叠加' },
                 {

src/plugins/basic/pages/shine/tresProcessing.vue

@@ -0,0 +1,33 @@
+<!--
+ * @Description: 
+ * @Version: 1.668
+ * @Autor: 地虎降天龙
+ * @Date: 2024-12-12 17:54:36
+ * @LastEditors: 地虎降天龙
+ * @LastEditTime: 2024-12-12 18:06:46
+-->
+<template>
+    <TresCanvas window-size clearColor="#000000">
+        <TresPerspectiveCamera :position="[10, 10, 10]" />
+        <TresAmbientLight :intensity="1" />
+        <OrbitControls />
+        <Box :args="[1, 1, 1]" color="orange" :position="[3, 2, 1]" />
+        <TresMesh :position="[0, 2, -4]">
+            <TresBoxGeometry :args="[1, 1, 1]" />
+            <TresMeshNormalMaterial />
+        </TresMesh>
+        <TresGridHelper :args="[10, 10]" />
+
+        <EffectComposer>
+            <UnrealBloom :radius="0.8" :strength="2.5" :threshold="0.8" />
+						<Glitch />
+            <SMAA :width="1920" :height="1080" />
+            <Output />
+        </EffectComposer>
+    </TresCanvas>
+</template>
+
+<script setup lang="ts">
+import { OrbitControls, Box } from '@tresjs/cientos'
+import { EffectComposer, UnrealBloom, Output, SMAA, Glitch } from '@tresjs/post-processing/three'
+</script>