shadow
This commit is contained in:
parent
35a7f42132
commit
91e1b97ed0
|
@ -36,9 +36,11 @@ const loadAll = async () => {
|
||||||
pointLight.value = light.children[2]
|
pointLight.value = light.children[2]
|
||||||
pointLight.value.color = '#f0dea9'
|
pointLight.value.color = '#f0dea9'
|
||||||
pointLight.value.intensity = pointLight.value.intensity * 0.1
|
pointLight.value.intensity = pointLight.value.intensity * 0.1
|
||||||
// pointLight.value.intensity = 0
|
|
||||||
pointLight.value.shadow.camera.near = 50
|
pointLight.value.shadow.camera.near = 50
|
||||||
pointLight.value.shadow.bias = -0.002
|
pointLight.value.shadow.bias = -0.002
|
||||||
|
const j = 4
|
||||||
|
pointLight.value.shadow.mapSize.x = 512 * j
|
||||||
|
pointLight.value.shadow.mapSize.y = 512 * j
|
||||||
|
|
||||||
const k = 5
|
const k = 5
|
||||||
pointLight.value.position.x = pointLight.value.position.x * k
|
pointLight.value.position.x = pointLight.value.position.x * k
|
||||||
|
|
|
@ -81,8 +81,8 @@ onMounted(() => {
|
||||||
</ClientOnly>
|
</ClientOnly>
|
||||||
<div class="canvas-icons">
|
<div class="canvas-icons">
|
||||||
<a href="#" @click.prevent="toggleExpState">
|
<a href="#" @click.prevent="toggleExpState">
|
||||||
<Icon name="mdi:checkbox-outline" v-if="explosion_state" />
|
<Icon name="mdi:arrow-collapse-horizontal" v-if="explosion_state" />
|
||||||
<Icon name="mdi:square-outline" v-else />
|
<Icon name="mdi:arrow-expand-horizontal" v-else />
|
||||||
</a>
|
</a>
|
||||||
<a href="#" @click.prevent="changeDistance(-0.5)"
|
<a href="#" @click.prevent="changeDistance(-0.5)"
|
||||||
:class="[{ 'disabled': camera ? (camera.position.distanceTo(new Vector3(0, 0, 0)) <= controlsState.minDistance) : null }]">
|
:class="[{ 'disabled': camera ? (camera.position.distanceTo(new Vector3(0, 0, 0)) <= controlsState.minDistance) : null }]">
|
||||||
|
|
|
@ -121,7 +121,7 @@ watch([section_count, fence_section, extra_section], () => {
|
||||||
<TresGroup name="lam_fastening_two" :position-x="pillar_two_pos" :scale="[-1, lamelles_count, 1]">
|
<TresGroup name="lam_fastening_two" :position-x="pillar_two_pos" :scale="[-1, lamelles_count, 1]">
|
||||||
<TresObject3D v-bind="props.models.fastening.children[0]" />
|
<TresObject3D v-bind="props.models.fastening.children[0]" />
|
||||||
</TresGroup>
|
</TresGroup>
|
||||||
<TresGroup name="top_section" :scale-x="((extra as number) || fence_section) * 10"
|
<TresGroup name="top_section" :scale-x="((extra as number) || fence_section) * 10 + 0.1 * scale_koef"
|
||||||
:position="[pillar_size * 0.5, lamelles_count * lSize, 0]">
|
:position="[pillar_size * 0.5, lamelles_count * lSize, 0]">
|
||||||
<TresObject3D v-bind="props.models.top.children[0]" />
|
<TresObject3D v-bind="props.models.top.children[0]" />
|
||||||
</TresGroup>
|
</TresGroup>
|
||||||
|
|
|
@ -77,7 +77,7 @@ onMounted(async () => {
|
||||||
scene.value.background.mapping = EquirectangularReflectionMapping
|
scene.value.background.mapping = EquirectangularReflectionMapping
|
||||||
scene.value.backgroundRotation = new Euler(0, 10, 0)
|
scene.value.backgroundRotation = new Euler(0, 10, 0)
|
||||||
scene.value.backgroundIntensity = 1.5
|
scene.value.backgroundIntensity = 1.5
|
||||||
scene.value.backgroundBlurriness = 0.05
|
scene.value.backgroundBlurriness = 0.06
|
||||||
result.renderTarget.texture.dispose();
|
result.renderTarget.texture.dispose();
|
||||||
})
|
})
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue