bx-1140-postprocessing #12
|
@ -33,13 +33,6 @@ const tiltShift = reactive({}) as { focus: number, aperture: number, maxblur: nu
|
||||||
const groundTexture = await useTexture({
|
const groundTexture = await useTexture({
|
||||||
displacementMap: '/ground_displacement.jpg',
|
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.maxTextures = 4
|
||||||
// renderer.value.capabilities.maxTextureSize = 512
|
// 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_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
|
envVars.hdr_webp = raw_data.hdr_webp ? `${IMAGE_URL}/${raw_data.hdr_webp}` : undefined
|
||||||
|
|
||||||
tiltShift.focus = raw_data.min_distance * 0.75
|
tiltShift.focus = raw_data.min_distance * 1
|
||||||
tiltShift.aperture = 3
|
tiltShift.aperture = 0.1
|
||||||
tiltShift.maxblur = 1
|
tiltShift.maxblur = 5
|
||||||
|
|
||||||
const data = raw_data.elements
|
const data = raw_data.elements
|
||||||
if (!controls.value) return;
|
if (!controls.value) return;
|
||||||
|
@ -144,7 +137,7 @@ const loadModels = async () => {
|
||||||
box.getSize(box_size)
|
box.getSize(box_size)
|
||||||
props.loaded_pan(
|
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.5, box_size.z * -0.5),
|
new Vector3(box_size.x * -0.5, box_size.y * -0.25, box_size.z * -0.5),
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -15,7 +15,7 @@ const { renderer, camera, scene } = useTresContext()
|
||||||
const composer = new EffectComposer(renderer.value);
|
const composer = new EffectComposer(renderer.value);
|
||||||
|
|
||||||
const props = defineProps(['tiltShift', 'clearColor'])
|
const props = defineProps(['tiltShift', 'clearColor'])
|
||||||
const k = { start: 0.75, end: 3 }
|
const k = { start: 0.5, end: 3 }
|
||||||
|
|
||||||
if (camera.value) {
|
if (camera.value) {
|
||||||
const renderPass = new RenderPass(scene.value, camera.value);
|
const renderPass = new RenderPass(scene.value, camera.value);
|
||||||
|
|
Loading…
Reference in New Issue