I tried this code," document.getElementById(‘section’).appendChild(renderer.domElement)." But, the 3D objects are still separated in one screen, not together in one section or division.
Can you please give any other solution? Thanks a lot.
you have two separate sandboxes. and you should have a basic understanding of how three functions. you take out all the meshes one by one, add them to your scene, and then worry about side effects (render, resize, …). if you really don’t know how i think it’s to early, you should probably just study javascript and make simple threejs scenes with simple shapes. these examples are outdated anyway and wouldn’t run under latest three, they’d throw you into some churn bringing them up to date.
It’s clear that to take out each mesh and add them to one scene. If I want to separate different meshes in different javascript files in order to shorten the file length, is it possible for three.js by importing or exporting one another?
Attached is the screenshot for what I could do. The two 3D objects are separated, not in one section.