Skip to content

Commit c8df59f

Browse files
Tinooooalvarosabu
Tinoooo
and
alvarosabu
authored
feat: sub modules for pmndrs and native components (#123)
* added EffectComposer and some debugging files * wip * added composable * cleanup * added more props to native pixelation effect * restructured playground * added glitch Effect * added glitch effect * renamed folder * added check to prevent console warning * added smaa effect * added output pass * moved injectionKey * added prop to EffectComposer * added halftone effect * added unreal bloom effect * removed obsolete computed * added on demand rendering support * lint fixes * added enabled prop to effect composer component * removed obsolete code * eslint stuff * rebuilt pnpm lock file * moved files * type fixes and removed dependency * seperated builds * fixed playground * adjusted imports in docs * adjusted more imports * added pkg pr workflow * added repository url to package.json * omitted compact option from pkg-pr-new * renamed import * adjusted vite config * added HalftoneShape enum * added invalidation on pass changes for native three effects * added invalidation on prop change for pmndrs effects * added renderer invalidation to glitch effects * removed disableRender prop * tiny readme update * auto created files update * lint fix * lint fix * docs: fixed broken docs, added new structure * docs: three glitch guide * docs: pixelation three * docs: correct glitch demo component name * docs: halftone * docs: smaa * docs: unreal bloom * added some links to threejs examples * added output pass docs * eslint ignored a console output * dependency updates * Update docs/guide/three/glitch.md Co-authored-by: Tino Koch <[email protected]> * Update docs/guide/three/glitch.md Co-authored-by: Tino Koch <[email protected]> * docs: remove redundant info --------- Co-authored-by: Alvaro Saburido <[email protected]>
1 parent cd24a57 commit c8df59f

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

78 files changed

+2616
-2201
lines changed

‎.github/workflows/pkg.pr.new.yml‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
name: Publish Any Commit
2+
on:
3+
push:
4+
branches:
5+
- '**'
6+
tags:
7+
- '!**'
8+
9+
env:
10+
PNPM_CACHE_FOLDER: .pnpm-store
11+
12+
permissions: {}
13+
14+
concurrency:
15+
group: ${{ github.workflow }}-${{ github.event.number }}
16+
cancel-in-progress: true
17+
18+
jobs:
19+
build:
20+
runs-on: ubuntu-latest
21+
strategy:
22+
matrix:
23+
node-version: [20]
24+
steps:
25+
- name: Checkout code
26+
uses: actions/checkout@v4
27+
28+
- run: corepack enable
29+
- uses: actions/setup-node@v4
30+
with:
31+
node-version: ${{ matrix.node-version }}
32+
cache: "pnpm"
33+
- name: Install dependencies
34+
run: pnpm install
35+
- name: Build
36+
run: pnpm build
37+
- run: pnpm dlx pkg-pr-new publish --pnpm

‎README.md‎

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -57,10 +57,6 @@ And then to run the development server on http://localhost:5173
5757
pnpm run playground
5858
```
5959

60-
### Test
61-
62-
TODO...
63-
6460
### Docs
6561

6662
To run de docs in dev mode

‎docs/.eslintrc.json‎

Lines changed: 0 additions & 3 deletions
This file was deleted.

‎docs/.vitepress/config.ts‎

Lines changed: 22 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -47,15 +47,26 @@ export default defineConfig({
4747
items: [{ text: 'Introduction', link: '/guide/' }],
4848
},
4949
{
50-
text: 'Effects',
50+
text: 'Pmndrs',
5151
items: [
52-
{ text: 'Bloom', link: '/guide/effects/bloom' },
53-
{ text: 'Depth of Field', link: '/guide/effects/depth-of-field' },
54-
{ text: 'Glitch', link: '/guide/effects/glitch' },
55-
{ text: 'Noise', link: '/guide/effects/noise' },
56-
{ text: 'Outline', link: '/guide/effects/outline' },
57-
{ text: 'Pixelation', link: '/guide/effects/pixelation' },
58-
{ text: 'Vignette', link: '/guide/effects/vignette' },
52+
{ text: 'Bloom', link: '/guide/pmndrs/bloom' },
53+
{ text: 'Depth of Field', link: '/guide/pmndrs/depth-of-field' },
54+
{ text: 'Glitch', link: '/guide/pmndrs/glitch' },
55+
{ text: 'Noise', link: '/guide/pmndrs/noise' },
56+
{ text: 'Outline', link: '/guide/pmndrs/outline' },
57+
{ text: 'Pixelation', link: '/guide/pmndrs/pixelation' },
58+
{ text: 'Vignette', link: '/guide/pmndrs/vignette' },
59+
],
60+
},
61+
{
62+
text: 'Three',
63+
items: [
64+
{ text: 'Glitch', link: '/guide/three/glitch' },
65+
{ text: 'Halftone', link: '/guide/three/halftone' },
66+
{ text: 'Output', link: '/guide/three/output' },
67+
{ text: 'Pixelation', link: '/guide/three/pixelation' },
68+
{ text: 'SMAA', link: '/guide/three/smaa' },
69+
{ text: 'Unreal Bloom', link: '/guide/three/unreal-bloom' },
5970
],
6071
},
6172
],
@@ -78,9 +89,10 @@ export default defineConfig({
7889
},
7990
resolve: {
8091
alias: {
81-
'@tresjs/post-processing': resolve(__dirname, '../../dist/tres-postprocessing.js'),
92+
'@tresjs/post-processing/three': resolve(__dirname, '../../src/core/three'),
93+
'@tresjs/post-processing/pmndrs': resolve(__dirname, '../../src/core/pmndrs'),
8294
},
83-
dedupe: ['three'],
95+
dedupe: ['three', '@tresjs/core'],
8496
},
8597
},
8698
vue: {

docs/.vitepress/theme/components/BloomDemo.vue renamed to docs/.vitepress/theme/components/pmdrs/BloomDemo.vue

Lines changed: 2 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<script setup lang="ts">
22
import { TresCanvas } from '@tresjs/core'
3-
import { Bloom, EffectComposer } from '@tresjs/post-processing'
3+
import { Bloom, EffectComposer } from '@tresjs/post-processing/pmndrs'
44
import { BlendFunction } from 'postprocessing'
55
import { Color } from 'three'
66
import { reactive } from 'vue'
77
8-
import { useRouteDisposal } from '../composables/useRouteDisposal'
8+
import { useRouteDisposal } from '../../composables/useRouteDisposal'
99
1010
const gl = {
1111
clearColor: '#121212',
@@ -19,7 +19,6 @@ const bloomParams = reactive({
1919
mipmapBlur: true,
2020
intensity: 8,
2121
radius: 0.5,
22-
disableRender: true,
2322
blendFunction: BlendFunction.ADD,
2423
})
2524

docs/.vitepress/theme/components/DepthOfFieldDemo.vue renamed to docs/.vitepress/theme/components/pmdrs/DepthOfFieldDemo.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
<script lang="ts" setup>
22
import { TresCanvas } from '@tresjs/core'
3-
import { DepthOfField, EffectComposer } from '@tresjs/post-processing'
3+
import { DepthOfField, EffectComposer } from '@tresjs/post-processing/pmndrs'
44
import { gsap } from 'gsap'
55
import { ref } from 'vue'
66
7-
import { useRouteDisposal } from '../composables/useRouteDisposal'
7+
import { useRouteDisposal } from '../../composables/useRouteDisposal'
88
99
const dofEffect = ref<InstanceType<typeof DepthOfField> | null>(null)
1010

docs/.vitepress/theme/components/GlitchDemo.vue renamed to docs/.vitepress/theme/components/pmdrs/GlitchDemo.vue

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,16 @@
11
<script setup lang="ts">
22
import { Text3D } from '@tresjs/cientos'
33
import { TresCanvas } from '@tresjs/core'
4-
import { EffectComposer, Glitch } from '@tresjs/post-processing'
4+
import { EffectComposer, Glitch } from '@tresjs/post-processing/pmndrs'
55
66
import { Color } from 'three'
77
8-
import { useRouteDisposal } from '../composables/useRouteDisposal'
8+
import { useRouteDisposal } from '../../composables/useRouteDisposal'
99
1010
const gl = {
1111
clearColor: '#121212',
1212
shadows: true,
1313
alpha: false,
14-
disableRender: true,
1514
}
1615
1716
// Need to dispose of the effect composer when the route changes because Vitepress doesnt unmount the components
@@ -22,7 +21,7 @@ const { effectComposer } = useRouteDisposal()
2221
<TresCanvas v-bind="gl">
2322
<TresPerspectiveCamera
2423
:position="[0, 1, 5]"
25-
:look-at="[0, 0, 0]"
24+
:look-at="[0, 1, 0]"
2625
/>
2726
<Suspense>
2827
<Text3D

docs/.vitepress/theme/components/NoiseDemo.vue renamed to docs/.vitepress/theme/components/pmdrs/NoiseDemo.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
<script setup lang="ts">
22
import { OrbitControls } from '@tresjs/cientos'
33
import { TresCanvas } from '@tresjs/core'
4-
import { EffectComposer, Noise } from '@tresjs/post-processing'
4+
import { EffectComposer, Noise } from '@tresjs/post-processing/pmndrs'
55
import { BlendFunction } from 'postprocessing'
66
import { BasicShadowMap, NoToneMapping, SRGBColorSpace } from 'three'
77
8-
import { useRouteDisposal } from '../composables/useRouteDisposal'
8+
import { useRouteDisposal } from '../../composables/useRouteDisposal'
99
1010
const gl = {
1111
clearColor: '#82DBC5',

docs/.vitepress/theme/components/OutlineDemo.vue renamed to docs/.vitepress/theme/components/pmdrs/OutlineDemo.vue

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,19 @@
11
<script lang="ts" setup>
2-
import type { Intersection, Object3D } from 'three'
32
import { OrbitControls } from '@tresjs/cientos'
43
import { TresCanvas } from '@tresjs/core'
54
import { TresLeches, useControls } from '@tresjs/leches'
6-
import { EffectComposer, Outline } from '@tresjs/post-processing'
5+
import { EffectComposer, Outline } from '@tresjs/post-processing/pmndrs'
76
import { KernelSize } from 'postprocessing'
87
import { NoToneMapping } from 'three'
9-
108
import { ref } from 'vue'
11-
import { useRouteDisposal } from '../composables/useRouteDisposal'
9+
10+
import { useRouteDisposal } from '../../composables/useRouteDisposal'
1211
1312
import '@tresjs/leches/styles'
1413
1514
const gl = {
1615
clearColor: '#121212',
1716
toneMapping: NoToneMapping,
18-
disableRender: true,
1917
}
2018
2119
const { effectComposer } = useRouteDisposal()

docs/.vitepress/theme/components/PixelationDemo.vue renamed to docs/.vitepress/theme/components/pmdrs/PixelationDemo.vue

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<script lang="ts" setup>
22
import { OrbitControls } from '@tresjs/cientos'
33
import { TresCanvas } from '@tresjs/core'
4-
import { EffectComposer, Pixelation } from '@tresjs/post-processing'
4+
import { EffectComposer, Pixelation } from '@tresjs/post-processing/pmndrs'
55
6-
import { useRouteDisposal } from '../composables/useRouteDisposal'
6+
import { useRouteDisposal } from '../../composables/useRouteDisposal'
77
88
// Need to dispose of the effect composer when the route changes because Vitepress doesnt unmount the components
99
const { effectComposer } = useRouteDisposal()

0 commit comments

Comments
 (0)