Browse Source

chore: fixed playground aliases

alvarosabu 2 years ago
parent
commit
0ccf3eacac

+ 1 - 1
playground/src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
 <script setup lang="ts">
-import TheExperiment from '/@/components/gltf/TheExperiment.vue'
+import TheExperiment from './components/gltf/TheExperiment.vue'
 </script>
 </script>
 
 
 <template>
 <template>

+ 10 - 3
playground/src/components/gltf/TheExperiment.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 <script setup lang="ts">
 import { sRGBEncoding, BasicShadowMap, NoToneMapping } from 'three'
 import { sRGBEncoding, BasicShadowMap, NoToneMapping } from 'three'
-import { reactive } from 'vue'
-import { TresCanvas } from '@core'
+import { reactive, ref, watchEffect } from 'vue'
+import { TresCanvas } from '/@/'
 import { GLTFModel, OrbitControls } from '@tresjs/cientos'
 import { GLTFModel, OrbitControls } from '@tresjs/cientos'
 
 
 
 
@@ -15,7 +15,14 @@ const state = reactive({
   toneMapping: NoToneMapping,
   toneMapping: NoToneMapping,
 })
 })
 
 
+const akuAkuRef = ref(null)
 
 
+watchEffect(() => {
+  if(akuAkuRef.value) {
+    const model = akuAkuRef.value.getModel().children[0]
+    console.log('akuAkuRef', model)
+  }
+})
 
 
 </script>
 </script>
 <template>
 <template>
@@ -25,7 +32,7 @@ const state = reactive({
     <TresAmbientLight :intensity="0.5" />
     <TresAmbientLight :intensity="0.5" />
 
 
     <Suspense>
     <Suspense>
-        <GLTFModel path="https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/aku-aku/AkuAku.gltf" draco />
+        <GLTFModel ref="akuAkuRef" path="https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/aku-aku/AkuAku.gltf" draco />
       <!--   <AkuAku /> -->
       <!--   <AkuAku /> -->
     </Suspense>
     </Suspense>
     <TresAxesHelper />
     <TresAxesHelper />

+ 3 - 3
playground/vite.config.ts

@@ -13,9 +13,9 @@ export default defineConfig({
   })],
   })],
   resolve: {
   resolve: {
     alias: {
     alias: {
-      '/@': resolve(__dirname, './src'),
-      '@core': resolve(__dirname, '../dist/tres.js'),
+      '/@': resolve(__dirname, '../src'),
+      
     },
     },
-    dedupe: ['@tresjs/core'],
+    dedupe: ['@tresjs/core', 'three'],
   },
   },
 })
 })