mns/mns-mini-zabor
mns
/
mns-mini-zabor
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dev #60

Merged
ksenia_mikhailova merged 48 commits from dev into main 2024-07-26 10:41:38 +03:00
Conversation 0 Commits 48 Files Changed 18 +14 -7
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 8526ddf89f - Show all commits

2
assets/main.scss
View File

@ -240,7 +240,7 @@ a[href^="#"] {
} }
&-close { &-close {
@apply absolute right-3 top-3 text-4xl opacity-50; @apply absolute right-3 top-3 text-4xl opacity-50 cursor-pointer;
} }
&-status { &-status {

15
components/model/item.vue
View File

@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { useGLTF } from '@tresjs/cientos' import { useGLTF, Text3D } from '@tresjs/cientos'
import { Vector3 } from 'three'; import { DoubleSide, Vector3 } from 'three';
const props = defineProps(['modelUrl', 'model', 'position', 'target', 'parent']) const props = defineProps(['modelUrl', 'model', 'position', 'target', 'parent'])
let scene: any let scene: any
@ -60,10 +60,17 @@ watch(props, () => {
target.value = new Vector3(...props.target) target.value = new Vector3(...props.target)
} }
}, { deep: true }) }, { deep: true })
</script> </script>
<template> <template>
<TresGroup ref="model" :name="scene.children[0].name">
<Suspense> <Suspense>
<primitive :object="scene.children[0]" :position="(props.position || [0, 0, 0])" ref="model" /> <primitive :object="scene.children[0]" :position="(props.position || [0, 0, 0])" />
</Suspense> </Suspense>
<Suspense v-if="false">
<Text3D :text="scene.children[0].name"
font='https://raw.githubusercontent.com/Tresjs/assets/main/fonts/FiraCodeRegular.json'>
<TresMeshNormalMaterial color=red />
</Text3D>
</Suspense>
</TresGroup>
</template> </template>