delay initial render

MineRender · Dec 5, 2023 · 04f8479 · 04f8479
1 parent 887b3b3
commit 04f8479
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/components/Model.vue b/src/components/Model.vue
@@ -79,7 +79,9 @@ const recreate = async () => {
 };
 
 onMounted(() => {
-    recreate();
+    setTimeout(() => {
+        recreate();
+    }, 100 * Math.random());
     watch(() => props.grid, () => {
         console.log("hi")
         recreate();

diff --git a/src/components/Skin.vue b/src/components/Skin.vue
@@ -7,9 +7,9 @@
     <div class="skin-container" ref="skinContainer"/>
 </template>
 <script lang="ts" setup>
-import { AssetKey, AssetLoader, Models, Renderer, Skins, sleep } from "minerender";
-import { OrbitControls } from "minerender/src/three/OrbitControls";
-import { onMounted, ref, watch } from "vue";
+import {AssetKey, AssetLoader, Models, Renderer, Skins, sleep} from "minerender";
+import {OrbitControls} from "minerender/src/three/OrbitControls";
+import {onMounted, ref, watch} from "vue";
 
 const props = defineProps<{
     skin: string,
@@ -78,7 +78,9 @@ const recreate = async () => {
 
 onMounted(async () => {
     console.log("onMounted");
-    recreate();
+    setTimeout(() => {
+        recreate();
+    }, 100 * Math.random());
     watch(() => props.grid, () => {
         recreate();
     })