creative coding 2 - textvis

28
Crea%ve Coding 2 Interac%on Design Lab 1, IUAV, WS 10/11 Till Nagel, FH Potsdam, 10/2010

Upload: till-nagel

Post on 27-Jan-2015

112 views

Category:

Design


4 download

DESCRIPTION

Workshop

TRANSCRIPT

Page 1: Creative Coding 2 - TextVis

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

String:  Texts  in  Processing  

Page 3: Creative Coding 2 - TextVis

Length  of  a  String  

Page 4: Creative Coding 2 - TextVis
Page 5: Creative Coding 2 - TextVis
Page 6: Creative Coding 2 - TextVis

Characters  and  Strings  

Page 7: Creative Coding 2 - TextVis

Characters  and  Strings  

Page 8: Creative Coding 2 - TextVis

Characters  and  Strings  

Page 9: Creative Coding 2 - TextVis
Page 10: Creative Coding 2 - TextVis
Page 11: Creative Coding 2 - TextVis
Page 12: Creative Coding 2 - TextVis
Page 13: Creative Coding 2 - TextVis

Characters  and  Strings  

Page 14: Creative Coding 2 - TextVis

Mapping  a  character  

Page 15: Creative Coding 2 - TextVis

Mapping  a  character  

Page 16: Creative Coding 2 - TextVis

� � vg � � � e�   %D� � e%� v� � 2 � %b� /SST�

Page 17: Creative Coding 2 - TextVis

Reading  a  text  file  

Page 18: Creative Coding 2 - TextVis

Reading  a  text  file  

Page 19: Creative Coding 2 - TextVis

SpliRng  up  the  text  and  extract  words  

Page 20: Creative Coding 2 - TextVis
Page 21: Creative Coding 2 - TextVis
Page 22: Creative Coding 2 - TextVis

� e  e� e e%v� � � I D� V � � �   � � %b� � � � � b� /SSl �

Page 23: Creative Coding 2 - TextVis

� e e%� � e� � � � � oer � � e   � � %� t � r � v� � g%� r � � � � � e� � � eb� /SSN�

Page 24: Creative Coding 2 - TextVis

� %� or � � t �   � eg   � t e%� v� �   � � � r � � � � ev� I � � b� /SSl �

Page 25: Creative Coding 2 - TextVis

� %� or � � t �   � eg   � t e%� v� �   � � � r � � � � ev� I � � b� /SSl �

Page 26: Creative Coding 2 - TextVis

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

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

Thank  you.  

Copyright  Till  Nagel,  FH  Potsdam,  10/2010