This document outlines an assignment for a creative coding class on text interaction design. Students are asked to load and map text to a graphical representation as an in-class exercise. As homework, students must research a text visualization project, collect background information on it including the title, authors, source, description, and screenshots, and analyze how it utilizes text to create graphics.

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

2. String:
Texts
in
Processing

3. Length
of
a
String

6. Characters
and
Strings

7. Characters
and
Strings

8. Characters
and
Strings

13. Characters
and
Strings

14. Mapping
a
character

15. Mapping
a
character

16. vg e
%D e%v 2 % /SST
b

17. Reading
a
text
file

18. Reading
a
text
file

19. SpliRng
up
the
text
and
extract
words

22. e
e e e%v I DV
%
b b/SSl

23. e e% e oer e
% t r v g% r e eb/SSN

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

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

26. Excercises
E2-­‐1:
Load
a
text
of
your
choice,
and
map
its
content
to
a
graphical
representa8on.
Use
the
template
below.

27. Homework
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:
•
Title
•
Name
of
authors/ar8sts
•
Source
(URL,
book,
etc.)
•
Short
descrip8on
(in
own
words)
•
Screenshots
(or
short
video)

28. Thank
you.
Copyright
Till
Nagel,
FH
Potsdam,
10/2010