Optimize Scene

[mikasonwar]

Let's try to optimize the scene, currently it's a little too janky on devices without a dedicated graphics card

Lets try to:

• Switch all the Geometry to BufferGeometry
• Switch the BoxGeometry where we only need two planes to PlaneGeometry
• Check Spotlight performance and see if there's a better alternative
• Change FOV based on device size
• Change AntiAlias based on pixel ratio and/or FPS

Helpful links for this:

• https://discourse.threejs.org/t/how-to-optimize-objects-in-three-js-methods-of-optimization/2242
• https://attackingpixels.com/tips-tricks-optimizing-three-js-performance/
• https://discoverthreejs.com/tips-and-tricks/

[mikasonwar]

Some work as been done in this department:

https://github.com/mikasonwar/homepage/commit/ad9698f8673ba1937e4ea1b20281009750a4e068 https://github.com/mikasonwar/homepage/commit/e0789924e601cbff65f91ce699cd860bac55f844 https://github.com/mikasonwar/homepage/commit/0c032b2f204beef05f4e84888a7e55b6bb013a72

Not fully completed yet though.