ksenia_mikhailova
/
demo-int-table
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

global audio

This commit is contained in:
Kseninia Mikhaylova 2024-06-03 12:37:22 +03:00
parent f48aa069f0
commit 12a3ef94b0
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

0
front/src/assets/promo/sounds/sea.ogg → front/public/sea.ogg
View File

14
front/src/components/Promo/main.vue
View File

@ -3,7 +3,7 @@ import { reactive, ref } from 'vue';
import { Object3D, Vector3 } from 'three'; import { Object3D, Vector3 } from 'three';
import { TresCanvas, useRenderLoop } from '@tresjs/core'; import { TresCanvas, useRenderLoop } from '@tresjs/core';
import { vLightHelper } from '@tresjs/core' import { vLightHelper } from '@tresjs/core'
import { CameraControls, useGLTF, useProgress } from '@tresjs/cientos' import { CameraControls, GlobalAudio, useGLTF, useProgress } from '@tresjs/cientos'
const minPan = new Vector3(-10, 1, -5); const minPan = new Vector3(-10, 1, -5);
const maxPan = new Vector3(5, 1, 5); const maxPan = new Vector3(5, 1, 5);
@ -37,17 +37,16 @@ target.translateZ(10)
target.translateY(0) target.translateY(0)
const { onLoop } = useRenderLoop() const { onLoop } = useRenderLoop()
let direction = 0.05 let step = 0.05
onLoop(({ elapsed }) => { onLoop(() => {
// target.translateY(-0.01)
if (spot_light_target.value) { if (spot_light_target.value) {
const px = spot_light_target.value.position.x const px = spot_light_target.value.position.x
if (px >= 10) { if (px >= 10) {
direction = -0.05 step = -0.05
} else if (px <= -10) { } else if (px <= -10) {
direction = 0.05 step = 0.05
} }
spot_light_target.value.translateX(direction) spot_light_target.value.translateX(step)
} }
}) })
</script> </script>
@ -58,6 +57,7 @@ onLoop(({ elapsed }) => {
<div :class="[{ 'invisible': !hasFinishLoading }]"> <div :class="[{ 'invisible': !hasFinishLoading }]">
<TresCanvas window-size alpha shadows clear-color="#87ceeb"> <TresCanvas window-size alpha shadows clear-color="#87ceeb">
<TresPerspectiveCamera :position="cameraPosition" /> <TresPerspectiveCamera :position="cameraPosition" />
<GlobalAudio src="/sea.ogg" />
<CameraControls v-bind="controlsState" @change="onChange" make-default /> <CameraControls v-bind="controlsState" @change="onChange" make-default />
<!-- <TresGridHelper :args="[50, 50]" /> --> <!-- <TresGridHelper :args="[50, 50]" /> -->