From 144c5b94074be5e2539b85dca5c6549c5c0f1f42 Mon Sep 17 00:00:00 2001
From: goynov <goynov@gmail.com>
Date: Tue, 18 Nov 2025 18:06:28 +0200
Subject: [PATCH] classic puzzle set dimension option

---
 src/components/InteractiveObjects/ClassicPuzzle.js  | 4 ++--
 src/components/InteractiveObjects/ClassicPuzzle.vue | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/InteractiveObjects/ClassicPuzzle.js b/src/components/InteractiveObjects/ClassicPuzzle.js
index 42594cd..e100e2d 100644
--- a/src/components/InteractiveObjects/ClassicPuzzle.js
+++ b/src/components/InteractiveObjects/ClassicPuzzle.js
@@ -3,12 +3,12 @@ import { centerOrigin } from "@/lib/MeshUtils";
 
 class ClassicPuzzle extends EventDispatcher  {
     emits = ['finish']
-    constructor(engine, data, gltfName, objPrefix='Plane'){
+    constructor(engine, data, objPrefix='Plane'){
         super();
         const container = new Group();
         const that = this;
         return new Promise(async (resolve, reject)=>{
-            let gltf = await engine.load('puzzle-3x3.glb', '/static/meshes/classic-puzzle/');
+            let gltf = await engine.load(`puzzle-${data.dimension}.glb`, '/static/meshes/classic-puzzle/');
             let map = await engine.loadTexture(data.$go.asset.name);
             let dragZone = gltf.scene.getObjectByName('DragZone');
             dragZone.material.side = DoubleSide;
diff --git a/src/components/InteractiveObjects/ClassicPuzzle.vue b/src/components/InteractiveObjects/ClassicPuzzle.vue
index 9c8e8bd..e8f10ff 100644
--- a/src/components/InteractiveObjects/ClassicPuzzle.vue
+++ b/src/components/InteractiveObjects/ClassicPuzzle.vue
@@ -1,7 +1,6 @@
 <template>
     <div v-if="modelValue.go">
-        <v-number-input density="compact" label="Width" v-model="modelValue.w"></v-number-input>
-        <v-number-input density="compact" label="Height" v-model="modelValue.h"></v-number-input>
+        <v-select label="Dimension" v-model="modelValue.dimension" :items="['3x3', '5x4', '6x6']" density="compact"></v-select>
         <v-img :src="`/asset/thumb/${modelValue.go}.webp`" />
         <div class="text-caption text-center">{{ modelValue.title }}</div>
     </div>
@@ -30,7 +29,7 @@ export default {
         assignTexture(e){
             this.modelValue.go = e.id;
             this.modelValue.title = e.name
-            // this.modelValue.w = 2;
+            this.modelValue.dimension = '3x3';
             // this.modelValue.h = 3;
         }
     }