Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Rui Madeira<br />FromConcept to Code<br />COD001<br />Freelancer<br />info@ruim.com<br />www.ruim.pt<br />Twitter.com/ruim...
FromConcept to Code<br />How to be more creativewhenworkingwithcode<br />Dontletcodeclampyourconcepts<br />
Rui Madeira<br />Computational designer<br />www.ruim.pt<br />Twitter.com/ruimm<br />
Rui Madeira<br />
Rui Madeira<br />
Rui Madeira<br />
Creative coding?<br />Whyisusingcodecreativilyanissue?<br />
Codeis...<br />Linear<br />Logic<br />Strictrules<br />Abstract<br />Sequential<br />Leftbrainside<br />
Creativityis...<br />Random<br />Intuitive<br />Subjective<br />Rightbrainside<br />
Establishing a bridge<br />Movingseamlesslybetweencodeandcreativity<br />
Some tools for teachingcode to artists / designers<br />Design byNumbers<br />Processing<br />OpenFrameworks<br />VVVV<br ...
Design byNumbers<br />
Somethingamazinghappened..<br />Artists/Designers becominggreatprogrammers<br />Programmersbecominggreatartists/designers<...
Using familiar metaphors<br />To makecodelessabstract<br />To createcodethatfocusonbehaviour<br />Don’tcreatecodethatfocus...
Using OOP to promotecreativethinking<br />“Use the right tool for the right job - make those tools!” – Karsten Schmidt<br ...
Workinginsidethese classes<br />Implementing algorithms<br />Adding functionality<br />Optimizing<br />This is Development...
Workingon top ofthese classes<br />Thinking how these functionalities can be put to use<br />Thinking about content (aesth...
“Parque” – a little case study..<br />Interactive installation for Parqueda Paz in Almada<br />(Almost) Everything is gene...
Physics??!!<br />
RuiPhysics – Simplephysicslibrary<br />
Reuseyourlibs - Optimus<br />
Reuseyourlibs – Moda Lisboa<br />
Reuseyourlibs – Vuzak Media SoundVisualizer<br />
Reuseyourlibs – Fundação Portuguesa das Comunicações<br />
Libraries = Repositories for Knowledge<br />Learn how<br />Wrap it in a simple to use library<br />Reuse it when necessary...
OpenSourceLibraries = BorrowingKnowledge<br />Incorporate in your projects knowledge outside your scope (computer vision, ...
Share yourknowledge<br />Adopt open source practices<br />Sharing will make open source communities grow<br />Improve your...
Share myknowledge<br />Libraries and tools: ruicode.googlecode.com<br />Sources: ruisource.googlecode.com<br />
Separationof Design andDevelopment<br />Agencies usually separate designers and coders<br />Designers don’t know about cod...
A sua opinião é importante!Complete o questionário de avaliação e devolva-o à saída. <br />Obrigado.<br />
From concept to code
Upcoming SlideShare
Loading in …5
×

From concept to code

438 views

Published on

From Concept to Code presentation for Microsoft Techdays 2010

Published in: Design
  • Be the first to comment

  • Be the first to like this

From concept to code

  1. 1. Rui Madeira<br />FromConcept to Code<br />COD001<br />Freelancer<br />info@ruim.com<br />www.ruim.pt<br />Twitter.com/ruimm<br />
  2. 2. FromConcept to Code<br />How to be more creativewhenworkingwithcode<br />Dontletcodeclampyourconcepts<br />
  3. 3. Rui Madeira<br />Computational designer<br />www.ruim.pt<br />Twitter.com/ruimm<br />
  4. 4. Rui Madeira<br />
  5. 5. Rui Madeira<br />
  6. 6. Rui Madeira<br />
  7. 7. Creative coding?<br />Whyisusingcodecreativilyanissue?<br />
  8. 8. Codeis...<br />Linear<br />Logic<br />Strictrules<br />Abstract<br />Sequential<br />Leftbrainside<br />
  9. 9. Creativityis...<br />Random<br />Intuitive<br />Subjective<br />Rightbrainside<br />
  10. 10. Establishing a bridge<br />Movingseamlesslybetweencodeandcreativity<br />
  11. 11. Some tools for teachingcode to artists / designers<br />Design byNumbers<br />Processing<br />OpenFrameworks<br />VVVV<br />Max msp/jitter<br />Node Box<br />Microsoft’sVedea (soon...)<br />
  12. 12. Design byNumbers<br />
  13. 13. Somethingamazinghappened..<br />Artists/Designers becominggreatprogrammers<br />Programmersbecominggreatartists/designers<br />
  14. 14. Using familiar metaphors<br />To makecodelessabstract<br />To createcodethatfocusonbehaviour<br />Don’tcreatecodethatfocusonmath/physics/anythingtootech...<br />To Keepitsimple<br />
  15. 15. Using OOP to promotecreativethinking<br />“Use the right tool for the right job - make those tools!” – Karsten Schmidt<br />Wrap the tech stuff in easy to use classes<br />Base these classes in metaphors you are familiar with<br />Ignore the foundation<br />
  16. 16. Workinginsidethese classes<br />Implementing algorithms<br />Adding functionality<br />Optimizing<br />This is Development!<br />
  17. 17. Workingon top ofthese classes<br />Thinking how these functionalities can be put to use<br />Thinking about content (aesthetics, animation, interaction, etc…)<br />Not thinking about technical algorithms <br />This is Design! <br />
  18. 18. “Parque” – a little case study..<br />Interactive installation for Parqueda Paz in Almada<br />(Almost) Everything is generated and animated in real time<br />Physics based…<br />
  19. 19.
  20. 20. Physics??!!<br />
  21. 21. RuiPhysics – Simplephysicslibrary<br />
  22. 22. Reuseyourlibs - Optimus<br />
  23. 23. Reuseyourlibs – Moda Lisboa<br />
  24. 24. Reuseyourlibs – Vuzak Media SoundVisualizer<br />
  25. 25. Reuseyourlibs – Fundação Portuguesa das Comunicações<br />
  26. 26. Libraries = Repositories for Knowledge<br />Learn how<br />Wrap it in a simple to use library<br />Reuse it when necessary<br />Move on to learning other things..<br />Go back and check the source (if you have to)<br />
  27. 27. OpenSourceLibraries = BorrowingKnowledge<br />Incorporate in your projects knowledge outside your scope (computer vision, physics, math, animation, 3D, etc…)<br />Stand on the shoulder of giants<br />
  28. 28. Share yourknowledge<br />Adopt open source practices<br />Sharing will make open source communities grow<br />Improve your projects through the knowledge of others<br />Win/Win situation<br />
  29. 29. Share myknowledge<br />Libraries and tools: ruicode.googlecode.com<br />Sources: ruisource.googlecode.com<br />
  30. 30. Separationof Design andDevelopment<br />Agencies usually separate designers and coders<br />Designers don’t know about code<br />Developers don’t know about design<br />
  31. 31.
  32. 32.
  33. 33. A sua opinião é importante!Complete o questionário de avaliação e devolva-o à saída. <br />Obrigado.<br />

×