Optimize 3D point cloud webpage

To optimize a webpage displaying a 3D point cloud space : 1) To optimize the scaling issue of the project (i.e. computationally expensive to load 400MB images all at once, each point in the original webpage corresponds to an image), the image of the point will need only to show up when they are near the screen, and will turn into pure white dots when they are far from the screen. We need to make sure white points in the back do not blend with each other (namely, avoid the situation that they cannot be distinguished from each other) if they are crowded. 2) Each point needs to be connected with its neighbour points with a thin grey thread. The list of neighbour points has been calculated and will be provided (No need to redo the calculation for neighbouring points). 3) Add a button at the upright corner to quickly zoom out to the full view perspective, allowing the viewers to see all the points when they lose track in the space. 4) Change the centre of rotating the space to the centre of the point clouds, making it easier to rotate and navigate. 5) Change the cursor to a semi-transparent grey dot on the webpage, to make it look more visually comfortable.