Processing - Case Study / Tutorial | 20160427

Apr 27, 20160 likes468 views

Horace Chuang

1. Interactive & New Media Art Project | Case Study 2. Data Visualization | Tutorial

ANIMA iki
immersive experience of light and sound／2015

?ANIMA? is a sculptural installation developed to explore the relationship
between itself and its surroundings through the use of movement, texture, light
and sound. The installation consists of a giant glowing sphere measuring two
meters in diameter.
The reaction of the programmed light formations is a remediation of the
surroundings, feasting on its environment to create an immersive and interactive
experience of light and sound.
https://player.vimeo.com/video/128767230

https://player.vimeo.com/video/143076578

Processing - Case Study / Tutorial | 20160427

Rain Room, 2012
https://youtu.be/EkvazIZx-F0
http://random-international.com/work/rainroom

https://player.vimeo.com/video/164197088

Sample：Energy Consumption Data Visualization
http://openprocessing.org/sketch/198208
xml：數據文件，在本案
例中紀錄10個國家的
耗能狀況；
pde：processing的
code。

Sample：Energy Consumption Data Visualization
xml：數據文件，在本案
例中紀錄10個國家的
耗能狀況；

Sample：Energy Consumption Data Visualization
step1:
1. 讀入xml數據文件；
2. 建立arraylist存放所有運動
小球；
3. 建立position的array存放所
有國家顯示的位置；
4. 建立ballamount的array存放
所有國家的能源數據，也是
小球的數目；

Sample：Energy Consumption Data Visualization
step2（setup）:
1. 規定一些繪製的規則；
2. 根據讀入的數據，將 step1中
的各個array中填入內容；

Sample：Energy Consumption Data Visualization
position
0 1 2 3 4 5 6 7 8 9
ball
amount
0 1 2 3 4 5 6 7 8 9
455/40 456/40 461/40 545/40 550/40 601/40 858/40 860/40
3741/4
0
4693/4
0
country
name
0 1 2 3 4 5 6 7 8 9

Sample：Energy Consumption Data Visualization
step3（draw）:
1. 根據規則、繪製小球；
2. 繪製各個國家能耗數據之間
的連線；
3. 標記國家名稱

Sample：Energy Consumption Data Visualization
else（class ball）:
1. 自己建立規則class；
2. class Ball裡包含一些變數和
function；
3. 變數包括小球的旋轉中心、
速度、加速度、大小、旋轉角
度與速度、能量級別等；
4. function包括重新更新旋轉
的中心和繪製。

Sample：Energy Consumption Data Visualization
Let’s try (? ??_??)?

The document discusses Facebook's audience tools. It describes custom audiences which can be built using customer lists, website traffic data from Facebook pixels, or app activity data from SDKs. It also describes lookalike audiences which are generated by Facebook to reach new people similar to a custom audience. Saved target groups allow custom and lookalike audiences to be reused for campaigns.

Factory PatternsJamie (Taka) Wang

尘产辞迟初体验允帥游

Getting started with test automationIvan Wei

股海停听看查研初探vivistar168

使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)Will Huang

前端工程師看似光鮮亮麗，可以做出任何想要的功能與介面，不過當碰到後端技術與各式資料庫，許多人就會立刻投降，乖乖等待後端工程師將 API 寫好才能繼續開發。否則，你就要開始研究另一個全新的後端開發世界，往全端工程師邁進。不過一個人的時間資源有限，你在一個地方獲得，就會在另一個地方失去。有鑑於最近正夯的 Serverless (無伺服器) 架構正在興起，本次演講我將示範如何利用 Angular 2 搭配 Google Firebase 打造一個無伺服器的網站開發架構，用純前端技術就能打造出完整又即時的網站。現場 Live Demo Code https://github.com/doggy8088/jsdc2016-ng2-firebase

SOBO Design profileSOBO Design

打造国际化产物：厂迟谤颈办颈苍驳濒测的滨18苍实践Daniel Gong

Strikingly 的用户遍及 200 多个国家和地区，这些用户来自不同的文化背景，熟悉不同的语言，如何使这些用户使用各自熟悉的语言访问我们的 Web 服务和移动应用，与我们的客服人员沟通，甚至将该语言的文化元素融入到产物设计中，是我们一直致力于解决的问题，在这个过程中我们也积累了不少经验，希望可以分享出来并帮助到有志于打造国际化产物的团队。

Learning Ability PptNishit Mehta

The document discusses various aspects of learning ability and learning theories. It defines learning as increasing one's capacity for action and as both a process and outcome involving knowledge, skills, and insights. Learning theories discussed include reinforcement learning, cognitive learning, experiential learning, and social learning. Kolb's learning cycle and learning styles are presented, along with Honey and Mumford's learning styles. The summary concludes by outlining conditions for effective learning and discussing formal versus informal learning.

[生產力4.0 ]智慧機器人技術趨勢與產業應用賴文政博士Doctor of Management, University of Maryland (US).

【 StraaS 講堂】建立你的影音商業模式LIVEhouse.in

Obs 教學LIVEhouse.in

使用者导向课堂报告-惭颈谤谤辞谤贵耻驳耻别Ching Chen

离婚绘本怡如林

MixTaiwan 20170208-趨勢-程世嘉-future work and educationMix Taiwan

This document discusses how AI and automation will impact future work and education. It covers topics like self-driving vehicles, deep learning, the types of jobs that may be created or eliminated by AI, and how income and wealth inequality could be affected. It also addresses policy issues around ensuring the safe and responsible development of AI through principles like value alignment, transparency, and accountability. The document advocates for investing in AI R&D and safety, expanding education and training opportunities, and modernizing social safety nets to help workers transition as jobs are lost to automation.

HITCON TALK 台灣駭客協會年度活動簡介Hacks in Taiwan (HITCON)

Scenario Design ProcessNTUST

20160921 Pokemon Go & VR/AR/MRChristina Hsu

Vpon - 廣告效果導向為基礎的行動廣告系統Vpon

This document discusses Vpon's mobile advertising system and recommender model. It describes the basic concept, challenges, and infrastructure of Vpon's ad serving platform. It then focuses on the recommender system, outlining the design, implementation, and evaluation process. Key steps include calculating ad and user similarities, predicting user preferences, optimizing ad delivery, and continuously improving based on results. The recommender significantly increased click-through and conversion rates while reducing costs.

Facebook Creative 與 Marketing API 使用Chen Liwei

The document outlines Facebook's Creative Marketing API which allows creating and posting different types of content like linked page posts, posts, and page posts. It lists the different post types that can be created including desktop right column posts and different fields required for each post type, such as title, body, and image for basic posts or object story spec, page ID and image hash for page posts. It also mentions more advanced post formats like carousels.

Object-oriented BasicsJamie (Taka) Wang

This document provides an overview of key object-oriented programming concepts including classes and objects, inheritance, encapsulation, polymorphism, interfaces, abstract classes, and design patterns. It discusses class construction and object instantiation. Inheritance is described as both exposing implementation details and potentially breaking encapsulation. Composition is presented as an alternative to inheritance. The document also covers method overriding, overloading, and duck typing as forms of polymorphism. Finally, it briefly introduces common design principles like SOLID and patterns like delegation.

OpenSCAD WorkshopJustin Lin

Processing - Case Study / Tutorial | 20160427

1. 3/30 Processing 介紹莊廷烽、譚聖音

2. ANIMA iki immersive experience of light and sound／2015

3. ?ANIMA? is a sculptural installation developed to explore the relationship between itself and its surroundings through the use of movement, texture, light and sound. The installation consists of a giant glowing sphere measuring two meters in diameter. The reaction of the programmed light formations is a remediation of the surroundings, feasting on its environment to create an immersive and interactive experience of light and sound. https://player.vimeo.com/video/128767230

4. SUPERFICIE http://superficie.ink

5. https://player.vimeo.com/video/143076578

7. Rain Room, 2012 https://youtu.be/EkvazIZx-F0 http://random-international.com/work/rainroom

8. https://player.vimeo.com/video/164197088

9. https://player.vimeo.com/video/164197088

10. Sample：Energy Consumption Data Visualization http://openprocessing.org/sketch/198208 xml：數據文件，在本案例中紀錄10個國家的耗能狀況； pde：processing的 code。

11. Sample：Energy Consumption Data Visualization xml：數據文件，在本案例中紀錄10個國家的耗能狀況；

12. Sample：Energy Consumption Data Visualization step1: 1. 讀入xml數據文件； 2. 建立arraylist存放所有運動小球； 3. 建立position的array存放所有國家顯示的位置； 4. 建立ballamount的array存放所有國家的能源數據，也是小球的數目；

13. Sample：Energy Consumption Data Visualization step2（setup）: 1. 規定一些繪製的規則； 2. 根據讀入的數據，將 step1中的各個array中填入內容；

14. Sample：Energy Consumption Data Visualization position 0 1 2 3 4 5 6 7 8 9 ball amount 0 1 2 3 4 5 6 7 8 9 455/40 456/40 461/40 545/40 550/40 601/40 858/40 860/40 3741/4 0 4693/4 0 country name 0 1 2 3 4 5 6 7 8 9

15. Sample：Energy Consumption Data Visualization step3（draw）: 1. 根據規則、繪製小球； 2. 繪製各個國家能耗數據之間的連線； 3. 標記國家名稱

16. Sample：Energy Consumption Data Visualization else（class ball）: 1. 自己建立規則class； 2. class Ball裡包含一些變數和 function； 3. 變數包括小球的旋轉中心、速度、加速度、大小、旋轉角度與速度、能量級別等； 4. function包括重新更新旋轉的中心和繪製。

17. Sample：Energy Consumption Data Visualization else（class ball）: 1. 自己建立規則class； 2. class Ball裡包含一些變數和 function； 3. 變數包括小球的旋轉中心、速度、加速度、大小、旋轉角度與速度、能量級別等； 4. function包括重新更新旋轉的中心和繪製。

18. Sample：Energy Consumption Data Visualization Let’s try (? ??_??)?

狠狠撸

Processing - Case Study / Tutorial | 20160427

Recommended

More Related Content

Viewers also liked (18)

Processing - Case Study / Tutorial | 20160427