SlideShare une entreprise Scribd logo
1  sur  17
Tuesday, September 3, 13
S P A C E B R E W I S A S E R V I C E A N D T O O L K I T F O R
C H O R E O G R A P H I N G I N T E R A C T I V E S P A C E S .
I T M A K E S I T E A S Y T O C O N N E C T
I N T E R A C T I V E T H I N G S T O O N E A N O T H E R .
D E V E L O P E D T O S U P P O R T P R O T O T Y P I N G -
D R I V E N D E S I G N E F F O R T S .
Tuesday, September 3, 13
A P P S C A N F E A T U R E O N E O R M U L T I P L E
P U B L I S H E R S , A N D S U B S C R I B E R S .
client
app
client
app
client
app
client
app
C L I E N T - S E R V E R M O D E L
Tuesday, September 3, 13
S W I T C H B O A R D F O R C O N N E C T I N G A P P S
C O M M A N D L I N E T O O L A L S O A V A I L A B L E
Tuesday, September 3, 13
T H R E E S T A N D A R D T Y P E S
T R U E O R F A L S E V A L U E S
I N T E G E R V A L U E S B E T W E E N 0 - 1 0 2 3
T E X T S T R I N G S
C U S T O M D A T A T Y P E S A L S O S U P P O R T E D
Tuesday, September 3, 13
E X I S T I N G L I B R A R I E S
JS
W E B S O C K E T - B A S E D A N D E A S Y T O E X T E N D
Tuesday, September 3, 13
B A S E D S E R V E R
S E R V E R C A N R U N R E M O T E L Y O R L O C A L L Y .
Tuesday, September 3, 13
S P A C E B R E W P R O T O T Y P I N G J A M S E S S I O N S
Tuesday, September 3, 13
S P A C E B R E W U S E D I N P R O D U C T I O N
Tuesday, September 3, 13
P H Y S I C A L D E M O S
O U T P U T : L E D B A R | L A M P
I N P U T : P I N W H E E L | N O I S E L E V E L
Tuesday, September 3, 13
W O R K S H O P
C H A I N R E A C T I O N
Tuesday, September 3, 13
4 - S T E P S
O N E . I N S T A L L P R O C E S S I N G A N D S P A C E B R E W L I B
T W O . D O W N L O A D R A I N B O W S K E T C H
T H R E E . C O N N E C T S K E T C H T O S P A C E B R E W
F O U R . S T A R T A C H A I N R E A C T I O N
Tuesday, September 3, 13
O N E . I N S T A L L P R O C E S S I N G A N D S P A C E B R E W L I B
1) d o w n l o a d p r o c e s s i n g 2 . 0 f r o m p r o c e s s i n g . o r g
• u s e 3 2 - b i t v e r s i o n o n w i n d o w s
2) c o p y p r o c e s s i n g l i b r a r y t o ‘ l i b r a r i e s ’ f o l d e r
i n s i d e p r o c e s s i n g s k e t c h b o o k d i r e c t o r y
3) o p e n s p a c e b r e w b u t t o n e x a m p l e s k e t c h
4) u p d a t e s p a c e b r e w b u t t o n s k e t c h
1) c h a n g e v a l u e o f “ n a m e ” v a r i a b l e o n l i n e 1 0 t o
y o u r n a m e .
5) r u n s p a c e b r e w b u t t o n s k e t c h
Tuesday, September 3, 13
T W O . D O W N L O A D R A I N B O W S K E T C H
1) d o w n l o a d r a i n b o w s k e t c h f o r p r o c e s s i n g f r o m
• g i s t . g i t h u b . c o m / j u l i o t e r r a / 6 4 0 9 2 2 8
2) r u n r a i n b o w s k e t c h
Tuesday, September 3, 13
T H R E E . C O N N E C T S K E T C H T O S P A C E B R E W
1) u p d a t e c o d e . L e t ’ s m o v e t o t h e p r o c e s s i n g I D E
n o w .
Tuesday, September 3, 13
F O U R . S T A R T A C H A I N R E A C T I O N
1) c o n n e c t y o u r a p p s u s i n g t h e s p a c e b r e w a d m i n
s w i t c h b o a r d a n d s t a r t a c h a i n r e a c t i o n .
s p a c e b r e w . g i t h u b . c o m / s p a c e b r e w / a d m i n
Tuesday, September 3, 13
T H A N K Y O U A N D K E E P B R E W I N G
I N F O & T U T O R I A L S : S P A C E B R E W . C C
C O D E & L I B S : G I T H U B . C O M / S P A C E B R E W
Tuesday, September 3, 13

Contenu connexe

Plus de Oxford Tech + UX

Next-Generation UX: Designing for Tomorrow's Unknown Products and Challenges
Next-Generation UX: Designing for Tomorrow's Unknown Products and Challenges Next-Generation UX: Designing for Tomorrow's Unknown Products and Challenges
Next-Generation UX: Designing for Tomorrow's Unknown Products and Challenges Oxford Tech + UX
 
Chaos Theory: How Real-Time Data is Making Analytics and Product Design Obsol...
Chaos Theory: How Real-Time Data is Making Analytics and Product Design Obsol...Chaos Theory: How Real-Time Data is Making Analytics and Product Design Obsol...
Chaos Theory: How Real-Time Data is Making Analytics and Product Design Obsol...Oxford Tech + UX
 
MIT Enterprise Forum: Billion Dollar UX
MIT Enterprise Forum: Billion Dollar UXMIT Enterprise Forum: Billion Dollar UX
MIT Enterprise Forum: Billion Dollar UXOxford Tech + UX
 
Digital Analytics Association Symposium- Research, Analytics and Testing for ...
Digital Analytics Association Symposium- Research, Analytics and Testing for ...Digital Analytics Association Symposium- Research, Analytics and Testing for ...
Digital Analytics Association Symposium- Research, Analytics and Testing for ...Oxford Tech + UX
 
Content Strategy + Navigation Design: UX Overview + Considerations
Content Strategy + Navigation Design: UX Overview + ConsiderationsContent Strategy + Navigation Design: UX Overview + Considerations
Content Strategy + Navigation Design: UX Overview + ConsiderationsOxford Tech + UX
 
UX Awards: Winning Submissions & Great Case Studies that Tell Stories
UX Awards: Winning Submissions & Great Case Studies that Tell Stories UX Awards: Winning Submissions & Great Case Studies that Tell Stories
UX Awards: Winning Submissions & Great Case Studies that Tell Stories Oxford Tech + UX
 
Web Metrics: A Primer for UX Pros - UPDATED
Web Metrics: A Primer for UX Pros - UPDATEDWeb Metrics: A Primer for UX Pros - UPDATED
Web Metrics: A Primer for UX Pros - UPDATEDOxford Tech + UX
 
DAA Keynote- 99 Amazing Big Data Experiences
DAA Keynote- 99 Amazing Big Data ExperiencesDAA Keynote- 99 Amazing Big Data Experiences
DAA Keynote- 99 Amazing Big Data ExperiencesOxford Tech + UX
 
NYC-CHI Connected Spaces: NYC IoT Event, September 5, 2013
NYC-CHI Connected Spaces: NYC IoT Event, September 5, 2013NYC-CHI Connected Spaces: NYC IoT Event, September 5, 2013
NYC-CHI Connected Spaces: NYC IoT Event, September 5, 2013Oxford Tech + UX
 
3rd Annual International UX Awards- June 2013
3rd Annual International UX Awards- June 20133rd Annual International UX Awards- June 2013
3rd Annual International UX Awards- June 2013Oxford Tech + UX
 
2nd Annual International UX Awards, May 2012
2nd Annual International UX Awards, May 20122nd Annual International UX Awards, May 2012
2nd Annual International UX Awards, May 2012Oxford Tech + UX
 
LEAN UX ROUNDTABLE - INTRODUCTION- NYCCHI EVENT, APRIL 2012, NYC
LEAN UX ROUNDTABLE - INTRODUCTION- NYCCHI EVENT, APRIL 2012, NYCLEAN UX ROUNDTABLE - INTRODUCTION- NYCCHI EVENT, APRIL 2012, NYC
LEAN UX ROUNDTABLE - INTRODUCTION- NYCCHI EVENT, APRIL 2012, NYCOxford Tech + UX
 

Plus de Oxford Tech + UX (13)

Next-Generation UX: Designing for Tomorrow's Unknown Products and Challenges
Next-Generation UX: Designing for Tomorrow's Unknown Products and Challenges Next-Generation UX: Designing for Tomorrow's Unknown Products and Challenges
Next-Generation UX: Designing for Tomorrow's Unknown Products and Challenges
 
Chaos Theory: How Real-Time Data is Making Analytics and Product Design Obsol...
Chaos Theory: How Real-Time Data is Making Analytics and Product Design Obsol...Chaos Theory: How Real-Time Data is Making Analytics and Product Design Obsol...
Chaos Theory: How Real-Time Data is Making Analytics and Product Design Obsol...
 
MIT Enterprise Forum: Billion Dollar UX
MIT Enterprise Forum: Billion Dollar UXMIT Enterprise Forum: Billion Dollar UX
MIT Enterprise Forum: Billion Dollar UX
 
Digital Analytics Association Symposium- Research, Analytics and Testing for ...
Digital Analytics Association Symposium- Research, Analytics and Testing for ...Digital Analytics Association Symposium- Research, Analytics and Testing for ...
Digital Analytics Association Symposium- Research, Analytics and Testing for ...
 
UX Awards 2014 Keynote
UX Awards 2014 KeynoteUX Awards 2014 Keynote
UX Awards 2014 Keynote
 
Content Strategy + Navigation Design: UX Overview + Considerations
Content Strategy + Navigation Design: UX Overview + ConsiderationsContent Strategy + Navigation Design: UX Overview + Considerations
Content Strategy + Navigation Design: UX Overview + Considerations
 
UX Awards: Winning Submissions & Great Case Studies that Tell Stories
UX Awards: Winning Submissions & Great Case Studies that Tell Stories UX Awards: Winning Submissions & Great Case Studies that Tell Stories
UX Awards: Winning Submissions & Great Case Studies that Tell Stories
 
Web Metrics: A Primer for UX Pros - UPDATED
Web Metrics: A Primer for UX Pros - UPDATEDWeb Metrics: A Primer for UX Pros - UPDATED
Web Metrics: A Primer for UX Pros - UPDATED
 
DAA Keynote- 99 Amazing Big Data Experiences
DAA Keynote- 99 Amazing Big Data ExperiencesDAA Keynote- 99 Amazing Big Data Experiences
DAA Keynote- 99 Amazing Big Data Experiences
 
NYC-CHI Connected Spaces: NYC IoT Event, September 5, 2013
NYC-CHI Connected Spaces: NYC IoT Event, September 5, 2013NYC-CHI Connected Spaces: NYC IoT Event, September 5, 2013
NYC-CHI Connected Spaces: NYC IoT Event, September 5, 2013
 
3rd Annual International UX Awards- June 2013
3rd Annual International UX Awards- June 20133rd Annual International UX Awards- June 2013
3rd Annual International UX Awards- June 2013
 
2nd Annual International UX Awards, May 2012
2nd Annual International UX Awards, May 20122nd Annual International UX Awards, May 2012
2nd Annual International UX Awards, May 2012
 
LEAN UX ROUNDTABLE - INTRODUCTION- NYCCHI EVENT, APRIL 2012, NYC
LEAN UX ROUNDTABLE - INTRODUCTION- NYCCHI EVENT, APRIL 2012, NYCLEAN UX ROUNDTABLE - INTRODUCTION- NYCCHI EVENT, APRIL 2012, NYC
LEAN UX ROUNDTABLE - INTRODUCTION- NYCCHI EVENT, APRIL 2012, NYC
 

Dernier

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationMichael W. Hawkins
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Miguel Araújo
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilV3cube
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...apidays
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Drew Madelung
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Enterprise Knowledge
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...gurkirankumar98700
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 

Dernier (20)

08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍸 8923113531 🎰 Avail...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 

Connected Spaces IoT: Spacebrew Workshop

  • 2. S P A C E B R E W I S A S E R V I C E A N D T O O L K I T F O R C H O R E O G R A P H I N G I N T E R A C T I V E S P A C E S . I T M A K E S I T E A S Y T O C O N N E C T I N T E R A C T I V E T H I N G S T O O N E A N O T H E R . D E V E L O P E D T O S U P P O R T P R O T O T Y P I N G - D R I V E N D E S I G N E F F O R T S . Tuesday, September 3, 13
  • 3. A P P S C A N F E A T U R E O N E O R M U L T I P L E P U B L I S H E R S , A N D S U B S C R I B E R S . client app client app client app client app C L I E N T - S E R V E R M O D E L Tuesday, September 3, 13
  • 4. S W I T C H B O A R D F O R C O N N E C T I N G A P P S C O M M A N D L I N E T O O L A L S O A V A I L A B L E Tuesday, September 3, 13
  • 5. T H R E E S T A N D A R D T Y P E S T R U E O R F A L S E V A L U E S I N T E G E R V A L U E S B E T W E E N 0 - 1 0 2 3 T E X T S T R I N G S C U S T O M D A T A T Y P E S A L S O S U P P O R T E D Tuesday, September 3, 13
  • 6. E X I S T I N G L I B R A R I E S JS W E B S O C K E T - B A S E D A N D E A S Y T O E X T E N D Tuesday, September 3, 13
  • 7. B A S E D S E R V E R S E R V E R C A N R U N R E M O T E L Y O R L O C A L L Y . Tuesday, September 3, 13
  • 8. S P A C E B R E W P R O T O T Y P I N G J A M S E S S I O N S Tuesday, September 3, 13
  • 9. S P A C E B R E W U S E D I N P R O D U C T I O N Tuesday, September 3, 13
  • 10. P H Y S I C A L D E M O S O U T P U T : L E D B A R | L A M P I N P U T : P I N W H E E L | N O I S E L E V E L Tuesday, September 3, 13
  • 11. W O R K S H O P C H A I N R E A C T I O N Tuesday, September 3, 13
  • 12. 4 - S T E P S O N E . I N S T A L L P R O C E S S I N G A N D S P A C E B R E W L I B T W O . D O W N L O A D R A I N B O W S K E T C H T H R E E . C O N N E C T S K E T C H T O S P A C E B R E W F O U R . S T A R T A C H A I N R E A C T I O N Tuesday, September 3, 13
  • 13. O N E . I N S T A L L P R O C E S S I N G A N D S P A C E B R E W L I B 1) d o w n l o a d p r o c e s s i n g 2 . 0 f r o m p r o c e s s i n g . o r g • u s e 3 2 - b i t v e r s i o n o n w i n d o w s 2) c o p y p r o c e s s i n g l i b r a r y t o ‘ l i b r a r i e s ’ f o l d e r i n s i d e p r o c e s s i n g s k e t c h b o o k d i r e c t o r y 3) o p e n s p a c e b r e w b u t t o n e x a m p l e s k e t c h 4) u p d a t e s p a c e b r e w b u t t o n s k e t c h 1) c h a n g e v a l u e o f “ n a m e ” v a r i a b l e o n l i n e 1 0 t o y o u r n a m e . 5) r u n s p a c e b r e w b u t t o n s k e t c h Tuesday, September 3, 13
  • 14. T W O . D O W N L O A D R A I N B O W S K E T C H 1) d o w n l o a d r a i n b o w s k e t c h f o r p r o c e s s i n g f r o m • g i s t . g i t h u b . c o m / j u l i o t e r r a / 6 4 0 9 2 2 8 2) r u n r a i n b o w s k e t c h Tuesday, September 3, 13
  • 15. T H R E E . C O N N E C T S K E T C H T O S P A C E B R E W 1) u p d a t e c o d e . L e t ’ s m o v e t o t h e p r o c e s s i n g I D E n o w . Tuesday, September 3, 13
  • 16. F O U R . S T A R T A C H A I N R E A C T I O N 1) c o n n e c t y o u r a p p s u s i n g t h e s p a c e b r e w a d m i n s w i t c h b o a r d a n d s t a r t a c h a i n r e a c t i o n . s p a c e b r e w . g i t h u b . c o m / s p a c e b r e w / a d m i n Tuesday, September 3, 13
  • 17. T H A N K Y O U A N D K E E P B R E W I N G I N F O & T U T O R I A L S : S P A C E B R E W . C C C O D E & L I B S : G I T H U B . C O M / S P A C E B R E W Tuesday, September 3, 13