Skip to main content

Word - Reader

00:00:40:50

Visit Website

Photo Gallery

Technologies used

  • Next.js
  • TypeScript
  • Tailwind CSS
  • React three fiber
  • Three.js
  • @React-three/drei
  • Speech Synthesis
  • Vercel (For the deployment)

Brief Summary of the Project

  • This is a project made to show how insane packages of react three fiber are.
  • And how this translates to a website's 3D experience and performance.
  • This project showcases the use of react three fiber to create a 3D model of a face and stage lights that focus on the mouse tip.
  • The face model is made in blender and exported as a GLTF file.
  • Then the Speech synthesis API is used to make the sound.
  • The face model is then animated using useEffect.
  • It is then deployed using Vercel.