#22

2026-01-27 18:37:09 +02:00
parent cdba29bac8
commit 042fa4b16b
1 changed files with 57 additions and 0 deletions
@@ -0,0 +1,57 @@
 <template>
    <!-- <v-navigation-drawer width="133" class="d-none">
        <v-btn-toggle variant="tonal" density="comfortable" class="ma-3" v-model="renderType" color="light-blue-darken-4">
            <v-btn value="ST" icon="mdi-video-3d-variant"></v-btn>
            <v-btn value="VR" icon="mdi-google-cardboard"></v-btn>
            <v-btn value="AG" icon="mdi-glasses"></v-btn>
        </v-btn-toggle>
        <v-btn-toggle variant="tonal" v-model="store.prefs.xr.depthSense" class="ma-3" density="comfortable" color="green-darken-2">
            <v-btn :value="true" icon="mdi-cube-outline"></v-btn>
        </v-btn-toggle>
        <v-btn icon="mdi-walk" @click="control"></v-btn>
    </v-navigation-drawer> -->
    <v-btn icon="mdi-walk" @click="fullScreen"></v-btn>
    <div class="container my-3 position-relative ">
        <div ref="target" @click="targetClick" class="game-play-canvas"
            @mousedown="targetPointer($event, 'start')" 
            @mousemove="targetPointer($event, 'drag')" 
            @mouseup="targetPointer($event, 'end')" 
            @pointerdown="targetPointerDown"></div>
    </div>
    <video class="d-none" src="" ref="videoPlayer"></video>
 </template>
 <script>
 import { useAppStore } from '@/stores/app';
 import GameEnvironmentMixin from '@/mixins/GameEnvironmentMixin';
 const store = useAppStore();
 export default {
    mixins:[GameEnvironmentMixin],
    props:{
        modelValue: Object,
    },
    watch:{
        scenario(n){
            if (n){
                this.scenesList = [this.scenes?.[0]];
            }
        }
    },
    data(){
        return {
            env: 'GamePlay',
            scenesList: [],
            objectsList: [],
            pointerDownTime: 0,
            scenario: null,
            renderType: 'ST',
            cameraType: 'perspective',
            store
        }
    },
 }
 </script>