particle system as interactive object

2025-11-05 17:31:21 +02:00
parent 4b722750c3
commit fd3f9a6d69
11 changed files with 165 additions and 84 deletions
@@ -0,0 +1,49 @@
+<template>
+    <v-card v-if="modelValue.go">
+        <v-card-item>
+            <v-number-input density="compact" :precision="null" label="Particle width" v-model="modelValue.x"></v-number-input>
+            <v-number-input density="compact" :precision="null" label="Particle height" v-model="modelValue.y"></v-number-input>
+
+            <v-number-input density="compact" :precision="null" label="Area width" v-model="modelValue.w"></v-number-input>
+            <v-number-input density="compact" :precision="null" label="Area length" v-model="modelValue.h"></v-number-input>
+
+            <v-number-input density="compact" label="Count" v-model="modelValue.count"></v-number-input>
+
+            <v-img :src="`/asset/thumb/${modelValue.go}.webp`" />
+            <div class="text-caption text-center">{{ modelValue.title }}</div>
+        </v-card-item>
+    </v-card>
+    <asset-selector @select="assignTexture" :type="['Texture']">
+        <template v-slot:activator="props">
+            <v-btn v-bind="props" prepend-icon="mdi-video-box" color="deep-orange-darken-4" block>Choose image object</v-btn>
+        </template>
+    </asset-selector>
+</template>
+
+<script>
+//Grass.positions(1000,50,50), '/static/textures/grass01.png', 1, .5
+export default {
+    data(){
+        return {
+            active: false
+        }
+    },
+    mounted(){
+        this.active = true;
+    },
+    props:{
+        modelValue: Object
+    },
+    methods:{
+        assignTexture(e){
+            this.modelValue.go = e.id;
+            this.modelValue.title = e.name
+            this.modelValue.x = 1;
+            this.modelValue.y = 1;
+            this.modelValue.count = 1000;
+            this.modelValue.w = 50;
+            this.modelValue.h = 50;
+        }
+    }
+}
+</script>