Project 03 – Physical Computing Studio https://courses.ideate.cmu.edu/48-390/s2017 48-390 Spring 2017 Thu, 13 Apr 2017 17:32:43 +0000 en-US hourly 1 https://wordpress.org/?v=4.7.28 122827330 Project 03 — Augmenting Virtual Worlds https://courses.ideate.cmu.edu/48-390/s2017/project-03-augmenting-virtual-worlds/ Thu, 23 Mar 2017 15:01:01 +0000 https://courses.ideate.cmu.edu/48-390/s2017/?p=113 Continue reading "Project 03 — Augmenting Virtual Worlds"

]]>

PROMPT

Create a virtual world that affects and is affected by the physical one.

DATES

3/21: Kickoff & Three.js Workshop
3/23: Three.js VR Workshop
3/28: Socket.io & Johnny-Five Workshop
3/30: Work Day
4/4: Crit

DETAILS

This project has three main components:
* Create a custom Google Cardboard that fits your personal phone, and potentially incorporates sensors, actuators, an Arduino, and/or a Raspberry Pi.
* Create a Node.js server capable of reading sensors/writing to actuators on an Arduino/Raspberry Pi.
* Create a Three.js Virtual Reality world capable of conversing with the server.

CODE

Github Repo

Node.js Documentation
Express Documentation
Pug Documentation
Socket.io Documentation
Johnny Five Documentation

]]>
113
Intro to Three.js https://courses.ideate.cmu.edu/48-390/s2017/intro-to-three-js/ Tue, 21 Mar 2017 17:36:12 +0000 https://courses.ideate.cmu.edu/48-390/s2017/?p=111 Continue reading "Intro to Three.js"

]]>
Three.js
  1. Download three.js from three.js website.

  2. Follow the Getting Started tutorial. We’ll go over this together.

  3. Import an external model into your project:

Save the file from here into a file called OBJMTLLoader.js, within your three.js folder.

Include this code to import an OBJ with materials:

var objMtlLoader = new THREE.OBJMTLLoader(); // create the OBJ loader

objMtlLoader.load("filename.obj", "filename.mtl", function(object, url) { // load the OBJ and companion MTL
    scene.add(object); // add it to the scene
});
]]>
111