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
Próximos SlideShares
Carregando em…5
×

From concept to code

428 visualizações

Publicada em

From Concept to Code presentation for Microsoft Techdays 2010

Publicada em: Design
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

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 />

×