北科大 林怡妡 李虹儀 Processing案例分享

1. 104AC8001 林怡妡 + 104AC8020 李虹儀
4/13 互動程式動次動次

2. Processing 應用實例

3. Capital BikeShare Data Visualization
This animation shows over 32,000 trips on the
Capital Bikeshare from October 4-8 2012.
(Wednesday-Sunday) Data available here:
http://www.capitalbikeshare.com/trip-....
Blue dots are trip starts, and fade away
immediately after appearing. Yellow dots show
the interpolated path between start station and
end station over time.
Visualization by @chris_whong - Made in NYC Made with Processing.

4. Trip History Data
What is included?
Each .csv file contains data for one quarter of the year. Within each file there are 7 columns.
● Duration - Duration of trip
● Start date – Includes start date and time
● End date – Includes end date and time
● Start station – Includes starting station name and number
● End station – Includes ending station name and number Bike
# - Includes ID number of bike used for the trip
● Member Type – Lists whether user was a Registered (annual or monthly) or Casual (1 to 5 day)
member.

5. The Gate / A Musical Experience
interaction design / processing by Kallirroi Pouliadou
http://pouliadou.com/2014/01/the-
gate-a-musical-experience/
● Guitars Museum

6. ◉ Naturally, people need incentives to go back to a
museum they have already visited.
◉ Engaging relationship

7. Glass box
where many concerts from local teenage
bands take place and passers-by stand for
a moment and appreciate.

8. A QR code card (‘The Key’)
● track their history on their profile and store
important information regarding their visit.

10. ◉ From the time the visitor enters the room where the
installation is located and generates the code, the
experience is recorded and stored on their personal profile.

11. They are redirected to the visualization
and the musical experience they have
created.

12. http://www.creativeapplications.net/processing/augmented-reality-with-processing-
tutorial-processing/
AR with Processing
● NyArtoolkit for Processing 1.1.6
● GSVideo 1.0.0
● Patterns

13. WebCam + Processing
範例練習