/javascript-3d-view

Render 3D model of car in browser using Three.js

Primary LanguageJavaScriptMIT LicenseMIT

WebGL 3D Model Viewer Using three.js

alt text

Specification

  • OBJ loader for loading a geometry format that is as old and widely supported as GIFs.
  • MTL loader for loading really simple materials.
  • Orbit controls to smoothly turn the camera around the model.
  • Nearest-neighbor filtering and a pure white ambient light to showcase pixel art textures.
  • All libraries taken from the three.js repository.

References http://benchung.com/loading-animation-three-js/

Tools:

Text creations: http://www.flamingtext.com/logo/Design-3D-Text

  1. Zbrush High Poly to Low Poly https://www.youtube.com/watch?v=pG2uDwTJLqQ

  2. ------ Maya Workflow ---------------

  3. Enable OBJ export: Windows -> Setting Preferences -> Plugin Manager

  4. Reduce Mesh geometry Mesh -> Reduce

  5. Use GoZ to edit surface material with polypaint or UV

  6. Free 3d models from https://www.cgtrader.com