Objective

An interactive 3D website for Toyoda Crown.

Challenge

The project's most significant challenge was a performance issue. Because the page contained a canvas and React elements to render both of 3D scene and html elements, it consumed a significant amount of resources, leading to performance issues. In order to resolve this issue, I implemented a solution that only drew the 3D canvas when a user triggered an event on the canvas, and otherwise, rendering of the canvas was paused. As a result, only React elements were rendered until a user triggered an event, significantly improving the overall performance of the application.