SlideShare a Scribd company logo
Ann Kilzer
Mercari US@Tokyo
Director, WWCode Tokyo
CREATIVE CODING
TO INSPIRE
ク
リ
エ
イ
テ
ィ
ブ
コ
ー
デ
ィ
ン
グ
5月26日令和4年
CONNECT Recharge May 26, 2022
WOMEN WHO CODE
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
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
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...
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
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
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
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
10 Prompts for
Creative Coding
TRY THIS AT HOME :D
creative coding • may 26,
2022
#creative-coding
steve jobs
“Good artists borrow, great
artists steal.”
STEVE JOBS
prompt
#1
steve jobs?
pablo picasso
“Lesser artists borrow;
great artists steal”
PABLO PICASSO ...
... REPHRASING IGOR STRAVINSKY?
prompt
#1
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.
take
something
for instance, WORDLE
Copy it, but
make it your
own
https://github.com/ann-
kilzer/go-wordle
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
codepen.io is a great place to create
and share
CSS Art
source:
https://codepen.io/cassidoo/pen/QMZmNV
prompt #2
Developer
tooling
Customize your terminal, IDE, or
keyboard
prompt #3
colors, fonts,
behavior
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
prompt #3
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
paint color names by Janelle Shane
of aiweirdness.tumblr.com
AI for
HUMOR
Train a neural net to do
something unexpected
Prompt #5
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
COLOR HTTPS://ANN-KILZER.GITBOOK.IO/CREATIVE-
CODING-STUDY-SESSION/RESOURCES/COLOR
prompt #7
RGB
ADDITIVE
CMYK
SUBTRACTIVE
Red Blue
Green Cyan
Magenta
Yellow
Iwaenogu Project HTTPS://IWAENOGU.HEROKUAPP.COM/
prompt #7
ZINES
Use printing (copy machine, silk-screen, risograph) or PDF
documents to teach about technology
Prompt #8
Wizard Zines
Bubblesort Zines
Code :: Art
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
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/
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/
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/
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

More Related Content

Similar to Creative Coding to Inspire

Bridging the designer-developer gap
Bridging the designer-developer gapBridging the designer-developer gap
Bridging the designer-developer gap
Nicole Saidy
 
Lunch & learn code monkey
Lunch & learn code monkeyLunch & learn code monkey
Lunch & learn code monkey
Isabel Losada Moure
 
Education for Design For Life
Education for Design For LifeEducation for Design For Life
Education for Design For Life
Dave Malouf
 
Red Keds Presentation Eng
Red Keds Presentation EngRed Keds Presentation Eng
Red Keds Presentation Eng
Michael Brodnikov
 
Adobe Creative Residency - PaperMata / I Yosun Chang
Adobe Creative Residency - PaperMata / I Yosun ChangAdobe Creative Residency - PaperMata / I Yosun Chang
Adobe Creative Residency - PaperMata / I Yosun Chang
Yosun Chang
 
Digital Art & Design for HCMS Future Business Leaders of America
Digital Art & Design for HCMS Future Business Leaders of AmericaDigital Art & Design for HCMS Future Business Leaders of America
Digital Art & Design for HCMS Future Business Leaders of America
Ben Capozzi
 
Creative art. concept art. advanced art12
Creative art. concept art. advanced art12Creative art. concept art. advanced art12
Creative art. concept art. advanced art12
Kulu Studio
 
Inspiring Kids to Code Using Scratch and Other Tools
Inspiring Kids to Code Using Scratch and Other ToolsInspiring Kids to Code Using Scratch and Other Tools
Inspiring Kids to Code Using Scratch and Other Tools
Chad Mairn
 
Inspiring Kids to Code Using Scratch and Other Tools
Inspiring Kids to Code Using Scratch and Other ToolsInspiring Kids to Code Using Scratch and Other Tools
Inspiring Kids to Code Using Scratch and Other Tools
St. Petersburg College
 
#Knowledgecity - Open Badges for a City of Learning - #openbadges
#Knowledgecity - Open Badges for a City of Learning - #openbadges#Knowledgecity - Open Badges for a City of Learning - #openbadges
#Knowledgecity - Open Badges for a City of Learning - #openbadges
Joyce Seitzinger
 
Digital portfolio shivangi-pages-deleted
Digital portfolio shivangi-pages-deletedDigital portfolio shivangi-pages-deleted
Digital portfolio shivangi-pages-deleted
AmolSawant52
 
Context presentation
Context presentationContext presentation
Context presentation
Amanda Styron
 
Context presentation
Context presentationContext presentation
Context presentation
Seed Here Studio
 
What is a creative technologist?
What is a creative technologist?What is a creative technologist?
What is a creative technologist?
Sermad Buni
 
Evolution of Pattern Languages: Designing Human Actions, Dialogue, & Films (P...
Evolution of Pattern Languages: Designing Human Actions, Dialogue, & Films (P...Evolution of Pattern Languages: Designing Human Actions, Dialogue, & Films (P...
Evolution of Pattern Languages: Designing Human Actions, Dialogue, & Films (P...
Takashi Iba
 
10 Tips for Inspiring Curiosity - a Webinar for Teachers
10 Tips for Inspiring Curiosity - a Webinar for Teachers10 Tips for Inspiring Curiosity - a Webinar for Teachers
10 Tips for Inspiring Curiosity - a Webinar for Teachers
Kyle Schutt
 
Makerspace ehub workshops
Makerspace ehub workshops Makerspace ehub workshops
Makerspace ehub workshops
UNCG University Libraries
 
The Domain-Driven Coding Architect
The Domain-Driven Coding ArchitectThe Domain-Driven Coding Architect
The Domain-Driven Coding Architect
Nick Tune
 
Introduction to Creative Technologies 2020 Part 1
Introduction to Creative Technologies 2020 Part 1Introduction to Creative Technologies 2020 Part 1
Introduction to Creative Technologies 2020 Part 1
R. Sosa
 
Zoltar Says Make Your Wish. EduSummit workshop @IxDA20
  Zoltar Says Make Your Wish. EduSummit workshop @IxDA20  Zoltar Says Make Your Wish. EduSummit workshop @IxDA20
Zoltar Says Make Your Wish. EduSummit workshop @IxDA20
Angelica Fontana
 

Similar to Creative Coding to Inspire (20)

Bridging the designer-developer gap
Bridging the designer-developer gapBridging the designer-developer gap
Bridging the designer-developer gap
 
Lunch & learn code monkey
Lunch & learn code monkeyLunch & learn code monkey
Lunch & learn code monkey
 
Education for Design For Life
Education for Design For LifeEducation for Design For Life
Education for Design For Life
 
Red Keds Presentation Eng
Red Keds Presentation EngRed Keds Presentation Eng
Red Keds Presentation Eng
 
Adobe Creative Residency - PaperMata / I Yosun Chang
Adobe Creative Residency - PaperMata / I Yosun ChangAdobe Creative Residency - PaperMata / I Yosun Chang
Adobe Creative Residency - PaperMata / I Yosun Chang
 
Digital Art & Design for HCMS Future Business Leaders of America
Digital Art & Design for HCMS Future Business Leaders of AmericaDigital Art & Design for HCMS Future Business Leaders of America
Digital Art & Design for HCMS Future Business Leaders of America
 
Creative art. concept art. advanced art12
Creative art. concept art. advanced art12Creative art. concept art. advanced art12
Creative art. concept art. advanced art12
 
Inspiring Kids to Code Using Scratch and Other Tools
Inspiring Kids to Code Using Scratch and Other ToolsInspiring Kids to Code Using Scratch and Other Tools
Inspiring Kids to Code Using Scratch and Other Tools
 
Inspiring Kids to Code Using Scratch and Other Tools
Inspiring Kids to Code Using Scratch and Other ToolsInspiring Kids to Code Using Scratch and Other Tools
Inspiring Kids to Code Using Scratch and Other Tools
 
#Knowledgecity - Open Badges for a City of Learning - #openbadges
#Knowledgecity - Open Badges for a City of Learning - #openbadges#Knowledgecity - Open Badges for a City of Learning - #openbadges
#Knowledgecity - Open Badges for a City of Learning - #openbadges
 
Digital portfolio shivangi-pages-deleted
Digital portfolio shivangi-pages-deletedDigital portfolio shivangi-pages-deleted
Digital portfolio shivangi-pages-deleted
 
Context presentation
Context presentationContext presentation
Context presentation
 
Context presentation
Context presentationContext presentation
Context presentation
 
What is a creative technologist?
What is a creative technologist?What is a creative technologist?
What is a creative technologist?
 
Evolution of Pattern Languages: Designing Human Actions, Dialogue, & Films (P...
Evolution of Pattern Languages: Designing Human Actions, Dialogue, & Films (P...Evolution of Pattern Languages: Designing Human Actions, Dialogue, & Films (P...
Evolution of Pattern Languages: Designing Human Actions, Dialogue, & Films (P...
 
10 Tips for Inspiring Curiosity - a Webinar for Teachers
10 Tips for Inspiring Curiosity - a Webinar for Teachers10 Tips for Inspiring Curiosity - a Webinar for Teachers
10 Tips for Inspiring Curiosity - a Webinar for Teachers
 
Makerspace ehub workshops
Makerspace ehub workshops Makerspace ehub workshops
Makerspace ehub workshops
 
The Domain-Driven Coding Architect
The Domain-Driven Coding ArchitectThe Domain-Driven Coding Architect
The Domain-Driven Coding Architect
 
Introduction to Creative Technologies 2020 Part 1
Introduction to Creative Technologies 2020 Part 1Introduction to Creative Technologies 2020 Part 1
Introduction to Creative Technologies 2020 Part 1
 
Zoltar Says Make Your Wish. EduSummit workshop @IxDA20
  Zoltar Says Make Your Wish. EduSummit workshop @IxDA20  Zoltar Says Make Your Wish. EduSummit workshop @IxDA20
Zoltar Says Make Your Wish. EduSummit workshop @IxDA20
 

Recently uploaded

Applitools Autonomous 2.0 Sneak Peek.pdf
Applitools Autonomous 2.0 Sneak Peek.pdfApplitools Autonomous 2.0 Sneak Peek.pdf
Applitools Autonomous 2.0 Sneak Peek.pdf
Applitools
 
GT degree offer diploma Transcript
GT degree offer diploma TranscriptGT degree offer diploma Transcript
GT degree offer diploma Transcript
attueb
 
Mumbai Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service A...
Mumbai Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service A...Mumbai Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service A...
Mumbai Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service A...
3610stuck
 
PathSpotter: Exploring Tested Paths to Discover Missing Tests (FSE 2024)
PathSpotter: Exploring Tested Paths to Discover Missing Tests (FSE 2024)PathSpotter: Exploring Tested Paths to Discover Missing Tests (FSE 2024)
PathSpotter: Exploring Tested Paths to Discover Missing Tests (FSE 2024)
andrehoraa
 
07. Ruby String Slides - Ruby Core Teaching
07. Ruby String Slides - Ruby Core Teaching07. Ruby String Slides - Ruby Core Teaching
07. Ruby String Slides - Ruby Core Teaching
quanhoangd129
 
bangalore Girls call 👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery
bangalore Girls call  👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Deliverybangalore Girls call  👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery
bangalore Girls call 👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery
sunilverma7884
 
Test Polarity: Detecting Positive and Negative Tests (FSE 2024)
Test Polarity: Detecting Positive and Negative Tests (FSE 2024)Test Polarity: Detecting Positive and Negative Tests (FSE 2024)
Test Polarity: Detecting Positive and Negative Tests (FSE 2024)
andrehoraa
 
BATber53 AWS Modernize your applications with purpose-built AWS databases
BATber53 AWS Modernize your applications with purpose-built AWS databasesBATber53 AWS Modernize your applications with purpose-built AWS databases
BATber53 AWS Modernize your applications with purpose-built AWS databases
BATbern
 
UMiami degree offer diploma Transcript
UMiami degree offer diploma TranscriptUMiami degree offer diploma Transcript
UMiami degree offer diploma Transcript
attueb
 
09. Ruby Object Oriented Programming - Ruby Core Teaching
09. Ruby Object Oriented Programming - Ruby Core Teaching09. Ruby Object Oriented Programming - Ruby Core Teaching
09. Ruby Object Oriented Programming - Ruby Core Teaching
quanhoangd129
 
Maximizing Efficiency and Profitability: Optimizing Data Systems, Enhancing C...
Maximizing Efficiency and Profitability: Optimizing Data Systems, Enhancing C...Maximizing Efficiency and Profitability: Optimizing Data Systems, Enhancing C...
Maximizing Efficiency and Profitability: Optimizing Data Systems, Enhancing C...
OnePlan Solutions
 
Celebrity Girls Call Mumbai 9930687706 Unlimited Short Providing Girls Servic...
Celebrity Girls Call Mumbai 9930687706 Unlimited Short Providing Girls Servic...Celebrity Girls Call Mumbai 9930687706 Unlimited Short Providing Girls Servic...
Celebrity Girls Call Mumbai 9930687706 Unlimited Short Providing Girls Servic...
kiara pandey
 
Empowering Businesses with Intelligent Software Solutions - Grawlix
Empowering Businesses with Intelligent Software Solutions - GrawlixEmpowering Businesses with Intelligent Software Solutions - Grawlix
Empowering Businesses with Intelligent Software Solutions - Grawlix
Aarisha Shaikh
 
Predicting Test Results without Execution (FSE 2024)
Predicting Test Results without Execution (FSE 2024)Predicting Test Results without Execution (FSE 2024)
Predicting Test Results without Execution (FSE 2024)
andrehoraa
 
Tour and travel website management in odoo,
Tour and travel website management in odoo,Tour and travel website management in odoo,
Tour and travel website management in odoo,
Axis Technolabs
 
02. Ruby Basic slides - Ruby Core Teaching
02. Ruby Basic slides - Ruby Core Teaching02. Ruby Basic slides - Ruby Core Teaching
02. Ruby Basic slides - Ruby Core Teaching
quanhoangd129
 
Celebrity Girls Call Mumbai 🛵🚡9910780858 💃 Choose Best And Top Girl Service A...
Celebrity Girls Call Mumbai 🛵🚡9910780858 💃 Choose Best And Top Girl Service A...Celebrity Girls Call Mumbai 🛵🚡9910780858 💃 Choose Best And Top Girl Service A...
Celebrity Girls Call Mumbai 🛵🚡9910780858 💃 Choose Best And Top Girl Service A...
norina2645
 
03. Ruby Variables & Regex - Ruby Core Teaching
03. Ruby Variables & Regex - Ruby Core Teaching03. Ruby Variables & Regex - Ruby Core Teaching
03. Ruby Variables & Regex - Ruby Core Teaching
quanhoangd129
 
Verified Girls Call Mumbai 👀 9820252231 👀 Cash Payment With Room DeliveryDeli...
Verified Girls Call Mumbai 👀 9820252231 👀 Cash Payment With Room DeliveryDeli...Verified Girls Call Mumbai 👀 9820252231 👀 Cash Payment With Room DeliveryDeli...
Verified Girls Call Mumbai 👀 9820252231 👀 Cash Payment With Room DeliveryDeli...
87tomato
 
InflectraCON 360: Risk-Based Testing for Mission Critical Systems
InflectraCON 360: Risk-Based Testing for Mission Critical SystemsInflectraCON 360: Risk-Based Testing for Mission Critical Systems
InflectraCON 360: Risk-Based Testing for Mission Critical Systems
Inflectra
 

Recently uploaded (20)

Applitools Autonomous 2.0 Sneak Peek.pdf
Applitools Autonomous 2.0 Sneak Peek.pdfApplitools Autonomous 2.0 Sneak Peek.pdf
Applitools Autonomous 2.0 Sneak Peek.pdf
 
GT degree offer diploma Transcript
GT degree offer diploma TranscriptGT degree offer diploma Transcript
GT degree offer diploma Transcript
 
Mumbai Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service A...
Mumbai Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service A...Mumbai Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service A...
Mumbai Girls Call Mumbai 🎈🔥9930687706 🔥💋🎈 Provide Best And Top Girl Service A...
 
PathSpotter: Exploring Tested Paths to Discover Missing Tests (FSE 2024)
PathSpotter: Exploring Tested Paths to Discover Missing Tests (FSE 2024)PathSpotter: Exploring Tested Paths to Discover Missing Tests (FSE 2024)
PathSpotter: Exploring Tested Paths to Discover Missing Tests (FSE 2024)
 
07. Ruby String Slides - Ruby Core Teaching
07. Ruby String Slides - Ruby Core Teaching07. Ruby String Slides - Ruby Core Teaching
07. Ruby String Slides - Ruby Core Teaching
 
bangalore Girls call 👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery
bangalore Girls call  👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Deliverybangalore Girls call  👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery
bangalore Girls call 👀 XXXXXXXXXXX 👀 Rs.9.5 K Cash Payment With Room Delivery
 
Test Polarity: Detecting Positive and Negative Tests (FSE 2024)
Test Polarity: Detecting Positive and Negative Tests (FSE 2024)Test Polarity: Detecting Positive and Negative Tests (FSE 2024)
Test Polarity: Detecting Positive and Negative Tests (FSE 2024)
 
BATber53 AWS Modernize your applications with purpose-built AWS databases
BATber53 AWS Modernize your applications with purpose-built AWS databasesBATber53 AWS Modernize your applications with purpose-built AWS databases
BATber53 AWS Modernize your applications with purpose-built AWS databases
 
UMiami degree offer diploma Transcript
UMiami degree offer diploma TranscriptUMiami degree offer diploma Transcript
UMiami degree offer diploma Transcript
 
09. Ruby Object Oriented Programming - Ruby Core Teaching
09. Ruby Object Oriented Programming - Ruby Core Teaching09. Ruby Object Oriented Programming - Ruby Core Teaching
09. Ruby Object Oriented Programming - Ruby Core Teaching
 
Maximizing Efficiency and Profitability: Optimizing Data Systems, Enhancing C...
Maximizing Efficiency and Profitability: Optimizing Data Systems, Enhancing C...Maximizing Efficiency and Profitability: Optimizing Data Systems, Enhancing C...
Maximizing Efficiency and Profitability: Optimizing Data Systems, Enhancing C...
 
Celebrity Girls Call Mumbai 9930687706 Unlimited Short Providing Girls Servic...
Celebrity Girls Call Mumbai 9930687706 Unlimited Short Providing Girls Servic...Celebrity Girls Call Mumbai 9930687706 Unlimited Short Providing Girls Servic...
Celebrity Girls Call Mumbai 9930687706 Unlimited Short Providing Girls Servic...
 
Empowering Businesses with Intelligent Software Solutions - Grawlix
Empowering Businesses with Intelligent Software Solutions - GrawlixEmpowering Businesses with Intelligent Software Solutions - Grawlix
Empowering Businesses with Intelligent Software Solutions - Grawlix
 
Predicting Test Results without Execution (FSE 2024)
Predicting Test Results without Execution (FSE 2024)Predicting Test Results without Execution (FSE 2024)
Predicting Test Results without Execution (FSE 2024)
 
Tour and travel website management in odoo,
Tour and travel website management in odoo,Tour and travel website management in odoo,
Tour and travel website management in odoo,
 
02. Ruby Basic slides - Ruby Core Teaching
02. Ruby Basic slides - Ruby Core Teaching02. Ruby Basic slides - Ruby Core Teaching
02. Ruby Basic slides - Ruby Core Teaching
 
Celebrity Girls Call Mumbai 🛵🚡9910780858 💃 Choose Best And Top Girl Service A...
Celebrity Girls Call Mumbai 🛵🚡9910780858 💃 Choose Best And Top Girl Service A...Celebrity Girls Call Mumbai 🛵🚡9910780858 💃 Choose Best And Top Girl Service A...
Celebrity Girls Call Mumbai 🛵🚡9910780858 💃 Choose Best And Top Girl Service A...
 
03. Ruby Variables & Regex - Ruby Core Teaching
03. Ruby Variables & Regex - Ruby Core Teaching03. Ruby Variables & Regex - Ruby Core Teaching
03. Ruby Variables & Regex - Ruby Core Teaching
 
Verified Girls Call Mumbai 👀 9820252231 👀 Cash Payment With Room DeliveryDeli...
Verified Girls Call Mumbai 👀 9820252231 👀 Cash Payment With Room DeliveryDeli...Verified Girls Call Mumbai 👀 9820252231 👀 Cash Payment With Room DeliveryDeli...
Verified Girls Call Mumbai 👀 9820252231 👀 Cash Payment With Room DeliveryDeli...
 
InflectraCON 360: Risk-Based Testing for Mission Critical Systems
InflectraCON 360: Risk-Based Testing for Mission Critical SystemsInflectraCON 360: Risk-Based Testing for Mission Critical Systems
InflectraCON 360: Risk-Based Testing for Mission Critical Systems
 

Creative Coding to Inspire

  • 1. Ann Kilzer Mercari US@Tokyo Director, WWCode Tokyo CREATIVE CODING TO INSPIRE ク リ エ イ テ ィ ブ コ ー デ ィ ン グ 5月26日令和4年 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
  • 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
  • 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