creative coding 2 - textvis
DESCRIPTION
WorkshopTRANSCRIPT
![Page 1: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/1.jpg)
Crea%ve Coding 2 Interac%on Design Lab 1, IUAV, WS 10/11
Till Nagel, FH Potsdam, 10/2010
![Page 2: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/2.jpg)
String: Texts in Processing
![Page 3: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/3.jpg)
Length of a String
![Page 4: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/4.jpg)
![Page 5: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/5.jpg)
![Page 6: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/6.jpg)
Characters and Strings
![Page 7: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/7.jpg)
Characters and Strings
![Page 8: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/8.jpg)
Characters and Strings
![Page 9: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/9.jpg)
![Page 10: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/10.jpg)
![Page 11: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/11.jpg)
![Page 12: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/12.jpg)
![Page 13: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/13.jpg)
Characters and Strings
![Page 14: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/14.jpg)
Mapping a character
![Page 15: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/15.jpg)
Mapping a character
![Page 16: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/16.jpg)
� � vg � � � e� %D� � e%� v� � 2 � %b� /SST�
![Page 17: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/17.jpg)
Reading a text file
![Page 18: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/18.jpg)
Reading a text file
![Page 19: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/19.jpg)
SpliRng up the text and extract words
![Page 20: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/20.jpg)
![Page 21: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/21.jpg)
![Page 22: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/22.jpg)
� e e� e e%v� � � I D� V � � � � � %b� � � � � b� /SSl �
![Page 23: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/23.jpg)
� e e%� � e� � � � � oer � � e � � %� t � r � v� � g%� r � � � � � e� � � eb� /SSN�
![Page 24: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/24.jpg)
� %� or � � t � � eg � t e%� v� � � � � r � � � � ev� I � � b� /SSl �
![Page 25: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/25.jpg)
� %� or � � t � � eg � t e%� v� � � � � r � � � � ev� I � � b� /SSl �
![Page 26: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/26.jpg)
E2-‐1: Load a text of your choice, and map its content to a graphical representa8on. Use the template below.
Excercises
![Page 27: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/27.jpg)
H2-‐1: Research a text visualiza8on project. Find a piece which u8lizes text to create graphics. Try to find a project you like, may it be a sta8c poster, an anima8on, interac8ve soEware, or installa8on.
Collect as much background informa8on as needed to understand the work, including at least:
Homework
• Title • Name of authors/ar8sts • Source (URL, book, etc.) • Short descrip8on (in own words) • Screenshots (or short video)
![Page 28: Creative Coding 2 - TextVis](https://reader034.vdocument.in/reader034/viewer/2022051412/54c7a4784a7959cd6c8b4589/html5/thumbnails/28.jpg)
Thank you.
Copyright Till Nagel, FH Potsdam, 10/2010