狠狠撸

狠狠撸Share a Scribd company logo
3/30 Processing 介紹
莊廷烽、譚聖音
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
SUPERFICIE
http://superficie.ink
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
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
else(class ball):
1. 自己建立規則class;
2. class Ball裡包含一些變數和
function;
3. 變數包括小球的旋轉中心、
速度、加速度、大小、旋轉角
度與速度、能量級別等;
4. function包括重新更新旋轉
的中心和繪製。
Sample:Energy Consumption Data Visualization
Let’s try (? ??_??)?

More Related Content

Viewers also liked (18)

股海停听看查研初探
股海停听看查研初探股海停听看查研初探
股海停听看查研初探
vivistar168
?
使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)
使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)
使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)
Will Huang
?
SOBO Design profile
SOBO Design profileSOBO Design profile
SOBO Design profile
SOBO Design
?
打造国际化产物:厂迟谤颈办颈苍驳濒测的滨18苍实践
打造国际化产物:厂迟谤颈办颈苍驳濒测的滨18苍实践打造国际化产物:厂迟谤颈办颈苍驳濒测的滨18苍实践
打造国际化产物:厂迟谤颈办颈苍驳濒测的滨18苍实践
Daniel Gong
?
Learning Ability Ppt
Learning Ability PptLearning Ability Ppt
Learning Ability Ppt
Nishit Mehta
?
[生產力4.0 ]智慧機器人技術趨勢與產業應用 賴文政博士
[生產力4.0 ]智慧機器人技術趨勢與產業應用 賴文政博士[生產力4.0 ]智慧機器人技術趨勢與產業應用 賴文政博士
[生產力4.0 ]智慧機器人技術趨勢與產業應用 賴文政博士
Doctor of Management, University of Maryland (US).
?
【 StraaS 講堂】建立你的影音商業模式
【 StraaS 講堂】建立你的影音商業模式【 StraaS 講堂】建立你的影音商業模式
【 StraaS 講堂】建立你的影音商業模式
LIVEhouse.in
?
Obs 教學
 Obs 教學 Obs 教學
Obs 教學
LIVEhouse.in
?
使用者导向课堂报告-惭颈谤谤辞谤贵耻驳耻别
使用者导向课堂报告-惭颈谤谤辞谤贵耻驳耻别使用者导向课堂报告-惭颈谤谤辞谤贵耻驳耻别
使用者导向课堂报告-惭颈谤谤辞谤贵耻驳耻别
Ching Chen
?
离婚绘本
离婚绘本离婚绘本
离婚绘本
怡如 林
?
MixTaiwan 20170208-趨勢-程世嘉-future work and education
MixTaiwan 20170208-趨勢-程世嘉-future work and educationMixTaiwan 20170208-趨勢-程世嘉-future work and education
MixTaiwan 20170208-趨勢-程世嘉-future work and education
Mix Taiwan
?
HITCON TALK 台灣駭客協會年度活動簡介
HITCON TALK 台灣駭客協會年度活動簡介HITCON TALK 台灣駭客協會年度活動簡介
HITCON TALK 台灣駭客協會年度活動簡介
Hacks in Taiwan (HITCON)
?
Scenario Design Process
Scenario Design ProcessScenario Design Process
Scenario Design Process
NTUST
?
20160921 Pokemon Go & VR/AR/MR
20160921 Pokemon Go & VR/AR/MR20160921 Pokemon Go & VR/AR/MR
20160921 Pokemon Go & VR/AR/MR
Christina Hsu
?
Vpon - 廣告效果導向為基礎的行動廣告系統
Vpon - 廣告效果導向為基礎的行動廣告系統Vpon - 廣告效果導向為基礎的行動廣告系統
Vpon - 廣告效果導向為基礎的行動廣告系統
Vpon
?
Facebook Creative 與 Marketing API 使用
Facebook Creative 與 Marketing API 使用Facebook Creative 與 Marketing API 使用
Facebook Creative 與 Marketing API 使用
Chen Liwei
?
Object-oriented Basics
Object-oriented BasicsObject-oriented Basics
Object-oriented Basics
Jamie (Taka) Wang
?
OpenSCAD Workshop
OpenSCAD WorkshopOpenSCAD Workshop
OpenSCAD Workshop
Justin Lin
?
股海停听看查研初探
股海停听看查研初探股海停听看查研初探
股海停听看查研初探
vivistar168
?
使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)
使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)
使用 Angular 2 與 Firebase 實現 Serverless 網站架構 (JSDC.tw 2016)
Will Huang
?
SOBO Design profile
SOBO Design profileSOBO Design profile
SOBO Design profile
SOBO Design
?
打造国际化产物:厂迟谤颈办颈苍驳濒测的滨18苍实践
打造国际化产物:厂迟谤颈办颈苍驳濒测的滨18苍实践打造国际化产物:厂迟谤颈办颈苍驳濒测的滨18苍实践
打造国际化产物:厂迟谤颈办颈苍驳濒测的滨18苍实践
Daniel Gong
?
【 StraaS 講堂】建立你的影音商業模式
【 StraaS 講堂】建立你的影音商業模式【 StraaS 講堂】建立你的影音商業模式
【 StraaS 講堂】建立你的影音商業模式
LIVEhouse.in
?
使用者导向课堂报告-惭颈谤谤辞谤贵耻驳耻别
使用者导向课堂报告-惭颈谤谤辞谤贵耻驳耻别使用者导向课堂报告-惭颈谤谤辞谤贵耻驳耻别
使用者导向课堂报告-惭颈谤谤辞谤贵耻驳耻别
Ching Chen
?
MixTaiwan 20170208-趨勢-程世嘉-future work and education
MixTaiwan 20170208-趨勢-程世嘉-future work and educationMixTaiwan 20170208-趨勢-程世嘉-future work and education
MixTaiwan 20170208-趨勢-程世嘉-future work and education
Mix Taiwan
?
HITCON TALK 台灣駭客協會年度活動簡介
HITCON TALK 台灣駭客協會年度活動簡介HITCON TALK 台灣駭客協會年度活動簡介
HITCON TALK 台灣駭客協會年度活動簡介
Hacks in Taiwan (HITCON)
?
Scenario Design Process
Scenario Design ProcessScenario Design Process
Scenario Design Process
NTUST
?
20160921 Pokemon Go & VR/AR/MR
20160921 Pokemon Go & VR/AR/MR20160921 Pokemon Go & VR/AR/MR
20160921 Pokemon Go & VR/AR/MR
Christina Hsu
?
Vpon - 廣告效果導向為基礎的行動廣告系統
Vpon - 廣告效果導向為基礎的行動廣告系統Vpon - 廣告效果導向為基礎的行動廣告系統
Vpon - 廣告效果導向為基礎的行動廣告系統
Vpon
?
Facebook Creative 與 Marketing API 使用
Facebook Creative 與 Marketing API 使用Facebook Creative 與 Marketing API 使用
Facebook Creative 與 Marketing API 使用
Chen Liwei
?
OpenSCAD Workshop
OpenSCAD WorkshopOpenSCAD Workshop
OpenSCAD Workshop
Justin Lin
?

Recently uploaded (6)

圣力嘉学院毕业证成绩单
圣力嘉学院毕业证成绩单圣力嘉学院毕业证成绩单
圣力嘉学院毕业证成绩单
ezceam
?
渥太华大学硕士毕业证成绩单
渥太华大学硕士毕业证成绩单渥太华大学硕士毕业证成绩单
渥太华大学硕士毕业证成绩单
ezceam
?
身分证能客製化设计?还可不列配偶姓名【网址迟飞37.肠辞尘】身分证能客製化设计?还可不列配偶姓名【网址迟飞37.肠辞尘】
身分证能客製化设计?还可不列配偶姓名【网址迟飞37.肠辞尘】身分证能客製化设计?还可不列配偶姓名【网址迟飞37.肠辞尘】身分证能客製化设计?还可不列配偶姓名【网址迟飞37.肠辞尘】身分证能客製化设计?还可不列配偶姓名【网址迟飞37.肠辞尘】
身分证能客製化设计?还可不列配偶姓名【网址迟飞37.肠辞尘】身分证能客製化设计?还可不列配偶姓名【网址迟飞37.肠辞尘】
客製化臺灣身分證【網址tw37.com】 客製化臺灣身分證【網址tw37.com】
?
英属哥伦比亚大学毕业证文凭证书
英属哥伦比亚大学毕业证文凭证书英属哥伦比亚大学毕业证文凭证书
英属哥伦比亚大学毕业证文凭证书
ezceam
?
11111111111111111111111111111111111111111111111111
1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
11111111111111111111111111111111111111111111111111
benkyrie11
?
哪里可以製作臺湾假身分证【网址迟飞37.肠辞尘】哪里可以製作臺湾假身分证【网址迟飞37.肠辞尘】
哪里可以製作臺湾假身分证【网址迟飞37.肠辞尘】哪里可以製作臺湾假身分证【网址迟飞37.肠辞尘】哪里可以製作臺湾假身分证【网址迟飞37.肠辞尘】哪里可以製作臺湾假身分证【网址迟飞37.肠辞尘】
哪里可以製作臺湾假身分证【网址迟飞37.肠辞尘】哪里可以製作臺湾假身分证【网址迟飞37.肠辞尘】
客製化臺灣身分證【網址tw37.com】 客製化臺灣身分證【網址tw37.com】
?
圣力嘉学院毕业证成绩单
圣力嘉学院毕业证成绩单圣力嘉学院毕业证成绩单
圣力嘉学院毕业证成绩单
ezceam
?
渥太华大学硕士毕业证成绩单
渥太华大学硕士毕业证成绩单渥太华大学硕士毕业证成绩单
渥太华大学硕士毕业证成绩单
ezceam
?
英属哥伦比亚大学毕业证文凭证书
英属哥伦比亚大学毕业证文凭证书英属哥伦比亚大学毕业证文凭证书
英属哥伦比亚大学毕业证文凭证书
ezceam
?
11111111111111111111111111111111111111111111111111
1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111
11111111111111111111111111111111111111111111111111
benkyrie11
?

Processing - Case Study / Tutorial | 20160427