lecture 06 dsdn142
DESCRIPTION
lecture 06 dsdn142 creative codingTRANSCRIPT
![Page 1: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/1.jpg)
Morphologic box/matrix(Zwicky box)
For systematic idea generation
![Page 2: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/2.jpg)
Basic morphological box
1. Think about how many different parameters you might have
2. Draw a box in the expected size
![Page 3: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/3.jpg)
Basic morphological box
3. Label each row with a certain characteristic or parameter
![Page 4: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/4.jpg)
Basic morphological box
4. Label each column with a certain characteristic or parameter
![Page 5: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/5.jpg)
Basic morphological box
5. Generate ideas by filling in the blanks
6. You can repeat this several times and generate different ideas
![Page 6: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/6.jpg)
Jūrgen Spāth, Zeichenmodule, University of the Arts, Zūrich
1. Circle2. Triangle3. Square4. Contour5. Contrast6. Rotation7. Modulation
![Page 7: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/7.jpg)
Vasarely gridshttp://www.unlekker.net/proj/electroplastique02/index.html
![Page 8: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/8.jpg)
Make this your morphological box, generate new shapes, new motion & new interaction concepts
![Page 9: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/9.jpg)
“soundshape” compositions
![Page 10: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/10.jpg)
Soundshape?
![Page 11: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/11.jpg)
It’s a logical audio-visual connectionSee what you hear and hear what you see
trianglenokta
![Page 12: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/12.jpg)
Interaction and/or control close the loop
![Page 13: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/13.jpg)
Interaction vs Control
![Page 14: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/14.jpg)
InteractionThe magical art of making fun things that people WANT to play with
ControlThe precise science of making things do exactly what they are supposed to
![Page 15: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/15.jpg)
![Page 16: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/16.jpg)
Control is a one way process; What you feed into the computer is directly mapped to the results you get. There is no ambiguity.
Pros and cons?
![Page 17: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/17.jpg)
Interaction is a two way process; You give the computer information and it responds with information for you. It is a feedback loop.
You don’t have complete control, it’s a process of negotiation with the computer.
Pros and cons?
![Page 18: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/18.jpg)
The art of interactive abstraction.Finding the sweet spot.
![Page 19: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/19.jpg)
Can you make your applications fun JUST through the interaction mechanism?
If you can…. you win…. big money.
Worldwide sales figuresWii – 84.64 million (31 December 2010)Xbox 360 – 50 million (6 January 2011)PlayStation 3 – 47.9 million (31 December 2010)
![Page 20: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/20.jpg)
Its not about big buttons and clicking stuff
Don’t think in binary conditions
Make the interaction the reward
Start to think gestures, movement, speed, placement, angle, and anything else that might break our control paradigms.
![Page 21: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/21.jpg)
Interactive site: yugophttp://www.yugop.com
![Page 22: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/22.jpg)
Balldroppings – draw lineshttp://balldroppings.com/js/
![Page 23: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/23.jpg)
Sonic wiresculptorhttp://www.sonicwiresculptor.com/
![Page 24: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/24.jpg)
AV brush http://www.kennykyungmikim.blogspot.com/
![Page 25: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/25.jpg)
Words & language: soundtoyshttp://www.soundtoys.net/toys/soundpoems-13
![Page 26: lecture 06 dsdn142](https://reader035.vdocuments.site/reader035/viewer/2022062811/568bd5891a28ab203498d48e/html5/thumbnails/26.jpg)
Have fun!