Skip to content
Snippets Groups Projects
README.md 3.97 KiB
Newer Older
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
# How to Make Almost Anything - Building 3D Interfaces
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed

Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
## Three.js:
- Examples:
    - [Three.js Examples](https://threejs.org/examples/)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - Research examples
      - [Robot Inverse Kinematics](https://amiraa.pages.cba.mit.edu/swarm-morphing/recursive_swarm/demos/indexIK.html)
      - [Swarm Robots and Path Planning](https://amiraa.pages.cba.mit.edu/swarm-morphing/recursive_swarm/demos/indexCone.html)
      - [CFD Simulation](https://amiraa.pages.cba.mit.edu/GPU-LatticeBoltzmann/_Code/indexStatic.html)
      - [Hardware Design Tools](https://amiraa.pages.cba.mit.edu/physical-computing-design-tools/01_Code/physical_computing_interface/demos/indexSimulation.html)
    - Other Examples
      - Data Visualization: [A world of Oil](https://www.gsmlondon.ac.uk/global-oil-map/)
      - Architecture Visuzalization: [Cruciform](https://www.clicktorelease.com/code/cruciform/)
      - Interactive 3D model: [Renault](https://renaultespace.littleworkshop.fr/)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed

- Tutorials:
    - [Lynda: Learning 3D Graphics on the Web with Three.js](https://www.lynda.com/JavaScript-tutorials/Learning-3D-Graphics-Web-Three-js/586668-2.html)
    - [WebGL](https://webglfundamentals.org/webgl/lessons/webgl-fundamentals.html)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - [AR](https://stemkoski.github.io/AR-Examples/)
    - [AR.js](https://jeromeetienne.github.io/AR.js-docs/misc/EXAMPLES.html)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - [VR](https://threejs.org/docs/#manual/en/introduction/How-to-create-VR-content)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
- Topics:
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - 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
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - AR/VR
        -  Basic QR Code
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
            -  https://amiraa.pages.cba.mit.edu/3d_interfaces_recitation/1_Three.js/6_AR/hello-cube.html 
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
        -  [Creating Custom Codes](https://medium.com/arjs/how-to-create-your-own-marker-44becbec1105)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    -  Physics
        -  [Ammo.js](https://github.com/kripken/ammo.js/)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed

## Unity:
- Examples:
    - [Examples](https://unity.com/madewith?_ga=2.185694379.36137922.1543245587-676820850.1535121275)
- Tutorials:
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - [Unity Learn](https://learn.unity.com/)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - [Lynda: Advanced Unity: 3D Game Programming](https://www.lynda.com/Unity-3D-tutorials/Advanced-Unity-3D-Game-Programming/160270-2.html)
    - [Example Projects](https://unity3d.com/learn/resources/downloads)
- Integration with Hardware:
    - [Unity and Arduino](http://www.alanzucconi.com/2015/10/07/how-to-integrate-arduino-with-unity/)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - [Unity and Arduino2](https://www.iottechtrends.com/integrate-arduino-with-unity-3d/)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - [Week 11](http://fab.cba.mit.edu/classes/863.16/section.Harvard/people/Abdel-Rahman/index.html)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
- VR:
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - [Oculus Learn](https://developer.oculus.com/blog/free-oculus-unity-vr-development-course/)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - [Tutorial 1: Circuit Stream](https://circuitstream.com/htc-vive-tutorial/)
    - [Tutorial 2: VRTK](https://vrtoolkit.readme.io/)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - [Google Cardboard Workflow](https://developers.google.com/vr/develop/unity/get-started-ios)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - [Make your own Cardboard](https://vr.google.com/cardboard/manufacturers/)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
- AR:
    - [Unity Project Link](https://www.dropbox.com/s/52hg99eg2hw73to/5_AR.zip?dl=0) 
    - [AR Toolkit Unity](https://github.com/artoolkit/arunity5)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - [Marker Based AR](https://assetstore.unity.com/packages/templates/tutorials/markerbased-ar-example-29678)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - [vuforia](https://library.vuforia.com/articles/Training/getting-started-with-vuforia-in-unity.html#activation)
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
- Topics:
Amira Abdel-Rahman's avatar
Amira Abdel-Rahman committed
    - Unity Interface
    - First Script
        - Box Rotation
    - Input
        - Keyboard
        - Mouse
    - Mesh Manipulation
        - Building Meshes
        - Dynamic Mesh
    - Exporting to webgl