mns-mini-zabor/components/model/canvas.vue

24 lines
850 B
Vue

<script setup lang="ts">
import Item from './item.vue';
const onClick = (e: MouseEvent) => {
console.log(e)
}
const { renderer } = useTresContext()
renderer.value.shadowMap.enabled = true
</script>
<template>
<TresMesh :position="[0, -1, 0]" :rotate-x="Math.PI * -0.5" receive-shadow cast-shadow>
<TresBoxGeometry :args="[3, 3, 0.05]" />
<TresMeshStandardMaterial color="pink" />
</TresMesh>
<Suspense>
<TresGroup :position="[0, -1, 0]">
<Item model-url="/models/kosynka.glb" />
<Item model-url="/models/kreplaniye_planok.glb" />
<Item model-url="/models/planki.glb" />
<Item model-url="/models/stolb.glb" />
<Item model-url="/models/verh.glb" />
<Item model-url="/models/zakliopki.glb" />
</TresGroup>
</Suspense>
</template>