Multiple 3D object on single web page

Im developing landing page which will be using multiple 3D objects in it. I decided to split my workflow by recreating every section with 3d object as a separate vite project. Every 3d object has different functionality and will have different width and height according to figma project.
I wonder if there are any tips on how to place it correctly on 1 html page

Your scientists were so preoccupied with whether or not they could, they didn't stop to think if they should.

Creating a separate vite project for each part of your website is like taking 150 random people to build LEGO Set 40797 “Eeyore” together - and asking each person to be responsible to placing only, exactly 1 lego block. Would it work? Sure, with some tracking and coordination. Would it be efficient and / or reasonable? Ain’t so sure about that.

Vite is a bundler. It bundles your entire project. Not parts of a project. It takes multiple files and puts them into a single, deployable, static directory with a single entry file. If you want to split parts of your project - split them into directories within a single vite project, that’s all.

1 Like