I need to have build a 3d website using THREE.JS.
Visually, the scene (referring to what the user can see) will consist of a number of spheres (around 10) clustered near each other in the 3d space. They will be connected via thick lines to a central logo in the middle of the scene.
Functionally, the spheres will be the 'navigational links' to content. E.g. Clicking on a sphere, will trigger a <div> or a frame to pop up and contain text. (For now, dummy text is fine). Clicking out of the pop-up will return to the '3d scene'.
I also need the camera to automatically 'zoom-in' from a distance towards the spheres, at the start (on page load).
Camera controls are to be fairly restricted. Maybe allow for 1 degree of freedom (zooming along the z-axis).
This has to be written in [login to view URL] - and the code has to be commented very well.
Attached is a wireframe.
Let me know if this is unclear.
Cheers,
Hello, I am expert in jQuery/javascript . I am ready to start work on this task. I understood properly that you don't want "Camera controls". I am ready to customize "Camera controls" as per your requirement. Just give me modifications what you exactly want to modify in "Camera controls". I am sure you will happy with my work. Thanks.