O slideshow foi denunciado.
Seu SlideShare está sendo baixado. ×

Creative Coding to Inspire

Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Carregando em…3
×

Confira estes a seguir

1 de 29 Anúncio

Mais Conteúdo rRelacionado

Semelhante a Creative Coding to Inspire (20)

Mais recentes (20)

Anúncio

Creative Coding to Inspire

  1. 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. 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. 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. 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. 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. 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. 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. 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. 9. 10 Prompts for Creative Coding TRY THIS AT HOME :D creative coding • may 26, 2022 #creative-coding
  10. 10. steve jobs “Good artists borrow, great artists steal.” STEVE JOBS prompt #1
  11. 11. steve jobs? pablo picasso “Lesser artists borrow; great artists steal” PABLO PICASSO ... ... REPHRASING IGOR STRAVINSKY? prompt #1
  12. 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. 13. take something for instance, WORDLE Copy it, but make it your own https://github.com/ann- kilzer/go-wordle
  14. 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. 15. codepen.io is a great place to create and share CSS Art source: https://codepen.io/cassidoo/pen/QMZmNV prompt #2
  16. 16. Developer tooling Customize your terminal, IDE, or keyboard prompt #3 colors, fonts, behavior
  17. 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. 18. prompt #3
  19. 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. 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. 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. 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. 23. Iwaenogu Project HTTPS://IWAENOGU.HEROKUAPP.COM/ prompt #7
  24. 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. 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. 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. 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. 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. 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

×