I have a strange problem with one of my projects, I'm not really sure if it is a bug or just something wrong on my side.
I've implemented a 3D Scene that includes some composables from Cientos, namely: Text3D, Levioso and MouseParallax. I'm using them in a Nuxt project, all packages are updated to the latest verisons.
Short version:Levioso and MouseParallax are not working on the site frontend in the development environment (when running pnpm dev) but they work correctly in the built static site (when running pnpm generate && pnpm preview)
This is not where the problem occurs, this demo is working fine also in the dev env: I tried to replicate this configuration in another project (that I can't share publicly at the moment), and I have the problem described before. From what I understand, both Levioso and 'MouseParallax` do not need some specific setup, at least the documentation does not specify special use cases that may require special configuration.
No errors or other messages are sent to the console, both in the browser and in the terminal where I launched the dev server. The only clue is that these animations are just not working in the development environment.
I'm not sure if this is enough to get some help, I understand that there are not many info here. But I am puzzled by eh fact that the same setup works in one project and noting another.
Describe the bug
I have a strange problem with one of my projects, I'm not really sure if it is a bug or just something wrong on my side.
I've implemented a 3D Scene that includes some composables from Cientos, namely:
Text3D
,Levioso
andMouseParallax
. I'm using them in a Nuxt project, all packages are updated to the latest verisons.Short version:
Levioso
andMouseParallax
are not working on the site frontend in the development environment (when runningpnpm dev
) but they work correctly in the built static site (when runningpnpm generate && pnpm preview
)Long version: I already tested this setup before, and everything was working correctly, even in the development environment. You can see the final scene here https://tresjs-playground.vercel.app/3d-text and this is its source https://github.com/stefanobartoletti/tresjs-playground/blob/main/pages/3d-text.vue
This is not where the problem occurs, this demo is working fine also in the dev env: I tried to replicate this configuration in another project (that I can't share publicly at the moment), and I have the problem described before. From what I understand, both
Levioso
and 'MouseParallax` do not need some specific setup, at least the documentation does not specify special use cases that may require special configuration.No errors or other messages are sent to the console, both in the browser and in the terminal where I launched the dev server. The only clue is that these animations are just not working in the development environment.
I'm not sure if this is enough to get some help, I understand that there are not many info here. But I am puzzled by eh fact that the same setup works in one project and noting another.
Reproduction
https://github.com/stefanobartoletti/tresjs-playground/blob/main/pages/3d-text.vue
Steps to reproduce
No response
System Info
Used Package Manager
pnpm
Code of Conduct