toneMapping

components/model/item.vue

@@ -17,7 +17,7 @@ const getMaterial = () => {
     return new MeshStandardMaterial({
         color: props.color ? new Color(props.color) : new Color('#9c9c9c'),
         roughness: 0.5,
-        metalness: 0.5,
+        metalness: 1,
     })
 }
 const material = getMaterial()

components/model/parametric.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Environment } from '@tresjs/cientos'
-import { NeutralToneMapping } from 'three';
+import { CineonToneMapping } from 'three';
 
 const lamelles_count = useState<number>('lamelles_count')
 const fence_section = useState<number>('fence_section')
@@ -12,7 +12,7 @@ const bSize = 0.0235
 const pillar_size = 80 * 0.001
 
 const {renderer} = useTresContext()
-renderer.value.toneMapping = NeutralToneMapping
+renderer.value.toneMapping = CineonToneMapping
 </script>
 <template>
     <TresGroup>