Ann Kilzer gave a presentation on creative coding to inspire others. She defined creative coding as using code to create art, images, music, video and more in an expressive way. Kilzer provided 10 prompts for creative coding projects, such as copying something like Wordle but making it your own, customizing developer tools, using emoji novel ways, coding with Processing, exploring color, retro programming, and connecting with other creative coders. Her goal was to show that creative coding can be accessible to people from any background.

1. Ann Kilzer
Mercari US@Tokyo
Director, WWCode Tokyo
CREATIVE CODING
TO INSPIRE
ク
リ
エ
イ
テ
ィ
ブ
コ
ー
デ
ィ
ン
グ
５月２６日令和４年
CONNECT Recharge May 26, 2022
WOMEN WHO CODE

2. creative coding • may 26, 2022
GREW UP IN MONTANA, USA
COLLEGE: GONZAGA
B.A. MATHEMATICS, VISUAL ART
B.S. COMPUTER SCIENCE
GRAD SCHOOL: U OF TEXAS AUSTIN
M.S. COMPUTER SCIENCE
MOVED TO JAPAN TO PURSUE FINE
ART
About
ME
Software engineer
+
Artist

3. Some of the works in this presentation are made by
other creators. When possible, I have obtained
permission from the creator to share the work and
provided links to their profiles or websites.
Please follow and support these amazing makers.
citation notice
creative coding • may 26, 2022
creative coding • may 26, 2022
creative coding • may 26, 2022

4. Copyright Disclaimer: Under Section 107 of the Copyright
Act 1976, allowance is made for "fair use" for purposes
such as criticism, comment, news reporting, teaching,
scholarship and research.
CITATIONS ARE PROVIDED
FAIR USE STATEMENT
creative coding • may 26, 2022
creative coding • may 26, 2022
For works where i could not contact the creator...

5. outline
Focus areas
- WHAT IS CREATIVE
CODING?
- WHY DO IT?
- 10 PROMPTS YOU CAN
USE IN YOUR PROJECTS
- Q & A
creative coding • may 26, 2022

6. WHAT IF I CAN'T DRAW / DON'T KNOW
JAVASCRIPT / NEVER UNDERSTOOD "ART"...
CAN I STILL DO IT?
what is creative
coding?
creative coding • may 26, 2022

7. What is
Creative
Coding?
"THE GOAL IS TO
CREATE
SOMETHING
EXPRESSIVE
INSTEAD OF
SOMETHING
FUNCTIONAL."
Wikipedia
INCLUDES, BUT
IS NOT LIMITED
TO, PRODUCING
ART WITH CODE
Images, music, video,
immersive
experiences, and more
A MINDSET
Using whimsy, humor,
and creativity
Using right + left brain
skills
A JOURNEY
I'm not an expert in
this area, but I hope
we can learn and
explore together!
creative coding • may 26, 2022

8. why do
creative
coding?
TO BUILD A PORTFOLIO
PROJECT
You want a project that stands out
TO OVERCOME BOREDOM
You don't feel inspired by your
recent tasks
CROSS-DISCIPLINARY
WORK
You're curious about other fields and
want to combine them with tech
creative coding • may 26, 2022

9. 10 Prompts for
Creative Coding
TRY THIS AT HOME :D
creative coding • may 26,
2022
#creative-coding

10. steve jobs
“Good artists borrow, great
artists steal.”
STEVE JOBS
prompt
#1

11. steve jobs?
pablo picasso
“Lesser artists borrow;
great artists steal”
PABLO PICASSO ...
... REPHRASING IGOR STRAVINSKY?
prompt
#1

12. steve jobs?
picasso / Stravinsky
T.S. Eliot
“Immature poets imitate; mature poets
steal; bad poets deface what they take,
and good poets make it into something
better, or at least something different.
The good poet welds his theft into a whole
of feeling which is unique, utterly
different than that from which it is torn”
T.S. ELIOT
source:
uvu
Art
dept.

13. take
something
for instance, WORDLE
Copy it, but
make it your
own
https://github.com/ann-
kilzer/go-wordle

14. intellectual
property
considerations
guidelines
for
"stealing"
Cite sources, and use
Open Source, Fair
Use, Parody Law
Change it enough to
make it your own
Consider power
dynamics, e.g. cultural
appropriation
prompt #1

15. codepen.io is a great place to create
and share
CSS Art
source:
https://codepen.io/cassidoo/pen/QMZmNV
prompt #2

16. Developer
tooling
Customize your terminal, IDE, or
keyboard
prompt #3
colors, fonts,
behavior

17. iTerm2
EXTENDED COLORS
BEYOND OS X DEFAULT
TERMINAL
oh-my-
zsh
custom
theme
HTTPS://GITHUB.COM/ANN-
KILZER/ANNKILZER.ZSH-
THEME
Thanks to @sallylait for inspiration and help

18. prompt #3

19. prompt #4
HOW CAN YOU USE EMOJI IN
A SURPRISING OR NOVEL
WAY?
Open Source:
https://twemoji.twitter.com/
https://openmoji.org/
emoji
source: darksky.com
emoji weather map

20. paint color names by Janelle Shane
of aiweirdness.tumblr.com
AI for
HUMOR
Train a neural net to do
something unexpected
Prompt #5

21. processing
A PROGRAMMING LANGUAGE &
FRAMEWORK FOR VISUAL ARTISTS
Created in 2001
HTTPS://PROCESSING.ORG/
Free and Open Source
LEFT: PENROSE TILE GENERATION
tutorial by Geraldine Sarmiento
Prompt #6

22. COLOR HTTPS://ANN-KILZER.GITBOOK.IO/CREATIVE-
CODING-STUDY-SESSION/RESOURCES/COLOR
prompt #7
RGB
ADDITIVE
CMYK
SUBTRACTIVE
Red Blue
Green Cyan
Magenta
Yellow

23. Iwaenogu Project HTTPS://IWAENOGU.HEROKUAPP.COM/
prompt #7

24. ZINES
Use printing (copy machine, silk-screen, risograph) or PDF
documents to teach about technology
Prompt #8
Wizard Zines
Bubblesort Zines
Code :: Art

25. Retro Tech
use an old school
programming
language
BASIC, COBOL, Pascal, C
or make it feel
retro
Pixel art, MIDI sounds, etc.
hardware
hacking
Consider using old hardware
prompt #9

26. prompt #10
CONNECT & GET INSPIRED
CASSIDY WILLIAMS - DEV EXP, MECH
KEYBOARDS
https://cassidoo.co/
SAILOR MERCURY (WORK PICTURED)
https://twitter.com/sailorhg
SY BRAND - ZINES AND EDUCATIONAL SHORTS
https://blog.tartanllama.xyz/

27. prompt #10
More inspiring
creators
NAOMI WU - HARDWARE & 3D PRINTING
(PICTURED)
https://twitter.com/RealSexyCyborg
ANA LYTICAL "CODING DRAG QUEEN"
https://twitter.com/theannalytical
CHIAMAKA IKEANYI
https://chiamakaikeanyi.dev/

28. prompt #10
even more
MINA MARKHAM - FE ENGINEER & DESIGNER
http://mina.codes/
JULIA EVANS - TECH ZINES (PICTURED)
https://wizardzines.com/
GABRIELLE WEE
https://gabriellew.ee/

29. creative coding • may 26, 2022
LEARN MORE:
https://ann-
kilzer.gitbook.io/creative-
coding-study-session
TWITTER
@stonecoldkilzer
E-MAIL ADDRESS
annkilzer@womenwhocode.com
thank
you!
Q&A