From 042fa4b16b076fc5d6e3f494e747e7e9e15523f1 Mon Sep 17 00:00:00 2001
From: goynov <goynov@gmail.com>
Date: Tue, 27 Jan 2026 18:37:09 +0200
Subject: [PATCH] #22

---
 src/components/GamePlay/GamePlay.vue | 57 ++++++++++++++++++++++++++++
 1 file changed, 57 insertions(+)
 create mode 100644 src/components/GamePlay/GamePlay.vue

diff --git a/src/components/GamePlay/GamePlay.vue b/src/components/GamePlay/GamePlay.vue
new file mode 100644
index 0000000..b58363d
--- /dev/null
+++ b/src/components/GamePlay/GamePlay.vue
@@ -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>
\ No newline at end of file