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

styles

This commit is contained in:
Kseninia Mikhaylova 2024-06-11 15:19:50 +03:00
parent cfd66d32e6
commit 0f7992b495
2 changed files with 23 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
components/expDiagram.vue
View File

@ -23,19 +23,20 @@ const scrollBlock = (e: Event) => {
} }
} }
const targetExplosion = useState('targetExplosion', () => { const targetExplosion = useState('targetExplosion', () => {
const k = 3
return { return {
kosynka: [1, 1, 1], kosynka: [0 * k, 0 * k, 0.75 * k],
krepleniye_planok: [0, 0, 0], krepleniye_planok: [0 * k, 0 * k, 0.5 * k],
osnova_stolba: [0, 0, 0], osnova_stolba: [0 * k, 0 * k, 0 * k],
planki: [0, 0, 0], planki: [0 * k, 0 * k, -0.5 * k],
stolb: [0, 0, 0], stolb: [0 * k, 0 * k, 1 * k],
verh: [0, 0, 0], verh: [0 * k, 0.25 * k, 0 * k],
} }
}) })
</script> </script>
<template> <template>
<div class="container min-w-full" ref="container"> <div class="container min-w-full" ref="container">
<template v-for="(value, key) in targetExplosion"> <template v-for="(value, key) in targetExplosion" v-if="false">
<div> <div>
<label for="key">{{ key }}</label> <label for="key">{{ key }}</label>
<input type="number" v-for="(item, n) in value" v-model="targetExplosion[key][n]" step="0.25"> <input type="number" v-for="(item, n) in value" v-model="targetExplosion[key][n]" step="0.25">
@ -45,7 +46,7 @@ const targetExplosion = useState('targetExplosion', () => {
<TresPerspectiveCamera :position="[-7, 2, 4]" /> <TresPerspectiveCamera :position="[-7, 2, 4]" />
<OrbitControls v-bind="controlsState" make-default /> <OrbitControls v-bind="controlsState" make-default />
<Suspense> <Suspense>
<!-- <Environment files='/hdrmaps/kiara_1_dawn_4k.hdr' :background="true" /> --> <Environment files='/hdrmaps/kiara_1_dawn_4k.hdr' :background="true" />
</Suspense> </Suspense>
<ModelDiagram /> <ModelDiagram />

16
components/model/parametric.vue
View File

@ -1,7 +1,7 @@
<script setup lang="ts"> <script setup lang="ts">
import { ReinhardToneMapping, PCFShadowMap, RepeatWrapping } from 'three';
import { useTexture } from '@tresjs/core' import { useTexture } from '@tresjs/core'
import { useGLTF } from '@tresjs/cientos' import { useGLTF } from '@tresjs/cientos'
import { ReinhardToneMapping, PCFShadowMap } from 'three';
const lamelles_count = useState<number>('lamelles_count') const lamelles_count = useState<number>('lamelles_count')
const fence_section = useState<number>('fence_section') const fence_section = useState<number>('fence_section')
@ -33,6 +33,18 @@ const pbrTexture = await useTexture({
// matcap: '/textures/myMatcapTexture.jpg', // matcap: '/textures/myMatcapTexture.jpg',
// alphaMap: '/textures/myAlphaMapTexture.jpg' // alphaMap: '/textures/myAlphaMapTexture.jpg'
}) })
const repeat = 5
for (const key in pbrTexture) {
if (Object.prototype.hasOwnProperty.call(pbrTexture, key)) {
const element = pbrTexture[key];
if (element && element.wrapS) {
element.wrapS = RepeatWrapping
element.wrapT = RepeatWrapping
element.repeat.x = repeat
element.repeat.y = repeat
}
}
}
const { scene: top } = await useGLTF('/models_one/verh_100.glb') const { scene: top } = await useGLTF('/models_one/verh_100.glb')
const { scene: fence } = await useGLTF('/models_one/fence.glb') const { scene: fence } = await useGLTF('/models_one/fence.glb')
const { scene: fastening } = await useGLTF('/models_one/krepleniye_planok (1).glb') const { scene: fastening } = await useGLTF('/models_one/krepleniye_planok (1).glb')
@ -50,7 +62,7 @@ watch(fence_section, () => {
<TresGroup :scale="3" :rotate-y="-Math.PI * -0.5" :translate-y="-3.25"> <TresGroup :scale="3" :rotate-y="-Math.PI * -0.5" :translate-y="-3.25">
<TresMesh receive-shadow :translate-y="-0.5"> <TresMesh receive-shadow :translate-y="-0.5">
<TresCircleGeometry :args="[8, 32]" :rotate-x="-Math.PI * 0.5" /> <TresCircleGeometry :args="[8, 32]" :rotate-x="-Math.PI * 0.5" />
<TresMeshStandardMaterial v-bind="pbrTexture" /> <TresMeshStandardMaterial v-bind="pbrTexture" color="black" metalness="0" roughness="0.5" />
</TresMesh> </TresMesh>
<TresGroup :position="[pillar_one_pos, (lSize * -0.5), 0]" :scale="[1, 0.5, 1]"> <TresGroup :position="[pillar_one_pos, (lSize * -0.5), 0]" :scale="[1, 0.5, 1]">