I am in the process of setting up a website that loads 3D models in PLY format, using Three.js along with its PLYLOADER.
However, I am encountering an issue where each model is loading in a different position. While I have managed to align them perpendicularly to the ground, some appear distant from the camera, and others seem rotated around the Y-axis (not at their center).
Below is a snippet of my HTML code:
<div id="WebGL-output"></div>
And this is the segment of my JS code:
<script type="text/javascript">
// Code block for initializing scene, camera, controls, etc.
</script>
I'm seeking assistance on ensuring all models load with identical camera positions, centralized alignment, and consistent size.
Additionally, if transitioning to a different file extension would yield better results, I am open to suggestions.
Thank you in advance.
EDIT: Following guidance provided by @alex, I have made improvements to my code, resulting in well-centered models. The only aspect remaining is establishing a fixed camera position once the model is loaded.