Mahina

  • Hawaiian Moon Phases

    View project

  • Inspired by the moon phase exhibition in the Bishop Museums Hawaiian Hall. Originally created in three.js, I ported it to react-three-fiber for added interactivity. The moon is comprised of a sphere with a color and bump map textures from NASA. The bump map is used to fake additional verticies to give the craters depth without adding geometry. The shadow is created using a directional light which revolves around the moon. The slider allows the user to change the phase of the moon with LERP interpolation.

  • Technologies Used

    • NextJS
    • React Three Fiber
    • Drei
Image of a Macbook Pro with the Mahina website displayed on the screen.