We have a project that needs some work done to it, many of the jobs should be quick.
The tasks are;
1) When the 3D model loads in ThreeJS, it must sit centred on the screen and the rotation must be centred in the model. Currently when the model loads, the rotation point is a little off-centre.
2) When the browser is resized, everything must resize so it takes advantage of the whole screen area without the model going off-screen.
3) Do a general code tidy, remove unnecessary code, and add some comments to the code.
4) Our ThreeJS project displays annotations circles on the model, we need a straight vertical line on each hotspot circle, which runs from the bottom of the hotspot down into the model but does not come out of the bottom. The line must appear attached to the circle and remain like that even when rotated or zoomed.
5) In the annotation JSON file, we want to define the thickness of the line and its colour.
6) In the annotation JSON file, we would also like to define the colour of the circle and its border colour.
7) Allow us to define the annotation button colours in the annotation JSON file.
8) When the initial loading bar comes up, we want to define its colour and also any logos image to be displayed above the loading bar in the annotation JSON file. We also need the loading bar to sit in the middle of the screen (horizontally and virtually).
9) Write a bit of JavaScript to check for any updates to the annotation JSON file every 5 seconds, and if there's any change, no matter what, update the ThreeJS output.