virDrobe

---

Virtual Wardrobe

Virtual Wardrobe made possible and easier with Kinect

Used the open source framework, openFrameworks and C++ to develop a user-friendly and intuitive application for users to store their clothes’ information. The application has 2 main functions: Scan and Fit.

• Scan: it scans the image that is within a certain distance. Users can define the distances by themselves. They can simply hold the clothes in front of Kinect’s camera and scan it. They can operate this function using hand gestures with Kinect.

• Fit: users can try the clothes on by retrieving the data from the software with hand gestures interacted with Kinect. The software will detect the face of the user and draw the clothes the user selects accordingly.

• Once the user stays on any button for more than 1 second, it triggers a click, and the application will give a click sound to indicate the user that the action is completed. It will give the user a feedback to know the operation has been done.

• Client: Stevens Institute of Technology
• Date: Septemper - December 2013
• Service: openFrameworks Application

Close

Interactive Window Display

---

This is a project I did while interning at NextFab Studio, a fabrication lab located in Philadelphia, PA. The main purpose is to attract and engage pedestrians. It will allow passersby to have a chance to join a temporary public art project with us and explore more about NextFab Studio.

• Client: NextFab Studio
• Date: October 2011
• Service: openFrameworks Application

Close

3D scanning and printing

---

Used Microsoft Kinect sensor and RepRap’s Prusa Mendel 3D printer to scan and print objects in 3D format and showcased at the NextFab Preview Party in April 2012.

• Client: NextFab Studio
• Date: April 2014
• Service: openFrameworks Application

Close

Labs

---

Open in new Window

Help modify, add, and improve features to the production using jQuery. For example, implement different UI upon clients’ requests, change the floor plan when navigating to different floors, implement colliders or bounding boxes for certain models, and navigate to different spots in the model with one click or the space bar. Demo: http://labs.floored.com/clients/g-holdings/214-west-39/ *Chrome or WebGL supported browser required.

• Client: Floored
• Date: Jan.2014 - Sep.2014
• Service: Web Development

Close

Fallback

---

Researched a solution for web browsers that do not support WebGL or computers that do not have strong graphic cards to load our 3D interactive contents. The outcome of it is to develop a lite version of our current 3D engine, which has similar functions such as floor plan navigation and stair buttons for user to navigate through different floors. It is similar to Google Street View where users can still explore the 3D models using the moderate computers or any kind of browsers. It is suitable and seamless across different browsers from Windows IE8 to Google Chrome, and it was written in pure, low-level JavaScript and html. Demo: http://depot.floored.com/scenes/North-Forest-Pilot-Suite-201/numa or checkout the embedded version above.

• Client: Floored
• Date: April 2014
• Service: Web Development

Close

Terminal Stores

---

Open in new Window

The website was implemented to demonstrate each units’ information within a building and calculate the total space sqft of the selected units using html5, WebGL, ThreeJS, AngularJS, and gulp (Node.js). The users can modify the units’ information using a specific Google Spreadsheet that we provide.

• Client: Floored
• Date: April 2014
• Service: Web Development

Close

Real-Time Rendering

---

Featured: forest, water, light & shadow map, terrain generation with height map, sound effect, and an animated eagle!

Made with: C++, openGL, Assimp, SDL2

• Client: Stevens Institute of Technology
• Date: April 2014
• Service: C++ Application

Close

Engage Making

---

• Developed innovative ways and intervention tools to helpclients to recruit new members.

• Collaborated with a wide range of stakeholders including 4 makser spaces and 10 makser spaces members.

• Utilized a series of design research to get more in-depth information from the clients.

• Client: University of the Arts
• Date: April 2012
• Service: Design Research

Close

Rethink University Enrollment

---

• Rethought the enrollment process to understand where opportunities for improvement were.

• Collaborated with a wide range of stakeholders including 2 college deans and 24 faculty members.

• Utilized a variety of design methods such as mapping, prototyping and visualization of abstract elements.

• Client: University of the Arts
• Date: December 2010
• Service: Design Research

Close