How to Make Almost Anything - Building 3D Interfaces

Three.js:

• Examples:

  • Three.js Examples
  • Data Visualization: A world of Oil
  • Architecture Visuzalization: Cruciform
  • Interactive 3D model: Renault

• Tutorials:

  • Lynda: Learning 3D Graphics on the Web with Three.js
  • WebGL
  • AR
  • AR.js
  • [VR](https://threejs.org/docs/#manual/en/introduction/How-to- create-VR-content)

• Topics:

  • Scene and Camera
    • Camera
    • Renderer
    • Objects Positions and properties
  • Primitives and Transforms
    • Update Renderer
    • Name to objects
    • Rotate each frame
    • Parent-Child relationship
    • Scene traverse
  • Control
    • Data.gui
    • orbit control
  • Material and Light
    • Change material
    • Change to multple objects
    • Change light type
    • Realistic Material
  • Mesh Manipulation and Data
    • Boxes Movement
    • Vertices Manipulation
  • AR/VR
    • Basic QR Code
    • Creating Custom Codes

Unity:

• Examples:
  • Examples
• Tutorials:
  • Lynda: Advanced Unity: 3D Game Programming
  • Example Projects
• Integration with Hardware:
  • Unity and Arduino
  • Week 11
• VR:
  • Tutorial 1: Circuit Stream
  • Tutorial 2: VRTK
  • Google Cardboard Workflow
  • Make your own Cardboard
• AR:
  • Unity Project Link
  • AR Toolkit Unity
  • Marker Based AR
  • vuforia
• Topics:
  • Unity Interface
  • First Script
    • Box Rotation
  • Input
    • Keyboard
    • Mouse
  • Mesh Manipulation
    • Building Meshes
    • Dynamic Mesh
  • Exporting to webgl