The most impressive websites in the world use 3D graphics and animations to bring their content to life. Learn how to build your own ThreeJS 3D Developer Portfolio today!
I have a student that's going through this tutorial and I found an unexpected issue.
I started a plain Vite project and transported the <Hero /> component so that I could render the 3D computer.
The end result is something like this:
I did add enableZoom={true} to the <OrbitalControls /> component, and that allowed me to at least see some of the image render properly:
So it's clear to me that I'm making a mistake somewhere when it comes to rendering this image, despite more or less copying code and trying to set up the styles correctly.
I am not familiar with three, so any advice or wisdom would be helpful :)
I have a student that's going through this tutorial and I found an unexpected issue.
I started a plain Vite project and transported the
<Hero />component so that I could render the 3D computer.The end result is something like this:
I did add
enableZoom={true}to the<OrbitalControls />component, and that allowed me to at least see some of the image render properly:So it's clear to me that I'm making a mistake somewhere when it comes to rendering this image, despite more or less copying code and trying to set up the styles correctly.
I am not familiar with three, so any advice or wisdom would be helpful :)