How to Make Almost Anything - Building 3D Interfaces

Three.js:

• Examples:

  • Three.js Examples
  • Research examples
    • Robot Inverse Kinematics
    • Swarm Robots and Path Planning
    • CFD Simulation
    • Hardware Design Tools
  • Other 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

• 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
      • https://amiraa.pages.cba.mit.edu/3d_interfaces_recitation/1_Three.js/6_AR/hello-cube.html
    • Creating Custom Codes
  • Physics
    • Ammo.js

Unity:

• Examples:
  • Examples
• Tutorials:
  • Unity Learn
  • Lynda: Advanced Unity: 3D Game Programming
  • Example Projects
• Integration with Hardware:
  • Unity and Arduino
  • Unity and Arduino2
  • Week 11
• VR:
  • Oculus Learn
  • 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