diff --git a/front/src/components/Promo/load_models.vue b/front/src/components/Promo/load_models.vue index c7a8b7b..c5ee34c 100644 --- a/front/src/components/Promo/load_models.vue +++ b/front/src/components/Promo/load_models.vue @@ -33,13 +33,6 @@ const tiltShift = reactive({}) as { focus: number, aperture: number, maxblur: nu const groundTexture = await useTexture({ displacementMap: '/ground_displacement.jpg', }) -const ground = reactive({ - color: props.clearColor, - displacementMap: groundTexture.displacementMap, - displacementScale: 50, - roughness: 100, - side: DoubleSide -}) // renderer.value.capabilities.maxTextures = 4 // renderer.value.capabilities.maxTextureSize = 512 @@ -53,9 +46,9 @@ const loadModels = async () => { envVars.hdr_json = raw_data.hdr_json ? `${IMAGE_URL}/${raw_data.hdr_json}` : undefined envVars.hdr_webp = raw_data.hdr_webp ? `${IMAGE_URL}/${raw_data.hdr_webp}` : undefined - tiltShift.focus = raw_data.min_distance * 0.75 - tiltShift.aperture = 3 - tiltShift.maxblur = 1 + tiltShift.focus = raw_data.min_distance * 1 + tiltShift.aperture = 0.1 + tiltShift.maxblur = 5 const data = raw_data.elements if (!controls.value) return; @@ -144,7 +137,7 @@ const loadModels = async () => { box.getSize(box_size) props.loaded_pan( new Vector3(box_size.x * 0.5, box_size.y * 0.5, box_size.z * 0.5), - new Vector3(box_size.x * -0.5, box_size.y * -0.5, box_size.z * -0.5), + new Vector3(box_size.x * -0.5, box_size.y * -0.25, box_size.z * -0.5), ) } diff --git a/front/src/components/Promo/post_pocessing.vue b/front/src/components/Promo/post_pocessing.vue index 5d07ddd..6b8ef1c 100644 --- a/front/src/components/Promo/post_pocessing.vue +++ b/front/src/components/Promo/post_pocessing.vue @@ -15,7 +15,7 @@ const { renderer, camera, scene } = useTresContext() const composer = new EffectComposer(renderer.value); const props = defineProps(['tiltShift', 'clearColor']) -const k = { start: 0.75, end: 3 } +const k = { start: 0.5, end: 3 } if (camera.value) { const renderPass = new RenderPass(scene.value, camera.value);