update doc and code

Tresjs · Jan 6, 2025 · 26381a4 · 26381a4
1 parent 667c40d
commit 26381a4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 16 deletions.
diff --git a/docs/.vitepress/theme/components/pmdrs/TiltShiftDemo.vue b/docs/.vitepress/theme/components/pmdrs/TiltShiftDemo.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ContactShadows, Environment, OrbitControls } from '@tresjs/cientos'
+import { Environment, OrbitControls } from '@tresjs/cientos'
 import { TresCanvas } from '@tresjs/core'
 import { TresLeches, useControls } from '@tresjs/leches'
 import { EffectComposerPmndrs, TiltShiftPmndrs } from '@tresjs/post-processing'
@@ -74,12 +74,6 @@ const { blendFunction, offset, rotation, focusArea, feather } = useControls({
       </EffectComposerPmndrs>
     </Suspense>
 
-    <ContactShadows
-      :opacity=".75"
-      :position-y="-3.5"
-      :scale="20"
-      :blur=".1"
-      :far="15"
-    />
+    <TresGridHelper :position="[0, -3.5, 0]" :args="[30, 15]" />
   </TresCanvas>
 </template>
diff --git a/docs/guide/pmndrs/tilt-shift.md b/docs/guide/pmndrs/tilt-shift.md
@@ -12,7 +12,7 @@ The `<TiltShiftPmndrs>` component is straightforward to use and provides customi
 
 ```vue{3,21-24,49-53}
 <script setup lang="ts">
-import { ContactShadows, Environment, OrbitControls } from '@tresjs/cientos'
+import { Environment, OrbitControls } from '@tresjs/cientos'
 import { EffectComposerPmndrs, TiltShiftPmndrs } from '@tresjs/post-processing'
 import { NoToneMapping } from 'three'
 
@@ -65,13 +65,7 @@ const effectProps = {
       </EffectComposerPmndrs>
     </Suspense>
 
-    <ContactShadows
-      :opacity=".75"
-      :position-y="-3.5"
-      :scale="20"
-      :blur=".1"
-      :far="15"
-    />
+    <TresGridHelper :position="[0, -3.5, 0]" :args="[30, 15]" />
   </TresCanvas>
 </template>
 ```