Skip to main content

3D Room - A Interactive 3D Experience

00:00:38:39

Visit Website

Photo Gallery

3D Room

Technologies used

  • Html , CSS , Javascript
  • GLSL blender
  • Glslify Loader
  • gsap
  • Portfinder-Sync
  • Raw-loader
  • Tweakpane
  • Stats.js
  • Webpack

Brief Summary of the Project

  • This project uses Three.js to make the model load in the browser.
  • The models texture can be controlled using the tweakpane.
  • The models can be rotated using the mouse.
  • The model has two different environemnt (day and night) which can be controlled by tweakpane.
  • This Models texture are all baked in blender.
  • The models are loaded using GLTFLoader.
  • The models are animated using GSAP.
  • Then the website is bundled by Webpack.
  • The bundled files are then deployed to Netlify.