Skip to content

Commit 4751fa1

Browse files
JaimeTorrealbaJaimeTorrealba
committed
Merge branch 'main' into Fix/smoke-component
2 parents ebb8350 + e668672 commit 4751fa1

File tree

236 files changed

+11243
-5041
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

236 files changed

+11243
-5041
lines changed

‎CHANGELOG.md‎

Lines changed: 158 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,163 @@
11
# Changelog
22

3+
## [5.0.0](https://github.com/Tresjs/cientos/compare/4.3.1...5.0.0) (2025-09-20)
4+
5+
### Features
6+
7+
* release v5 ([#563](https://github.com/Tresjs/cientos/issues/563)) ([28808b5](https://github.com/Tresjs/cientos/commit/28808b58cfbcfdc57d0f1fe0656da9a8d3e4bcdb)), closes [#543](https://github.com/Tresjs/cientos/issues/543)
8+
9+
### Bug Fixes
10+
11+
* precipitation speed ([#643](https://github.com/Tresjs/cientos/issues/643)) ([8958ecc](https://github.com/Tresjs/cientos/commit/8958eccb30ed6537eaa84a2221ff7e39a158bd88))
12+
13+
## [5.0.0-rc.0](https://github.com/Tresjs/cientos/compare/5.0.0-alpha.1...5.0.0-rc.0) (2025-09-20)
14+
15+
## [5.0.0-alpha.1](https://github.com/Tresjs/cientos/compare/5.0.0-alpha.0...5.0.0-alpha.1) (2025-09-06)
16+
17+
### Features
18+
19+
* enhance `useAnimations` composable with manual update option ([#637](https://github.com/Tresjs/cientos/issues/637)) ([b2b60e6](https://github.com/Tresjs/cientos/commit/b2b60e67aaa8d62012cf67f030acdb7c08c56a9a))
20+
21+
## [5.0.0-alpha.0](https://github.com/Tresjs/cientos/compare/5.0.0-next.7...5.0.0-alpha.0) (2025-08-30)
22+
23+
### Features
24+
25+
* set peer @tresjs/core to 5.0.0 and alpha, updated dev deps ([#641](https://github.com/Tresjs/cientos/issues/641)) ([48817fd](https://github.com/Tresjs/cientos/commit/48817fdd092fb8b6658245160b6cacfac3cf2f3d))
26+
27+
## [5.0.0-next.7](https://github.com/Tresjs/cientos/compare/5.0.0-next.6...5.0.0-next.7) (2025-08-11)
28+
29+
### Features
30+
31+
* add `traverse` option to model loaders ([#635](https://github.com/Tresjs/cientos/issues/635)) ([421350f](https://github.com/Tresjs/cientos/commit/421350fc7c3fca0806f61f21fe8bc765bf7d4589))
32+
33+
### Bug Fixes
34+
35+
* enhance audio and sprite loading logic ([4319fa9](https://github.com/Tresjs/cientos/commit/4319fa94e2578d5ed37ad381854984deeae9d17e))
36+
37+
## [5.0.0-next.6](https://github.com/Tresjs/cientos/compare/5.0.0-next.5...5.0.0-next.6) (2025-07-31)
38+
39+
### Bug Fixes
40+
41+
* **orbit-controls:** added key to force re-render ([c93f6c1](https://github.com/Tresjs/cientos/commit/c93f6c18750dd1a3499ec85c89e9bd567edc6ae5))
42+
43+
## [5.0.0-next.5](https://github.com/Tresjs/cientos/compare/5.0.0-next.4...5.0.0-next.5) (2025-07-08)
44+
45+
### ⚠ BREAKING CHANGES
46+
47+
* useFBX no longer returns the plain obj, it now returns an object with reactive data (state, isLoading, error) and a load method.
48+
49+
- Updated `vue` to version `3.5.17` and `three` to version `0.178.0` in `package.json` for enhanced compatibility and features.
50+
- Upgraded `@vitejs/plugin-vue` to version `6.0.0` and `vite` to version `7.0.2` to leverage the latest improvements in the build process.
51+
- Enhanced the `useFBX` composable to provide a reactive state for loading FBX models, allowing for better handling of model properties and loading states.
52+
- Improved the `FBXModel` component to support shadow properties and added a new demo for better visualization of FBX model loading.
53+
- Updated documentation to reflect changes in the FBX model loading process and added examples for better clarity.
54+
55+
* fix(TheModel.vue): remove unused type import for improved clarity
56+
57+
- Removed the unused import of `Group` from TheModel.vue to enhance code clarity and maintainability. This change aligns with the ongoing effort to streamline type imports and improve type safety across the codebase.
58+
59+
* feat: expose model state in useFBX and useGLTF components
60+
61+
- Added `defineExpose` to both `useFBX` and `useGLTF` components to expose the reactive model state, allowing for better integration and access to the model instance in parent components.
62+
- This enhancement improves the usability of the components by providing a direct reference to the model state, facilitating more dynamic interactions and updates.
63+
64+
* fix(useFBX): add missing comma in defineExpose for model instance
65+
66+
- Added a missing comma in the `defineExpose` call within the `useFBX` component to ensure proper syntax and prevent potential runtime errors. This minor fix enhances code clarity and maintains consistency in the component's structure.
67+
68+
### Features
69+
70+
* refactor useFBX ([#628](https://github.com/Tresjs/cientos/issues/628)) ([d59ef26](https://github.com/Tresjs/cientos/commit/d59ef26ff9e1924c12188f458324b83f72196f96))
71+
72+
## [5.0.0-next.4](https://github.com/Tresjs/cientos/compare/5.0.0-next.3...5.0.0-next.4) (2025-06-30)
73+
74+
### Bug Fixes
75+
76+
* create a local raycast for the HTML component ([#627](https://github.com/Tresjs/cientos/issues/627)) ([614505f](https://github.com/Tresjs/cientos/commit/614505fd84381919308136d510ffb69b805a5038))
77+
* **transform-controls:** use correct emit on mouse up ([#625](https://github.com/Tresjs/cientos/issues/625)) ([f04a63c](https://github.com/Tresjs/cientos/commit/f04a63cab66b9e0cc0fc17f7622944999c417787))
78+
79+
## [5.0.0-next.3](https://github.com/Tresjs/cientos/compare/5.0.0-next.2...5.0.0-next.3) (2025-06-22)
80+
81+
### Bug Fixes
82+
83+
* typescript issues ([#624](https://github.com/Tresjs/cientos/issues/624)) ([3c1640e](https://github.com/Tresjs/cientos/commit/3c1640e512cd77f0f980a63d1aa9414d4cc4d608))
84+
85+
## [5.0.0-next.2](https://github.com/Tresjs/cientos/compare/5.0.0-next.1...5.0.0-next.2) (2025-06-15)
86+
87+
### Bug Fixes
88+
89+
* adapt to renderer.isntance no longer being shallowRef ([430534a](https://github.com/Tresjs/cientos/commit/430534a40d37e44dc026facfe9a4faac461decab))
90+
* remove unused type import in MouseParallax.vue ([0899ecf](https://github.com/Tresjs/cientos/commit/0899ecfc0e02a7ded4b1368d5ad22dc352b1f1ce))
91+
* type issues from v5 ([bd0e0c6](https://github.com/Tresjs/cientos/commit/bd0e0c6abbe2616fb73d44171716fa54c2ac54b9))
92+
93+
## [5.0.0-next.1](https://github.com/Tresjs/cientos/compare/5.0.0-next.0...5.0.0-next.1) (2025-06-15)
94+
95+
## [5.0.0-next.0](https://github.com/Tresjs/cientos/compare/4.3.1...5.0.0-next.0) (2025-06-06)
96+
97+
### ⚠ BREAKING CHANGES
98+
99+
* cientos is now ESM only
100+
101+
- Added 'es' format to the Vite configuration for better module compatibility.
102+
- Removed the UMD globals section from the output configuration as it is no longer necessary, streamlining the build process.
103+
* useGLTF no longer returns the plain obj, it now returns an object with reactive data (state, isLoading, error) and a load method.
104+
105+
- Refactored GLTF loading in components to use the updated `useGLTF` composable, improving state management and performance.
106+
- Removed unnecessary `Suspense` wrappers in demo components for cleaner rendering.
107+
- Added new demo components for showcasing GLTF model loading with DRACO compression.
108+
- Updated documentation to reflect changes in GLTF model usage.
109+
110+
* fix: update import syntax and clean up unused code
111+
112+
- Changed import statement for `TresObject` in `gltf-model.md` to use the correct TypeScript syntax.
113+
- Removed unused imports in `use-gltf/index.vue` for cleaner code.
114+
- Added ESLint directive to disable console warnings in `TheModel.vue` for development purposes.
115+
116+
* docs: update useGLTF implementation and clean up components
117+
118+
- Refactored components to utilize the new `useGLTF` structure, replacing direct access to nodes with reactive state management.
119+
- Removed unused imports and commented-out code for improved clarity and maintainability.
120+
- Updated documentation references to reflect changes in component usage and structure.
121+
122+
* feat: adapt useAnimations to new useAsyncState loader's model
123+
124+
- Added a new demo page for `use-animations` showcasing the animated GLTF model.
125+
- Refactored the `useAnimations` composable to support reactive animations using `MaybeRef`.
126+
- Updated the `TheModel.vue` component to utilize the new reactive state for animations.
127+
- Enhanced the main demo layout with `TresCanvas`, `OrbitControls`, and lighting for improved visualization.
128+
129+
* chore: update @tresjs/core dependency to version 5.0.0-next.0
130+
131+
- Changed the dependency for @tresjs/core in package.json and playground/vue/package.json to the stable version 5.0.0-next.0 from a previous URL reference.
132+
- Updated pnpm-lock.yaml to reflect the new version of @tresjs/core across all relevant sections.
133+
- Adjusted the useGLTF implementation in documentation to align with the new state management approach.
134+
135+
### Features
136+
137+
* 608 drop umd support ([#622](https://github.com/Tresjs/cientos/issues/622)) ([14afe95](https://github.com/Tresjs/cientos/commit/14afe95c3f0c1ae5fb5b6cc4b57d3f86b46f0f4b))
138+
* 609-refactor-usegltf ([#610](https://github.com/Tresjs/cientos/issues/610)) ([13943b0](https://github.com/Tresjs/cientos/commit/13943b0401a7f1d10723ae01659c6d8b50f04310))
139+
* 611 move cores usetexture to cientos ([#617](https://github.com/Tresjs/cientos/issues/617)) ([430377d](https://github.com/Tresjs/cientos/commit/430377d8d8a1b5e902167bc210e4f48b1141c300))
140+
* 615-adapt-camera-dependant-abstractions-to-core-v5-camera-changes ([#621](https://github.com/Tresjs/cientos/issues/621)) ([682d38f](https://github.com/Tresjs/cientos/commit/682d38f2a6366918a77aa7e8c312484582c62b8c))
141+
* 616-adapt-code-to-core-ctx-renderer-state-breaking-change ([#620](https://github.com/Tresjs/cientos/issues/620)) ([2ae981f](https://github.com/Tresjs/cientos/commit/2ae981f42fa6a76fad2202236b49c28f395dfb29))
142+
* **AccumulativeShadows:** add component, demo, docs ([#558](https://github.com/Tresjs/cientos/issues/558)) ([7e6b8d0](https://github.com/Tresjs/cientos/commit/7e6b8d0dbbe2f1f0500072815c86c2cf0c559a58))
143+
* **Bounds:** add component, demo, docs ([#408](https://github.com/Tresjs/cientos/issues/408)) ([#568](https://github.com/Tresjs/cientos/issues/568)) ([592ec68](https://github.com/Tresjs/cientos/commit/592ec68de83fcd5a62523b32b96ade825437ea68))
144+
* **CircleShadow:** add component, demo, docs ([#549](https://github.com/Tresjs/cientos/issues/549)) ([c0c1bcc](https://github.com/Tresjs/cientos/commit/c0c1bcc15743f0c93f8908b9e29d2555a4c79c85))
145+
* **CubicBezierLine:** add component, demo, docs ([#546](https://github.com/Tresjs/cientos/issues/546)) ([99c3a60](https://github.com/Tresjs/cientos/commit/99c3a60d5e99d25dcb65da1f04ccd4ce0499d919))
146+
* **Helper:** add component, demo, docs ([#543](https://github.com/Tresjs/cientos/issues/543)) ([63535a2](https://github.com/Tresjs/cientos/commit/63535a24689c5fb1353b26d2add7f899a74ada37))
147+
* **LOD:** add component, playground, docs ([#524](https://github.com/Tresjs/cientos/issues/524)) ([ef6438c](https://github.com/Tresjs/cientos/commit/ef6438c46d43d83ee6bf5d1b4e36a9a7e69c8297))
148+
* **MarchingCubes:** add component, demo, docs ([#553](https://github.com/Tresjs/cientos/issues/553)) ([2ebc1e6](https://github.com/Tresjs/cientos/commit/2ebc1e6c75107d6914b4ad3b7e8488b06f5db2f6))
149+
* **PointMaterial:** add component, demo, docs ([#545](https://github.com/Tresjs/cientos/issues/545)) ([4528f64](https://github.com/Tresjs/cientos/commit/4528f64063d2f9cc903cc9f21c8c09ef792b919a))
150+
* **QuadraticBezierLine:** add component, demo, docs ([#548](https://github.com/Tresjs/cientos/issues/548)) ([4a9f006](https://github.com/Tresjs/cientos/commit/4a9f006d5c318781d52f6e943b7c4f342a077667))
151+
* **ScreenQuad:** add component, playground, docs ([#530](https://github.com/Tresjs/cientos/issues/530)) ([34a3db5](https://github.com/Tresjs/cientos/commit/34a3db5162d084f9fc3db82885a271a1a8c31424))
152+
* **Stage:** add component, demo, docs ([#572](https://github.com/Tresjs/cientos/issues/572)) ([9db8c78](https://github.com/Tresjs/cientos/commit/9db8c782d434a33c64663f313bc289199281f4eb))
153+
* **useIntersect:** add function, demo, docs ([#550](https://github.com/Tresjs/cientos/issues/550)) ([b0ba621](https://github.com/Tresjs/cientos/commit/b0ba62159c4ae9b2e51f85dcad5c9fe8d03ff6e8))
154+
155+
### Bug Fixes
156+
157+
* fixes to next components and docs ([#586](https://github.com/Tresjs/cientos/issues/586)) ([bc54a1d](https://github.com/Tresjs/cientos/commit/bc54a1da5aa8e0f7c9852713c01d405b9f5eff29))
158+
* return nodes and materials computed directly ([#612](https://github.com/Tresjs/cientos/issues/612)) ([4fe342a](https://github.com/Tresjs/cientos/commit/4fe342aeb34741ce828ba1bed26279d00f9be9e7))
159+
* rollback to previous use tres usage ([#623](https://github.com/Tresjs/cientos/issues/623)) ([cfa38b1](https://github.com/Tresjs/cientos/commit/cfa38b1c88421430ab5204ae943443cc50e44dfe))
160+
3161
## [4.3.1](https://github.com/Tresjs/cientos/compare/4.3.0...4.3.1) (2025-05-16)
4162

5163
### Bug Fixes

‎docs/.vitepress/config.ts‎

Lines changed: 5 additions & 115 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,7 @@
1-
import { resolve } from 'pathe'
21
import { defineConfig } from 'vitepress'
2+
import { resolve } from 'pathe'
3+
4+
import components from '../component-list/components'
35

46
const whitelist = ['TresCanvas', 'TresLeches', 'TresScene']
57

@@ -61,120 +63,8 @@ export default defineConfig({
6163
{ text: 'Migration from v3', link: '/guide/migrating-from-v3' },
6264
],
6365
},
64-
{
65-
text: 'Abstractions',
66-
items: [
67-
{ text: 'Text3D', link: '/guide/abstractions/text-3d' },
68-
{ text: 'Levioso (Float)', link: '/guide/abstractions/levioso' },
69-
{ text: 'useAnimations', link: '/guide/abstractions/use-animations' },
70-
{ text: 'MouseParallax', link: '/guide/abstractions/mouse-parallax' },
71-
{ text: 'Lensflare', link: '/guide/abstractions/lensflare' },
72-
{ text: 'Reflector', link: '/guide/abstractions/reflector' },
73-
{ text: 'GlobalAudio', link: '/guide/abstractions/global-audio' },
74-
{ text: 'Fbo', link: '/guide/abstractions/fbo' },
75-
{ text: 'useFBO', link: '/guide/abstractions/use-fbo' },
76-
{ text: 'useSurfaceSampler', link: '/guide/abstractions/use-surface-sampler' },
77-
{ text: 'Sampler', link: '/guide/abstractions/sampler' },
78-
{ text: 'Edges', link: '/guide/abstractions/edges' },
79-
{ text: 'PositionalAudio', link: '/guide/abstractions/positional-audio' },
80-
{ text: 'AnimatedSprite', link: '/guide/abstractions/animated-sprite' },
81-
{ text: 'Mask', link: '/guide/abstractions/mask' },
82-
{ text: 'CubeCamera', link: '/guide/abstractions/cube-camera' },
83-
{ text: 'ScreenSizer', link: '/guide/abstractions/screen-sizer' },
84-
{ text: 'ScreenSpace', link: '/guide/abstractions/screen-space' },
85-
{ text: 'Outline', link: '/guide/abstractions/outline' },
86-
{ text: 'Image', link: '/guide/abstractions/image' },
87-
{ text: 'Billboard', link: '/guide/abstractions/billboard' },
88-
],
89-
},
90-
{
91-
text: 'Controls',
92-
items: [
93-
{ text: 'OrbitControls', link: '/guide/controls/orbit-controls' },
94-
{ text: 'CameraControls', link: '/guide/controls/camera-controls' },
95-
{ text: 'TransformControls', link: '/guide/controls/transform-controls' },
96-
{ text: 'PointerLockControls', link: '/guide/controls/pointer-lock-controls' },
97-
{ text: 'KeyboardControls', link: '/guide/controls/keyboard-controls' },
98-
{ text: 'ScrollControls', link: '/guide/controls/scroll-controls' },
99-
{ text: 'MapControls', link: '/guide/controls/map-controls' },
100-
],
101-
},
102-
{
103-
text: 'Loaders',
104-
items: [
105-
{ text: 'useProgress', link: '/guide/loaders/use-progress' },
106-
{ text: 'useGLTF', link: '/guide/loaders/use-gltf' },
107-
{ text: 'GLTFModel', link: '/guide/loaders/gltf-model' },
108-
{ text: 'useFBX', link: '/guide/loaders/use-fbx' },
109-
{ text: 'FBXModel', link: '/guide/loaders/fbx-model' },
110-
{ text: 'useVideoTexture', link: '/guide/loaders/use-video-texture' },
111-
{ text: 'SVG', link: '/guide/loaders/svg' },
112-
],
113-
},
114-
{
115-
text: 'Materials',
116-
collapsed: true,
117-
items: [
118-
{ text: 'WobbleMaterial', link: '/guide/materials/wobble-material' },
119-
{ text: 'MeshGlassMaterial', link: '/guide/materials/glass-material' },
120-
{ text: 'CustomShaderMaterial', link: '/guide/materials/custom-shader-material' },
121-
{ text: 'MeshReflectionMaterial', link: '/guide/materials/mesh-reflection-material' },
122-
/* { text: 'MeshDiscardMaterial', link: '/guide/materials/mesh-discard-material' }, */
123-
],
124-
},
125-
{
126-
text: 'Shapes',
127-
collapsed: true,
128-
items: [
129-
{ text: 'Box', link: '/guide/shapes/box' },
130-
{ text: 'CatmullRomCurve3', link: '/guide/shapes/catmullromcurve3' },
131-
{ text: 'Circle', link: '/guide/shapes/circle' },
132-
{ text: 'Cone', link: '/guide/shapes/cone' },
133-
{ text: 'Cylinder', link: '/guide/shapes/cylinder' },
134-
{ text: 'Dodecahedron', link: '/guide/shapes/dodecahedron' },
135-
{ text: 'Icosahedron', link: '/guide/shapes/icosahedron' },
136-
{ text: 'Line2', link: '/guide/shapes/line2' },
137-
{ text: 'Octahedron', link: '/guide/shapes/octahedron' },
138-
{ text: 'Plane', link: '/guide/shapes/plane' },
139-
{ text: 'Ring', link: '/guide/shapes/ring' },
140-
{ text: 'RoundedBox', link: '/guide/shapes/rounded-box' },
141-
{ text: 'Sphere', link: '/guide/shapes/sphere' },
142-
{ text: 'Superformula', link: '/guide/shapes/superformula' },
143-
{ text: 'Tetrahedron', link: '/guide/shapes/tetrahedron' },
144-
{ text: 'Torus', link: '/guide/shapes/torus' },
145-
{ text: 'TorusKnot', link: '/guide/shapes/torus-knot' },
146-
{ text: 'Tube', link: '/guide/shapes/tube' },
147-
],
148-
},
149-
{
150-
text: 'Staging',
151-
items: [
152-
{ text: 'Backdrop', link: '/guide/staging/backdrop' },
153-
{ text: 'Environment', link: '/guide/staging/environment' },
154-
{ text: 'useEnvironment', link: '/guide/staging/use-environment' },
155-
{ text: 'Sky', link: '/guide/staging/sky' },
156-
{ text: 'Stars', link: '/guide/staging/stars' },
157-
{ text: 'Smoke', link: '/guide/staging/smoke' },
158-
{ text: 'ContactShadows', link: '/guide/staging/contact-shadows' },
159-
{ text: 'Precipitation', link: '/guide/staging/precipitation' },
160-
{ text: 'Sparkles', link: '/guide/staging/sparkles' },
161-
{ text: 'Ocean', link: '/guide/staging/ocean' },
162-
{ text: 'Align', link: '/guide/staging/align' },
163-
{ text: 'SoftShadows', link: '/guide/staging/soft-shadows' },
164-
{ text: 'Grid', link: '/guide/staging/grid' },
165-
],
166-
},
167-
{
168-
text: 'Misc',
169-
collapsed: true,
170-
items: [
171-
{ text: 'Stats', link: '/guide/misc/stats' },
172-
{ text: 'Html', link: '/guide/misc/html-component' },
173-
{ text: 'StatsGl', link: '/guide/misc/stats-gl' },
174-
{ text: 'useGLTFExporter', link: '/guide/misc/use-gltf-exporter' },
175-
{ text: 'BakeShadows', link: '/guide/misc/bake-shadows' },
176-
],
177-
},
66+
...components,
67+
17868
],
17969

18070
socialLinks: [

‎docs/.vitepress/theme/components/AccumulativeShadowsDemo.vue‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
<script setup lang="ts">
2+
import { AccumulativeShadows, OrbitControls } from '@tresjs/cientos'
3+
import { TresCanvas } from '@tresjs/core'
4+
</script>
5+
6+
<template>
7+
<TresCanvas clear-color="#fbb03b" :shadows="true">
8+
<OrbitControls />
9+
<TresMesh :position-y="0.3" :scale="0.4" :cast-shadow="true">
10+
<TresTorusKnotGeometry />
11+
<TresMeshNormalMaterial />
12+
</TresMesh>
13+
<AccumulativeShadows
14+
:blend="100"
15+
color="#fbb03b"
16+
once
17+
:position-y="-0.4"
18+
/>
19+
</TresCanvas>
20+
</template>

‎docs/.vitepress/theme/components/BackdropDemo.vue‎

Lines changed: 3 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,9 @@
11
<script setup lang="ts">
22
import { Backdrop, GLTFModel, useProgress } from '@tresjs/cientos'
33
import { TresCanvas } from '@tresjs/core'
4-
4+
import type { Camera } from 'three'
55
import { PCFSoftShadowMap, SRGBColorSpace } from 'three'
6-
import { ref, watch, watchEffect } from 'vue'
6+
import { ref, watchEffect } from 'vue'
77
88
const gl = {
99
clearColor: 'pink',
@@ -13,21 +13,11 @@ const gl = {
1313
outputColorSpace: SRGBColorSpace,
1414
}
1515
16-
const model = ref(null)
17-
18-
watch(model, ({ value }) => {
19-
value.traverse((child) => {
20-
if (child.isMesh) {
21-
child.castShadow = true
22-
}
23-
})
24-
})
25-
2616
const cameraRef = ref(null)
2717
2818
watchEffect(() => {
2919
if (cameraRef.value) {
30-
(cameraRef.value as THREE.Camera).lookAt(0, 5, 0)
20+
(cameraRef.value as Camera).lookAt(0, 5, 0)
3121
}
3222
})
3323
@@ -58,7 +48,6 @@ const { hasFinishLoading, progress } = await useProgress()
5848
/>
5949
<Suspense>
6050
<GLTFModel
61-
ref="model"
6251
path="https://raw.githubusercontent.com/Tresjs/assets/main/models/gltf/blender-cube.glb"
6352
:rotation="[0, 0.5, 0]"
6453
:position="[0, 0.4, 0]"

0 commit comments

Comments
 (0)