├── .github └── workflows │ └── main.yml ├── .gitignore ├── README.md └── translations ├── README_FR.md ├── README_JA.md └── README_PL.md /.github/workflows/main.yml: -------------------------------------------------------------------------------- 1 | name: Generate TOC 2 | 3 | on: 4 | push: 5 | branches: [main] 6 | 7 | jobs: 8 | generateTOC: 9 | name: TOC Generator 10 | runs-on: ubuntu-latest 11 | steps: 12 | - uses: technote-space/toc-generator@v3 13 | with: 14 | MAX_HEADER_LEVEL: 2 15 | TARGET_PATHS: README*.md, translations/README*.md 16 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | #IntelliJ IDEA files 2 | /.idea 3 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | [Français](./translations/README_FR.md) | [日本語](./translations/README_JA.md) | [Polski](./translations/README_PL.md) 2 | 3 | > A starting point for your creative code journey 4 | 5 | 6 | 7 | # What is Creative Coding? 8 | 9 | Creative Coding is a loosely defined term used to describe a wide range of artistic practices that use computer code as a medium. Creative Code typically distinguishes itself from regular coding by the fact that it doesn't follow pre-defined specifications to solve problems for a user, but rather aims at expressing ideas and concepts. 10 | 11 | # Where does it come from? 12 | 13 | There is a rich history of artists using computers as a tool, going back all the way to the early 1960s. People like [Vera Molnar](https://vimeo.com/372579247), [Frieder Nake](http://dada.compart-bremen.de/item/agent/68), [Lillian Schwartz](https://vimeo.com/98960229), and [Manfred Mohr](http://www.emohr.com/), some of them still active today. They used computer code to generate complex visuals, drawings, animations, or music. To learn more about the history of computer art you can read [*When the Machine Made Art*](https://www.bloomsbury.com/us/when-the-machine-made-art-9781623562724/) by Grant D. Taylor. 14 | 15 | # Why this document? 16 | 17 | Getting started in any new field can feel overwhelming. This page is the opposite of the "awesome" curated lists that are popular on Github. Rather than an exhaustive compilation of every resource on the internet, it is deliberately incomplete. For each of the categories below, we hand picked one tool, one artist, one book, and one website to get your started on your journey. 18 | 19 | Let's get going! 20 | 21 | 22 | 23 | **Table of Contents** 24 | 25 | - [I want to make music!](#i-want-to-make-music) 26 | - [I want to use my existing coding skills to make art](#i-want-to-use-my-existing-coding-skills-to-make-art) 27 | - [I want to make visuals](#i-want-to-make-visuals) 28 | - [I'm dancer / choreographer and want to make a show with videos!](#im-dancer--choreographer-and-want-to-make-a-show-with-videos) 29 | - [I want to make games!](#i-want-to-make-games) 30 | - [No! I want to make even stranger games!](#no-i-want-to-make-even-stranger-games) 31 | - [I want to make art on the internet](#i-want-to-make-art-on-the-internet) 32 | - [I'm a student](#im-a-student) 33 | - [I'm a parent / kid](#im-a-parent--kid) 34 | - [I'm an architect](#im-an-architect) 35 | - [I'm an artist](#im-an-artist) 36 | - [I'm a poet](#im-a-poet) 37 | - [I'm a designer](#im-a-designer) 38 | - [I want a drawing robot](#i-want-a-drawing-robot) 39 | - [I want to build a robot!](#i-want-to-build-a-robot) 40 | - [Now I know how to draw lines and circles, what's next?](#now-i-know-how-to-draw-lines-and-circles-whats-next) 41 | - [Thanks!](#thanks) 42 | 43 | 44 | 45 | 49 | 50 | 51 | ## I want to make music! 52 | 53 | #### One tool: [TidalCycles](https://tidalcycles.org/) 54 | > TidalCycles is a programming environment to generate sound with code, but just like playing a DJ set. The code is very simple - `sound "bd"` will play the bass drum as a loop, and `sound "hh" # cutoff 1000` plays the hi-hat with cutoff (low-pass) filter at 1000 Hz. You can ask questions on the [Discord server](https://discord.gg/xCbbhBf7YU). 55 | 56 | 57 | 58 | #### One artist: [Malitzin Cortes](http://malitzincortes.net/) 59 | > Malitzin Cortes a.k.a. CNDSD's work involves live coding, live cinema, installation, Virtual Reality, generative art, sound design, experimental music and sound art. Read Malitzin's [interview on the TidalCycles blog](https://blog.tidalcycles.org/cndsd/). 60 | 61 | #### One book: 62 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 63 | 64 | #### One website: [TidalCycles Tutorial](https://tidalcycles.org/index.php/Tutorial) 65 | > This guide will help you get started with simple patterns and walk you through all the way to complex compositions. 66 | 67 | 68 | ## I want to use my existing coding skills to make art 69 | 70 | #### One tool: [Processing](https://processing.org/) 71 | > Processing is a great tool to start making visuals; if you are already familiar with Java or C-like programming language, the [bundled examples](https://processing.org/examples/) will give you a good idea where to start. There is also a Python version. You will find that other tools such as openFrameworks and OPENRNDR have similar philosophy. 72 | 73 | #### One artist: [Anna Carreras](https://www.annacarreras.com/) 74 | > Anna Carreras (Barcelona, 1979) is a creative coder and digital artist interested in experimentation on interactive communication focusing her work on the use of generative algorithms, creative code and interactive technology as a means of communication and an experience generator. 75 | 76 | #### One book: [Code as Creative Medium](https://mitpress.mit.edu/books/code-creative-medium) 77 | 78 | > This book is an essential resource for arts educators and practitioners who want to explore code as a creative medium, and serves as a guide for computer scientists transitioning from STEM to STEAM in their syllabi or practice. 79 | 80 | #### One website: 81 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 82 | 83 | 84 | ## I want to make visuals 85 | 86 | #### One tool: [Hydra](https://hydra.ojack.xyz/) 87 | 88 | > Hydra is a programming environment to rapidly create visuals in the browser using only a small amount of code. `osc().out()` generates a sine wave pattern, and `osc().color(1,0,0).out()` changes the color to red. You can ask questions on [Hydra's Discord server](https://discord.gg/b44SDAyJmf) and see some examples of [visuals created in Hydra](https://twitter.com/hydra_patterns). 89 | 90 | #### One artist: [Flor de Fuego](https://twitter.com/flordefuego4) 91 | 92 | > [Flor de Fuego](https://twitter.com/flordefuego4) investigates digital image and media, producing images and sounds related to live coding, animation, video and the Internet." 93 | 94 | #### One book: 95 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 96 | 97 | #### One website: [Hydra examples](https://ccfest-2021-glitchme.glitch.me/) 98 | 99 | > A short collection of Hydra sketches built for a workshop at the CC Fest 2021 Creative Coding Festival. You can edit the examples in your browser to teach yourself the basics. If you are interested in further reading, please check out the online [Hydra Book](https://hydra-book.naotohieda.com/)! 100 | 101 | 102 | ## I'm dancer / choreographer and want to make a show with videos! 103 | 104 | #### One tool: [Isadora](https://troikatronix.com/) 105 | 106 | > Isadora is used by a lot of dancers and choreographers for media performances - generating geometric patterns, mixing with video feed and using cameras for interactivity. You don't need to code - you can create visuals and logic simply by connecting boxes.But at the end of the day, anything on a computer can be used as material. What about [dancing with a hacked webpage](https://vimeo.com/175534187)? 107 | 108 | #### One artist: [Joana Chicau](https://joanachicau.com/) 109 | > Joana Chicau is a graphic designer, researcher and coder, with a background in choreography and performance. Her methodology explores how design and coding practices interfere deeper with interface design and information displays — when considering choreographic thinking, embodiment and new movement perception possibilities. 110 | 111 | #### One book: 112 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 113 | 114 | #### One website: [Motion Bank](http://motionbank.org/) 115 | > Motion Bank is a spin-off of the Forsythes Company focused on novel ways to record choreography via the digital medium. On the website, there is an archive of past projects including a research project with [Deborah Hay](http://scores.motionbank.org/dh/#/set/sets). 116 | 117 | 118 | ## I want to make games! 119 | 120 | #### One tool: [Bitsy](https://ledoux.itch.io/bitsy) 121 | > Bitsy is a little editor for little games or worlds. The goal is to make it easy to make games where you can walk around and talk to people and be somewhere. Here's a list of [games made with Bitsy](https://itch.io/games/made-with-bitsy). 122 | 123 | 124 | 125 | #### One artist: [Pippin Barr](https://www.pippinbarr.com/category/games/) 126 | > Pippin Barr makes games. 127 | 128 | #### One book: 129 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 130 | 131 | #### One website 132 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 133 | 134 | 135 | ## No! I want to make even stranger games! 136 | 137 | #### One tool: [Wekinator](http://www.wekinator.org/) 138 | > The Wekinator is free, open source software originally created in 2009 by Rebecca Fiebrink. It allows anyone to use machine learning to build new musical instruments, gestural game controllers, computer vision or computer listening systems, and more. 139 | 140 | #### One artist: [Marie Claire LeBlanc Flanagan](https://marieflanagan.com/) 141 | > "I design and build things for people. I build play experiences, installations, experimental video games, stories, communities, spaces, and events." 142 | 143 | #### One book: [Rise of the Videogame Zinesters](https://www.amazon.com/Rise-Videogame-Zinesters-Drop-outs-Housewives/dp/1609803728/ref=sr_1_2?dchild=1&qid=1611610821&refinements=p_27%3AAnna+Anthropy&s=books&sr=1-2&text=Anna+Anthropy) 144 | > "Part critical essay, part manifesto, part DIY guide, and altogether unprecedented, Rise of the Videogame Zinesters shows why the multi-billion dollar videogame industry needs to change—and how a new generation of artists can change it." 145 | 146 | #### One website: [Babycastles](https://twitter.com/Babycastles/) 147 | > "Babycastles is a non-profit fostering and amplifying diverse voices in videogame culture." Join their [Discord server](https://discordapp.com/invite/sEPRX5Z) or follow them on [Twitch](https://www.twitch.tv/babycastles)! 148 | 149 | 150 | ## I want to make art on the internet 151 | 152 | #### One tool: [Glitch](https://glitch.com) 153 | > Glitch is a great platform to rapidly create a small web project. You need to know how to write HTML, CSS and JavaScript (front end and [node.js](https://nodejs.org)). 154 | 155 | #### One artist: [Max Bittker](https://maxbittker.com/projects/) 156 | > Max Bittker is an "Artist building tools for play, creativity, & communication." One recent example of his work, [orb.farm](https://orb.farm/) is a virtual aquarium and ecosystem simulation. 157 | 158 | #### One book: [I Was Raised on the Internet](https://prestelpublishing.randomhouse.de/paperback/I-was-raised-on-the-Internet/Omar-Kholeif/Prestel-com/e546180.rhd) 159 | > "Coinciding with a major exhibition at the Museum of Contemporary Art Chicago, this anthology of essays and reflections casts a discursive and critical light on the work of artists engaging with the internet and digital technologies today." 160 | 161 | #### One website: [Rhizome](https://rhizome.org/art/artbase/) 162 | > "The Rhizome ArtBase was founded in 1999 to preserve works of net art that were deemed to be "of potential historical significance." Encompassing a vast range of projects from artists all over the world, the ArtBase provides a home for works that employ materials such as software, code, websites, moving images, games, and browsers." See also: [One Terabyte of Kilobyte age](https://anthology.rhizome.org/one-terabyte-of-kilobyte-age) 163 | 164 | 165 | ## I'm a student 166 | 167 | #### One tool: [p5.js](https://p5js.org/) 168 | > p5.js is a tool for drawing shapes and painting colors in the browser. You can start coding right now in the [web editor](https://editor.p5js.org/) and find [tutorials on the p5.js website](https://p5js.org/learn/). 169 | 170 | #### One artist: [Aren Davey](https://twitter.com/aah_dee_) 171 | > Aren runs [Cozy Coding](https://www.twitch.tv/cozycoding), "a series of cozy weekly Twitch streams that hosts interactive p5.js tutorials and lessons to its viewers." 172 | 173 | #### One book: [Learning Processing](http://learningprocessing.com/) 174 | > "This book tells a story. It’s a story of liberation, of taking the first steps towards understanding the foundations of computing, writing your own code, and creating your own media without the bonds of existing software tools. This story is not reserved for computer scientists and engineers. This story is for you." 175 | > 176 | > *Note: the book is based on Processing but you can find [p5.js versions of all the examples](https://github.com/shiffman/LearningProcessing-p5.js) on Github.* 177 | 178 | 179 | #### One website: [The Coding Train](https://thecodingtrain.com/) 180 | > The Coding Train is "a YouTube channel dedicated to beginner-friendly creative coding tutorials and challenges." It was created by Daniel Shiffman. You can ask questions on the [Coding Train Discord server](https://discord.gg/bzJQUyxPY5)! 181 | 182 | 183 | ## I'm a parent / kid 184 | 185 | #### One tool: [Scratch](https://scratch.mit.edu/) 186 | > With Scratch, you can program your own interactive stories, games, and animations and share your creations with others in the online community. Scratch is designed especially for ages 8 to 16, but is used by people of all ages. 187 | 188 | #### One artist: [Stefania Druga](https://stefania11.github.io/projects/) 189 | > Stefania Druga's work focuses on AI Literacy and the design of new computing platforms for children and parents. She is the creator of Hackidemia, a global organization that enables people to learn by doing and playing. 190 | 191 | #### One book: 192 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 193 | 194 | #### One website: 195 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 196 | 197 | 198 | ## I'm an architect 199 | 200 | #### One tool: [Sverchok]((http://nikitron.cc.ua/sverchok_en.html)) for [Blender](https://www.blender.org/) 201 | > Sverchok is a free addon for the Open Source 3D software Blender. In Sverchok, 3D shapes are created by dragging components (called "nodes") onto a canvas. You connect these nodes to build generative algorithms that produce more and more intricate 3D shapes. Here are a [Sverchok tutorial](https://www.youtube.com/watch?v=t56vQIaH7DI) and [Blender tutorial](https://www.youtube.com/watch?v=il_KNYaUfnY) to get you started. *Note: Blender is best used with a 3 button mouse and a full-size keyboard (with a numpad).* 202 | 203 | #### One artist: [Satoru Sugihara](http://atlv.org/) 204 | > Satoru Sugihara explores the frontier of computational design technology through design practice and research in contemporary architecture and spatial design. 205 | 206 | #### One book: [Morphing](https://www.laurencekingverlag.de/produkt/morphing/) 207 | > *Morphing, A Guide to Mathematical Transformations for Architects and Designers* is a beautifully designed book, full of examples of using simple mathematical formulas to generate intricate shapes and geometry. 208 | 209 | #### One website: 210 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 211 | 212 | ## I'm an artist 213 | 214 | #### One Tool: [TouchDesigner](https://derivative.ca/) 215 | > "TouchDesigner is a visual development platform that equips you with the tools you need to create stunning realtime projects and rich user experiences. Whether you're creating interactive media systems, architectural projections, live music visuals, or simply rapid-prototyping your latest creative impulse, TouchDesigner is the platform that can do it all." 216 | 217 | #### One artist: [Rosa Menkman](https://beyondresolution.info/) 218 | > "My work focuses on noise artifacts that result from accidents in both analogue and digital media (such as glitch and encoding and feedback artifacts). I think the resulting artifacts of these accidents can facilitate an important insight into the otherwise obscure alchemy of standardization via resolutions." 219 | 220 | #### One book: 221 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 222 | 223 | #### One website: [Creative Applications](https://www.creativeapplications.net/) 224 | > Creative Applications shares projects, tools and platforms relevant to the intersection of art, media and technology. It's a good place to be inspired and stay up to date with the media art scene. 225 | 226 | 227 | ## I'm a poet 228 | 229 | #### One tool: [Thonny a Python IDE for beginners](http://thonny.org) 230 | 231 | #### One artist: [Allison Parrish](https://www.decontextualize.com) 232 | > Allison Parrish is an American poet, software engineer, creative coder, and game designer, notable as one of the most prominent early makers of creative, literary Twitter bots. She was named "Best Maker of Poetry Bots" by The Village Voice in 2016. 233 | 234 | #### One book: [Exploratory Programming for the Arts and Humanities](https://mitpress.mit.edu/books/exploratory-programming-arts-and-humanities) 235 | > A book for anyone who wants to learn programming to explore and create, with exercises and projects to help the reader learn by doing. 236 | 237 | #### One website: [Code Poetry](http://code-poetry.com/) 238 | > “This website displays a collection of twelve code poems, each written in the source code of a different programming language. Every poem is also a valid program which produces a visual representation of itself when compiled and run.” 239 | 240 | 241 | ## I'm a designer 242 | 243 | #### One tool: [p5.js](https://p5js.org/) 244 | > "p5.js is a JavaScript library for creative coding, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else!" 245 | 246 | #### One artist: [Raven Kwok](https://ravenkwok.com/) 247 | > Raven Kwok (aka Guo, Ruiwen) is a visual artist and creative technologist. His artistic and research interest mainly focus on exploring generative visual aesthetic brought by computer algorithms and software processes. Watch [his talk at MuDA](https://www.youtube.com/watch?v=MJULayyg4sU) for more background on his work. 248 | 249 | #### One book: [Generative Design](http://www.generative-gestaltung.de/2/) 250 | > This book is a jump-start on coding strategies, with step-by-step tutorials for creating visual experiments that explore the possibilities of color, form, typography, and images. [Code examples](http://www.generative-gestaltung.de/2/) which can be viewed and edited in your browser are available for free on the book's website. 251 | 252 | #### One website: 253 | 255 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 256 | 257 | ## I want a drawing robot 258 | 259 | #### One Tool: [AxiDraw](https://axidraw.com/) 260 | > The AxiDraw is a plotter. You attach a pen or pencil to it, give it a line drawing (as a vector file), and it will produce a perfectly accurate copy on paper. A pen plotter can reproduce the aspect of a hand-made drawing, use various tools such as paint markers, and draw on print media that you could not fit into a traditional printer for use cases such as marking out parts directly onto metal sheets. 261 | 262 | #### One artist: [Sougwen Chung](https://sougwen.com/) 263 | > "Chung's work explores the mark-made-by-hand and the mark-made-by-machine as an approach to understanding the dynamics of humans and systems." 264 | 265 | #### One book: 266 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 267 | 268 | #### One website: [DrawingBots.net](https://drawingbots.net/) 269 | > "The mission of DrawingBots.net is to become the central place on the web to discover the world of drawing robots, get inspiration and talk to other drawing robot enthusiasts." 270 | 271 | ## I want to build a robot! 272 | 273 | #### One tool: [Arduino](https://www.arduino.cc/) 274 | 275 | > Making a robot that walks by itself is a huge research project! But you can start with a simple example. What about connecting a motor and a light sensor to an [Arduino](https://www.arduino.cc/) and move it when you cover the sensor? Arduino is a small electronics board that can sense the environment and affects its surroundings by controlling lights, motors, and other actuators. 276 | 277 | #### One artist: [So Kanno](http://kanno.so/) 278 | > So Kanno is an artist who's work is full of custom built robots, from laser mice to chaotic drawing machines. "He considers the essential change of things brought about by the evolution and change of technology, and creates works to bring a new perspective upon them."" 279 | 280 | #### One Book: [Arduino Workshop](https://nostarch.com/arduino) 281 | 282 | > *Arduino Workshop: A Hands-On Introduction with 65 Projects* is a beginner's guide to the world of Arduino. It starts with an overview of the system, electronics components, and concepts; then dives into practical uses such as a digital thermometer and a GPS logger, as well as various Arduino-based electronic toys and games. 283 | 284 | #### One website: 285 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 286 | 287 | 288 | 289 | 290 | 297 | 298 | ## Now I know how to draw lines and circles, what's next? 299 | 300 | #### One tool: Twitter/Instagram 301 | > Posting your work on Twitter/Instagram is a great way to get feedback. Feel free to tag [@CreativeCodeBLN](https://twitter.com/CreativeCodeBLN/) so we can share your work with the community! 302 | 303 | #### One artist: [Saskia Freeke](https://twitter.com/sasj_nl) 304 | > Saskia Freeke has been posting a daily artwork made in Processing every day since January 1st 2015. 305 | 306 | #### One book: 307 | *[suggest one](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 308 | 309 | #### One website: [OpenProcessing](https://www.openprocessing.org/) 310 | > OpenProcessing is an online platform for Processing and p5.js creators. You can use their online editor to create sketches and share them with the community. 311 | 312 | # Thanks! 313 | 314 | This list is created and maintained by [Raphaël de Courville](https://twitter.com/sableRaph) and [Naoto Hieda](https://twitter.com/naoto_hieda) for [Creative Code Berlin](http://creativecode.berlin/) as resource for people coming to our bi-monthly meetups. We hope it can be helpful to others as well :) 315 | 316 | If you are looking for a more comprehensive list, check out this [curated list of awesome creative coding resources](https://github.com/terkelg/awesome-creative-coding). 317 | 318 | This document is licensed under [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/). 319 | -------------------------------------------------------------------------------- /translations/README_FR.md: -------------------------------------------------------------------------------- 1 | [English](../README.md) | [日本語](./README_JA.md) | [Polski](./README_PL.md) 2 | 3 | > Un point de départ pour votre voyage en code créatif 4 | 5 | 6 | # Qu'est-ce que le Code Créatif ? 7 | 8 | Sous le terme de "Code Créatif" se regroupent un large éventail de pratiques artistiques utilisant le code informatique comme support de création. Le Code Créatif se distingue typiquement de la programmation telle qu'on l'entend habituellement par le fait que le codeur créatif ne suit pas un cahier des charges prédéfini afin de résoudre des problèmes pour un utilisateur, mais vise plutôt à exprimer des idées et des concepts. 9 | 10 | # D'où vient le Code Créatif? 11 | 12 | Il existe une riche histoire d'artistes utilisant l'ordinateur comme outil, qui remonte au début des années 1960. Des créateurs tels que [Vera Molnar](https://vimeo.com/372579247), [Frieder Nake](http://dada.compart-bremen.de/item/agent/68), [Lillian Schwartz](https://vimeo.com/98960229), et [Manfred Mohr](http://www.emohr.com/), dont certains sont encore actifs aujourd'hui. Ces artistes ont utilisé le code informatique pour générer des visuels, des dessins, des animations ou de la musique. Pour en savoir plus sur l'histoire de l'art numérique en général, vous pouvez lire [*When the Machine Made Art*](https://www.bloomsbury.com/us/when-the-machine-made-art-9781623562724/) de Grant D. Taylor (en Anglais). 13 | 14 | # Pourquoi ce document ? 15 | 16 | Débuter dans un nouveau domaine peut être une expérience stressante. Cette page est l'inverse des listes de liens "Awesome" populaires sur le Github anglophone. Plutôt qu'une compilation exhaustive de toutes les ressources disponibles sur Internet, elle est délibérément incomplète. Pour chacune des catégories ci-dessous, nous avons choisi à la main un outil, un artiste, un livre et un site web pour vous aider à démarrer votre voyage. 17 | 18 | C'est parti ! 19 | 20 | 21 | 22 | **Table of Contents** 23 | 24 | - [Je veux faire de la musique !](#je-veux-faire-de-la-musique-) 25 | - [Je sais déjà programmer et je veux faire de l'art.](#je-sais-d%C3%A9j%C3%A0-programmer-et-je-veux-faire-de-lart) 26 | - [Je veux faire des visuels](#je-veux-faire-des-visuels) 27 | - [Je suis danseur·euse / chorégraphe et je veux faire un spectacle avec des vidéos !](#je-suis-danseur%C2%B7euse--chor%C3%A9graphe-et-je-veux-faire-un-spectacle-avec-des-vid%C3%A9os-) 28 | - [Je veux créer des jeux !](#je-veux-cr%C3%A9er-des-jeux-) 29 | - [Non ! Je veux faire des jeux encore plus étranges !](#non--je-veux-faire-des-jeux-encore-plus-%C3%A9tranges-) 30 | - [Je veux faire de l'art sur Internet](#je-veux-faire-de-lart-sur-internet) 31 | - [Je suis étudiant](#je-suis-%C3%A9tudiant) 32 | - [Je suis parent / enfant](#je-suis-parent--enfant) 33 | - [Je suis architecte](#je-suis-architecte) 34 | - [Je suis un·e artiste](#je-suis-un%C2%B7e-artiste) 35 | - [Je suis un poète](#je-suis-un-po%C3%A8te) 36 | - [Je suis graphiste](#je-suis-graphiste) 37 | - [Je veux une machine à dessiner](#je-veux-une-machine-%C3%A0-dessiner) 38 | - [Je veux construire un robot !](#je-veux-construire-un-robot-) 39 | - [D'accord je sais dessiner des lignes et des cercles, et après ?](#daccord-je-sais-dessiner-des-lignes-et-des-cercles-et-apr%C3%A8s-) 40 | - [Merci !](#merci-) 41 | 42 | 43 | 44 | ## Je veux faire de la musique ! 45 | 46 | #### Un outil : [TidalCycles](https://tidalcycles.org/) 47 | > TidalCycles est un environnement de programmation permettant de générer du son avec du code. Le code est très simple – `sound "bd"` jouera la grosse caisse en boucle, et `sound "hh" # cutoff 1000` jouera la caisse claire avec filtre passe-bas à 1000 Hz. Vous pouvez poser des questions sur le [serveur Discord de TidalCycles](https://discord.gg/xCbbhBf7YU). 48 | 49 | 50 | 51 | #### Un·e artiste : [Malitzin Cortes](http://malitzincortes.net/) 52 | > Le travail de Malitzin Cortes (alias CNDSD) va du live coding, au live cinema, en passant par les installations, la réalité virtuelle, l'art génératif, le design sonore, la musique expérimentale ou l'art sonore. Lisez [l'interview de Malitzin sur le blog de TidalCycles](https://blog.tidalcycles.org/cndsd/) (en Anglais). 53 | 54 | #### Un livre : 55 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 56 | 57 | #### Un site web : [TidalCycles Tutorial](https://tidalcycles.org/index.php/Tutorial) 58 | > Ce guide vous aidera à commencer avec des motifs simples et vous guidera jusqu'aux compositions plus complexes. 59 | 60 | ## Je sais déjà programmer et je veux faire de l'art. 61 | 62 | #### Un outil : [Processing](https://processing.org/) 63 | > Processing est un outil formidable pour commencer à réaliser des visuels; si vous êtes déjà familier avec le langage de programmation Java, C/C++ et autres, les [exemples intégrés](https://processing.org/examples/) vous donneront une bonne idée de par où commencer. Il existe également une version Python. D'autres outils tels que openFrameworks et OPENRNDR ont une philosophie similaire. 64 | 65 | #### Un·e artiste : [Anna Carreras](https://www.annacarreras.com/) 66 | > Anna Carreras (Barcelone, 1979) est une codeuse créative et une artiste numérique. Elle concentre son travail sur l'utilisation d'algorithmes génératifs, de code créatif et de technologie interactive comme moyen de communication et générateur d'expérience. 67 | 68 | #### Un livre : [Code as Creative Medium](https://mitpress.mit.edu/books/code-creative-medium) 69 | 70 | > Ce livre est une ressource essentielle pour les éducateurs et les praticiens des arts qui veulent explorer le code en tant que moyen de création, et sert de guide pour les informaticiens qui passent de STEM à STEAM dans leurs programmes ou leur pratique. 71 | 72 | #### Un site web : 73 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 74 | 75 | 76 | ## Je veux faire des visuels 77 | 78 | #### Un outil : [Hydra](https://hydra.ojack.xyz/) 79 | 80 | > Hydra est un environnement de programmation permettant de créer rapidement des visuels dans un navigateur web en utilisant une quantité minimale de code. `osc().out()` génère un motif d'onde sinusoïdale, et `osc().color(1,0,0).out()` change la couleur en rouge. Vous pouvez poser des questions sur le [serveur Discord de Hydra](https://discord.gg/b44SDAyJmf) et voir quelques exemples de [visuels créés dans Hydra](https://twitter.com/hydra_patterns). 81 | 82 | #### Un·e artiste : [Flor de Fuego](https://twitter.com/flordefuego4) 83 | 84 | > [Flor de Fuego](https://twitter.com/flordefuego4) étudie l'image et les médias numériques, en produisant des images et des sons liés au live coding, à l'animation, à la vidéo et à l'Internet. 85 | 86 | #### Un livre : 87 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 88 | 89 | #### Un site web : [Exemples Hydra](https://ccfest-2021-glitchme.glitch.me/) 90 | 91 | > Une petite collection de sketches faits sous Hydra, réalisés pour un atelier au festival de codage créatif CC Fest 2021. Vous pouvez éditer les exemples dans votre navigateur pour apprendre vous-même les bases. Si vous souhaitez poursuivre votre apprentissage, consultez le [Hydra Book](https://hydra-book.naotohieda.com/) en ligne. 92 | 93 | 94 | ## Je suis danseur·euse / chorégraphe et je veux faire un spectacle avec des vidéos ! 95 | 96 | #### Un outil : [Isadora](https://troikatronix.com/) 97 | 98 | > Isadora est utilisé par de nombreux danseurs et chorégraphes pour des performances multimédia - générant des motifs géométriques, se mélangeant avec le flux vidéo et utilisant des caméras pour l'interactivité. Il n'est pas nécessaire de coder, il suffit de connecter des modules pour créer des images et de l'interaction. Au bout du compte, la technologie n'est qu'un moyen et pas une fin et tout ce qui se trouve sur votre ordinateur peut être utilisé comme outil. Que diriez-vous de [danser avec une page web piratée](https://vimeo.com/175534187) par example ? 99 | 100 | #### Un·e artiste : [Joana Chicau](https://joanachicau.com/) 101 | > Joana Chicau est graphiste, chercheuse et codeuse, avec une formation en chorégraphie et en performance. Sa méthodologie explore la manière dont les pratiques de conception et de codage interfèrent plus profondément avec la conception des interfaces et l'affichage des informations - en considérant la pensée chorégraphique, l'incarnation et les nouvelles possibilités de perception du mouvement. 102 | 103 | #### Un livre : 104 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 105 | 106 | #### Un site web : [Motion Bank] (http://motionbank.org/) 107 | > Motion Bank est une initiative de la Forsythes Company qui se concentre sur de nouvelles façons d'enregistrer des chorégraphies via le support numérique. Le site web contient des archives de projets antérieurs, dont un projet de recherche avec [Deborah Hay](http://scores.motionbank.org/dh/#/set/sets). 108 | 109 | ## Je veux créer des jeux ! 110 | 111 | #### Un outil : [Bitsy](https://ledoux.itch.io/bitsy) 112 | > "Bitsy est un petit éditeur pour les petits jeux ou les petits mondes. Le but est de faciliter la création de jeux où l'on peut se promener, parler aux gens et être quelque part." Voici une liste de [jeux réalisés avec Bitsy](https://itch.io/games/made-with-bitsy). 113 | 114 | 115 | 116 | #### Un·e artiste : [Pippin Barr](https://www.pippinbarr.com/category/games/) 117 | > Pippin Barr fait des jeux. 118 | 119 | #### Un livre : 120 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 121 | 122 | #### Un site web 123 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 124 | 125 | 126 | ## Non ! Je veux faire des jeux encore plus étranges ! 127 | 128 | #### Un outil : [Wekinator](http://www.wekinator.org/) 129 | > Le Wekinator est un logiciel libre et gratuit, créé à l'origine en 2009 par Rebecca Fiebrink. Il permet à quiconque d'utiliser l'intelligence artificielle pour construire de nouveaux instruments de musique, des contrôleurs de jeux gestuels, des systèmes de vision par machine, et bien plus encore. 130 | 131 | #### Un·e artiste : [Marie Claire LeBlanc Flanagan](https://marieflanagan.com/) 132 | > "Je conçois et construis des choses pour les gens. Je construis des expériences de jeu, des installations, des jeux vidéo expérimentaux, des histoires, des communautés, des espaces et des événements." 133 | 134 | #### Un livre : 135 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 136 | 137 | #### Un site web : [Babycastles](https://twitter.com/Babycastles/) 138 | > "Babycastles est une association à but non lucratif qui encourage et amplifie les voix diverses dans la culture du jeu vidéo." Rejoignez le [serveur Discord de Babycastles](https://discordapp.com/invite/sEPRX5Z) ou suivez-les sur [Twitch](https://www.twitch.tv/babycastles) ! 139 | 140 | 141 | ## Je veux faire de l'art sur Internet 142 | 143 | #### Un outil : [Glitch](https://glitch.com) 144 | > Glitch est une excellente plateforme pour créer rapidement un petit projet web. Cela nécessite une connaissance du HTML, CSS et JavaScript (front end et [node.js](https://nodejs.org)). 145 | 146 | #### Un·e artiste : [Max Bittker](https://maxbittker.com/projects/) 147 | > Max Bittker est un "artiste construisant des outils pour le jeu, la créativité et la communication". Un exemple récent de son travail, [orb.farm](https://orb.farm/) est une simulation virtuelle d'aquarium et d'écosystème. 148 | 149 | #### Un livre : [I Was Raised on the Internet](https://prestelpublishing.randomhouse.de/paperback/I-was-raised-on-the-Internet/Omar-Kholeif/Prestel-com/e546180.rhd) 150 | > "Coïncidant avec une exposition majeure au Museum of Contemporary Art Chicago, cette anthologie d'essais et de réflexions jette un éclairage discursif et critique sur le travail des artistes qui s'engagent dans l'internet et les technologies numériques aujourd'hui." 151 | 152 | #### Un site web : [Rhizome](https://rhizome.org/art/artbase/) 153 | > "The Rhizome ArtBase" a été fondé en 1999 pour préserver les œuvres d'art net qui ont été jugées "d'une importance historique potentielle". Comprenant un vaste éventail de projets d'artistes du monde entier, la ArtBase abrite des œuvres qui utilisent des matériaux tels que des logiciels, du code, des sites web, des images animées, des jeux et des navigateurs". Voir aussi : [One Terabyte of Kilobyte age](https://anthology.rhizome.org/one-terabyte-of-kilobyte-age) 154 | 155 | 156 | ## Je suis étudiant 157 | 158 | #### Un outil : [p5.js](https://p5js.org/) 159 | > p5.js est un outil pour dessiner des formes et peindre des couleurs dans un navigateur web. Vous pouvez commencer à coder dès maintenant dans [l'éditeur web](https://editor.p5js.org/) et trouver des [tutos sur le site web de p5.js](https://p5js.org/learn/). 160 | 161 | #### Un·e artiste : [Aren Davey](https://twitter.com/aah_dee_) 162 | > Aren a créé [Cozy Coding](https://www.twitch.tv/cozycoding), "une série de streams Twitch hebdomadaires qui offrent des tutoriels et des leçons interactives sur p5.js à ses viewers". 163 | 164 | #### Un livre : [Processing - 2e éd. - S'initier à la programmation créative](https://www.dunod.com/sciences-techniques/processing-initier-programmation-creative-0) 165 | > Cet ouvrage d’initiation a été conçu à l’intention des créateurs qui produisent des installations interactives, des graphistes qui génèrent des images ou des motifs, et de tous ceux qui veulent s’initier à la programmation. Vous trouverez sur le site compagnon de l’ouvrage (www.ifdesignelseart.com) les ressources techniques de l’ouvrage, des exemples et des modèles de réalisation. 166 | 167 | 168 | #### Un site web : [The Coding Train](https://thecodingtrain.com/) (en Anglais) 169 | > The Coding Train est "une chaîne YouTube dédiée aux tutoriels et défis de code créatif pour débutants". Elle a été créée par Daniel Schiffman. Vous pouvez poser des questions sur leur [serveur Discord](https://discord.gg/bzJQUyxPY5). 170 | 171 | 172 | ## Je suis parent / enfant 173 | 174 | #### Un outil : [Scratch](https://scratch.mit.edu/) 175 | > Avec Scratch, vous pouvez programmer vos propres histoires, jeux et animations interactives et partager vos créations avec d'autres membres de la communauté en ligne. Scratch est conçu spécialement pour les 8 à 16 ans, mais est utilisé par des personnes de tous âges. 176 | 177 | #### Un artiste : [Stefania Druga](https://stefania11.github.io/projects/) 178 | > Le travail de Stefania Druga se concentre sur l'éducation en matière d'Intelligence Artificielle et la conception de nouvelles plateformes informatiques pour les enfants et les parents. Elle est la créatrice de Hackidemia, une organisation mondiale qui permet aux gens d'apprendre en créant et en s'amusant. 179 | 180 | #### Un livre : [Programmer avec Scratch 5e/4e/3e](https://www.editions-hatier.fr/livre/mini-chouette-programmer-avec-scratch-5e4e3e-9782401051324) 181 | > "Un cahier pour s’entraîner à programmer avec Scratch, et consolider ainsi des apprentissages clés de du nouveau programme en maths cycle 4." 182 | 183 | #### Un site web : 184 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 185 | 186 | 187 | ## Je suis architecte 188 | 189 | #### Un outil : [Sverchok]((http://nikitron.cc.ua/sverchok_en.html)) pour [Blender](https://www.blender.org/) 190 | > Sverchok est un addon gratuit pour le logiciel Open Source 3D Blender. Dans Sverchok, les formes 3D sont créées en arrangeant et connectant des composants (appelés "nodes") pour construire des algorithmes générateurs qui produisent des formes 3D de plus en plus complexes. Voici un [tutoriel Sverchok](https://www.youtube.com/watch?v=t56vQIaH7DI) et un [tutoriel Blender](https://www.youtube.com/watch?v=il_KNYaUfnY) pour vous aider à démarrer. *Note : Blender s'utilise de préférence avec une souris à 3 boutons et un clavier équipé d'un pavé numérique. 191 | 192 | #### Un artiste : [Satoru Sugihara](http://atlv.org/) 193 | > Satoru Sugihara explore les frontières de la technologie de conception numérique à travers la pratique du design et la recherche en architecture contemporaine et en design spatial. 194 | 195 | #### Un livre : [Morphing](https://www.laurencekingverlag.de/produkt/morphing/) 196 | > *Morphing, A Guide to Mathematical Transformations for Architects and Designers* est un trés beau livre, plein d'exemples d'utilisation de formules mathématiques simples pour générer des formes et une géométrie complexes. 197 | 198 | #### Un site web : 199 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 200 | 201 | 202 | ## Je suis un·e artiste 203 | 204 | #### Un outil : [TouchDesigner](https://derivative.ca/) 205 | > "TouchDesigner est une plateforme de développement visuel qui vous fournit les outils nécessaires pour créer des projets en temps réel époustouflants et des expériences utilisateur riches. Que vous créiez des systèmes de médias interactifs, des projections architecturales, des visuels de musique en direct ou que vous réalisiez simplement un prototype rapide de votre dernière impulsion créative, TouchDesigner est la plateforme qui peut tout faire". 206 | 207 | #### Un·e artiste : [Rosa Menkman](https://beyondresolution.info/) 208 | > "Mon travail se concentre sur les artefacts de bruit qui résultent d'accidents dans les médias analogiques et numériques (tels que les pépins et les artefacts d'encodage et de rétroaction). Je pense que les artefacts résultant de ces accidents peuvent faciliter un aperçu important de l'alchimie autrement obscure de la normalisation par le biais des résolutions". 209 | 210 | #### Un livre : 211 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 212 | 213 | #### Un site web : [Applications créatives](https://www.creativeapplications.net/) 214 | > Creative Applications partage des projets, des outils et des plates-formes à l'intersection de l'art, des médias et de la technologie. C'est une bonne plateforme pour trouver l'inspiration et se tenir au courant de la scène des arts numériques. 215 | 216 | 217 | ## Je suis un poète 218 | 219 | #### Un outil : [Thonny a Python IDE for beginners](http://thonny.org) 220 | 221 | #### Un·e artiste : [Allison Parrish](https://www.decontextualize.com) 222 | > Allison Parrish est une poète américaine, ingénieure logiciel, codeuse créative et conceptrice de jeux, notable comme l'une des plus éminentes créatrices des premiers bots Twitter littéraires et créatifs. Elle a été nommée "Best Maker of Poetry Bots" par The Village Voice en 2016. 223 | 224 | #### Un livre : [Exploratory Programming for the Arts and Humanities](https://mitpress.mit.edu/books/exploratory-programming-arts-and-humanities) 225 | > Un livre pour tous ceux qui veulent apprendre la programmation pour explorer et créer, avec des exercices et des projets pour aider le lecteur à apprendre par la pratique. 226 | 227 | #### Un site web : 228 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 229 | 230 | ## Je suis graphiste 231 | 232 | #### Un outil : [p5.js](https://p5js.org/) 233 | > "p5.js est une librarie JavaScript pour le code créatif, dont l'objectif est de rendre le code accessible et inclusif pour les artistes, les graphistes, les éducateurs, les débutants et toute autre personne". 234 | 235 | #### Un·e artiste : [Raven Kwok](https://ravenkwok.com/) 236 | > Raven Kwok (alias Guo, Ruiwen) est un artiste visuel et un technologiste créatif. Son intérêt artistique et de recherche se concentre principalement sur l'exploration de l'esthétique visuelle générative apportée par les algorithmes informatiques et les processus logiciels. Regardez [sa conférence à MuDA](https://www.youtube.com/watch?v=MJULayyg4sU) (en Anglais) pour plus d'informations sur son travail. 237 | 238 | #### Un livre : [Generative Design](http://www.generative-gestaltung.de/2/) 239 | > Ce livre est un bon point de départ pour les stratégies de programmation, avec des tutoriels étape par étape pour créer des expériences visuelles qui explorent les possibilités de la couleur, de la forme, de la typographie et des images. Des [exemples de programmes](http://www.generative-gestaltung.de/2/) qui peuvent être visualisés et modifiés dans votre navigateur sont disponibles gratuitement sur le site web du livre. 240 | 241 | #### Un site web : 242 | 244 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 245 | 246 | 247 | ## Je veux une machine à dessiner 248 | 249 | #### Un outil : [AxiDraw](https://axidraw.com/) 250 | > L'AxiDraw est un traceur. Vous y attachez un stylo ou un crayon, vous lui donnez un dessin au trait (sous forme de fichier vectoriel), et il produira une copie parfaitement fidèle sur papier. Un traceur peut reproduire l'aspect d'un dessin fait à la main, utiliser divers outils tels que des marqueurs à peinture, et dessiner sur des supports d'impression que vous ne pourriez pas insérer dans une imprimante traditionnelle, pour des cas d'utilisation tels que le marquage de pièces directement sur des feuilles de métal. 251 | 252 | #### Un·e artiste : [Sougwen Chung](https://sougwen.com/) 253 | > "Le travail de Chung explore le tracé à la main et le tracé à la machine comme une approche pour comprendre la dynamique des humains et des systèmes." 254 | 255 | #### Un livre : 256 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 257 | 258 | #### Un site web : [DrawingBots.net](https://drawingbots.net/) 259 | > "La mission de DrawingBots.net est de devenir le lieu central sur le web pour découvrir le monde des machines à dessiner, trouver l'inspiration et parler à d'autres passionnés de robots dessinateurs." 260 | 261 | ## Je veux construire un robot ! 262 | 263 | #### Un outil : [Arduino](https://www.arduino.cc/) 264 | > Fabriquer un robot qui marche tout seul est un énorme projet de recherche ! Mais vous pouvez commencer par un exemple simple. Que diriez-vous de connecter un moteur et un capteur de lumière à un [Arduino](https://www.arduino.cc/) afind d'actionner le moteur lorsque vous recouvrez le capteur ? Arduino est une petite carte électronique qui peut détecter l'environnement et agir sur son environnement en contrôlant les lumières, les moteurs et autres actuateurs. 265 | 266 | #### Un·e artiste : [So Kanno](http://kanno.so/) 267 | > So Kanno est un artiste dont l'œuvre fourmille de robots sur mesure, de souris laser et de machine à dessiner chaotiques. "Il considère le changement essentiel des choses provoqué par l'évolution et le changement de la technologie, et crée des œuvres pour leur apporter une nouvelle perspective". 268 | 269 | #### Un livre : [Arduino Pour les Nuls, 3ed](https://www.lisez.com/livre-grand-format/arduino-pour-les-nuls-grand-format-3-ed/9782412056004) 270 | 271 | > Au programme: Découverte de la carte Arduino, Eléments de base de l'électronique, Circuits simples, Utiliser des composants, Initiation à la programmation, Au cœur de la programmation d'Arduino, Exemples de montage avec Arduino. Si vous souhaitez vous faire une idée du contenu, la deuxième édition est [disponible en ligne](http://www.multimedialab.be/doc/erg/2017-2018/Arduino/Arduino_pour_les_nuls_poche_2e_Edition_Mai_2017.pdf). 272 | 273 | #### Un site web : 274 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 275 | 276 | ## D'accord je sais dessiner des lignes et des cercles, et après ? 277 | 278 | #### Un outil : Twitter/Instagram 279 | > Publier vos travaux sur Twitter/Instagram est un excellent moyen de recueillir les réactions. N'hésitez pas à tagger [@CreativeCodeBLN](https://twitter.com/CreativeCodeBLN/) afin que nous puissions partager votre travail avec la communauté ! 280 | 281 | #### Un·e artiste : [Saskia Freeke](https://twitter.com/sasj_nl) 282 | > Depuis le 1er janvier 2015, Saskia Freeke publie chaque jour une œuvre d'art réalisée dans Processing. 283 | 284 | #### Un livre : 285 | *[En suggérer un](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 286 | 287 | #### Un site web : [OpenProcessing](https://www.openprocessing.org/) 288 | > OpenProcessing est une plateforme en ligne pour les créateurs de Processing et de p5.js. Vous pouvez utiliser leur éditeur en ligne pour créer des croquis et les partager avec la communauté. 289 | 290 | # Merci ! 291 | 292 | Cette liste est créée et maintenue par [Raphaël de Courville](https://twitter.com/sableRaph) et [Naoto Hieda](https://twitter.com/naoto_hieda) pour [Creative Code Berlin](http://creativecode.berlin/) comme ressource pour les participants à nos rencontres bimensuelles. Nous espérons qu'elle pourra également être utile à d'autres personnes :) 293 | 294 | Si vous cherchez une liste plus complète, consultez cette [liste des ressources de code créatif](https://github.com/terkelg/awesome-creative-coding) (en Anglais). 295 | 296 | Ce document est sous licence [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/). 297 | -------------------------------------------------------------------------------- /translations/README_JA.md: -------------------------------------------------------------------------------- 1 | [Français](./README_FR.md) | [English](../README.md) | [Polski](./README_PL.md) 2 | 3 | > ここはクリエイティブ・コーディングの旅の出発点です 4 | 5 | （本記事は [creative coding minilist (fb038f65)](https://github.com/CreativeCodeBerlin/creative-coding-minilist/commit/fb038f65bd0ab82eae565927f5b8a8aef1299166) の日本語版フォークです。原文をもとにしているため、日本語のウェブサイトや本などでおすすめがあればぜひ書き加えてください） 6 | 7 | # クリエイティブ・コーディングとは？ 8 | 9 | クリエイティブ・コーディングとは広義に、コンピュータ・コードをメディアとして使用する幅広い芸術的な手法を説明するために使用される用語です。クリエイティブ・コードは通常のコーディングとは異なり、ユーザーの問題を解決するために事前に定義された仕様に従うのではなく、アイデアやコンセプトを表現することを目的としているという事実によって区別されています。 10 | 11 | # その背景は？ 12 | 13 | アーティストがコンピュータをツールとして使ってきた歴史は古く、1960年代初頭までさかのぼります。[Vera Molnar](https://vimeo.com/372579247)、[Frieder Nake](http://dada.compart-bremen.de/item/agent/68)、[Lillian Schwartz](https://vimeo.com/98960229)、[Manfred Mohr](http://www.emohr.com/)のような先人がいて、その中には今も活躍している人たちもいます。彼らはコンピュータコードを使って、複雑なビジュアル、ドローイング、アニメーション、音楽などを制作していました。コンピュータアートの歴史については、Grant D. Taylor著の[*When the Machine Made Art*](https://www.bloomsbury.com/us/when-the-machine-made-art-9781623562724/)を読んでみてください。 14 | 15 | # なんのための記事なの? 16 | 17 | どんな新しい分野でも始めようとすると、圧倒されるように感じることがあります。このページは、Githubで人気のあるいわゆる "awesome list" すなわちキュレーションされたリストとは正反対のものです。インターネット上のすべてのリソースを網羅的にまとめたものではなく、意図的に不完全なものです。以下のカテゴリーごとに、あなたの旅を始めるために、1つのツール、1つのアーティスト、1つの本、1つのウェブサイトを手で選んでいます。 18 | 19 | それでは、始めましょう！ 20 | 21 | 22 | 23 | **Table of Contents** 24 | 25 | - [音楽を作りたい！](#%E9%9F%B3%E6%A5%BD%E3%82%92%E4%BD%9C%E3%82%8A%E3%81%9F%E3%81%84) 26 | - [自分のコーディングのスキルを使ってアートを作りたい](#%E8%87%AA%E5%88%86%E3%81%AE%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AE%E3%82%B9%E3%82%AD%E3%83%AB%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%A6%E3%82%A2%E3%83%BC%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8A%E3%81%9F%E3%81%84) 27 | - [ビジュアルを作りたい](#%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%82%92%E4%BD%9C%E3%82%8A%E3%81%9F%E3%81%84) 28 | - [ダンスや振付をしていて、映像を使ったショーを作りたい！](#%E3%83%80%E3%83%B3%E3%82%B9%E3%82%84%E6%8C%AF%E4%BB%98%E3%82%92%E3%81%97%E3%81%A6%E3%81%84%E3%81%A6%E6%98%A0%E5%83%8F%E3%82%92%E4%BD%BF%E3%81%A3%E3%81%9F%E3%82%B7%E3%83%A7%E3%83%BC%E3%82%92%E4%BD%9C%E3%82%8A%E3%81%9F%E3%81%84) 29 | - [ゲームを作りたい!](#%E3%82%B2%E3%83%BC%E3%83%A0%E3%82%92%E4%BD%9C%E3%82%8A%E3%81%9F%E3%81%84) 30 | - [もっと変なゲームを作りたい!](#%E3%82%82%E3%81%A3%E3%81%A8%E5%A4%89%E3%81%AA%E3%82%B2%E3%83%BC%E3%83%A0%E3%82%92%E4%BD%9C%E3%82%8A%E3%81%9F%E3%81%84) 31 | - [インターネットでアートを作りたい](#%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88%E3%81%A7%E3%82%A2%E3%83%BC%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8A%E3%81%9F%E3%81%84) 32 | - [学生でクリエイティブ・コーディングに興味がある](#%E5%AD%A6%E7%94%9F%E3%81%A7%E3%82%AF%E3%83%AA%E3%82%A8%E3%82%A4%E3%83%86%E3%82%A3%E3%83%96%E3%83%BB%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%81%AB%E8%88%88%E5%91%B3%E3%81%8C%E3%81%82%E3%82%8B) 33 | - [こどもにプログラムを教えたい](#%E3%81%93%E3%81%A9%E3%82%82%E3%81%AB%E3%83%97%E3%83%AD%E3%82%B0%E3%83%A9%E3%83%A0%E3%82%92%E6%95%99%E3%81%88%E3%81%9F%E3%81%84) 34 | - [建築家でコードに興味がある](#%E5%BB%BA%E7%AF%89%E5%AE%B6%E3%81%A7%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AB%E8%88%88%E5%91%B3%E3%81%8C%E3%81%82%E3%82%8B) 35 | - [アーティストでコーディングを始めたい](#%E3%82%A2%E3%83%BC%E3%83%86%E3%82%A3%E3%82%B9%E3%83%88%E3%81%A7%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%92%E5%A7%8B%E3%82%81%E3%81%9F%E3%81%84) 36 | - [コードで詩を書きたい](#%E3%82%B3%E3%83%BC%E3%83%89%E3%81%A7%E8%A9%A9%E3%82%92%E6%9B%B8%E3%81%8D%E3%81%9F%E3%81%84) 37 | - [デザイナーでコーディングを始めたい](#%E3%83%87%E3%82%B6%E3%82%A4%E3%83%8A%E3%83%BC%E3%81%A7%E3%82%B3%E3%83%BC%E3%83%87%E3%82%A3%E3%83%B3%E3%82%B0%E3%82%92%E5%A7%8B%E3%82%81%E3%81%9F%E3%81%84) 38 | - [ドローイング・ロボットが欲しい](#%E3%83%89%E3%83%AD%E3%83%BC%E3%82%A4%E3%83%B3%E3%82%B0%E3%83%BB%E3%83%AD%E3%83%9C%E3%83%83%E3%83%88%E3%81%8C%E6%AC%B2%E3%81%97%E3%81%84) 39 | - [ロボットを作りたい!](#%E3%83%AD%E3%83%9C%E3%83%83%E3%83%88%E3%82%92%E4%BD%9C%E3%82%8A%E3%81%9F%E3%81%84) 40 | - [線と円の描き方は分かったけど、次は何をしたらいいですか？](#%E7%B7%9A%E3%81%A8%E5%86%86%E3%81%AE%E6%8F%8F%E3%81%8D%E6%96%B9%E3%81%AF%E5%88%86%E3%81%8B%E3%81%A3%E3%81%9F%E3%81%91%E3%81%A9%E6%AC%A1%E3%81%AF%E4%BD%95%E3%82%92%E3%81%97%E3%81%9F%E3%82%89%E3%81%84%E3%81%84%E3%81%A7%E3%81%99%E3%81%8B) 41 | - [おわりに](#%E3%81%8A%E3%82%8F%E3%82%8A%E3%81%AB) 42 | 43 | 44 | 45 | ## 音楽を作りたい！ 46 | 47 | #### おすすめのツール：[TidalCycles](https://tidalcycles.org/) 48 | > TidalCyclesは、コードを使って音を生成するプログラミング環境ですが、まるでDJをしているような感覚で演奏できます。コードはとてもシンプルで、`sound "bd"` はバスドラムをループ再生し、`sound "hh" # cutoff 1000` はハイハットを1000Hzでカットオフ（ローパス）フィルターをかけて再生します。質問は[Discordサーバー](https://discord.gg/xCbbhBf7YU)で受け付けています。 49 | 50 | #### おすすめのアーティスト：[Malitzin Cortes](http://malitzincortes.net/) 51 | > Malitzin Cortes a.k.a. CNDSDの作品には、ライブコーディング、ライブシネマ、インスタレーション、バーチャルリアリティ、ジェネレーティブアート、サウンドデザイン、実験音楽、サウンドアートが含まれます。Malitzinの[TidalCyclesブログでのインタビュー](https://blog.tidalcycles.org/cndsd/)を読んでみてください。 52 | 53 | #### おすすめの一冊： 54 | [*おすすめの一冊があればこちらに記入してください！*](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues) 55 | 56 | #### おすすめのサイト：[TidalCyclesチュートリアル](https://tidalcycles.org/index.php/Tutorial) 57 | > このガイドでは、簡単なパターンから始めて、複雑な構成に至るまでのすべての方法を説明します。 58 | 59 | 60 | ## 自分のコーディングのスキルを使ってアートを作りたい 61 | 62 | #### おすすめのツール：[Processing](https://processing.org/) 63 | > すでにJavaやC言語に慣れている方であれば、サンプルを見れば何から始めればよいかの良いアイデアが得られるでしょう。Pythonバージョンもあります。openFrameworksやOPENRNDRなど他のツールも似たような哲学を持っています。 64 | 65 | #### おすすめのアーティスト：[Anna Carreras](https://www.annacarreras.com/) 66 | > Anna Carreras（バルセロナ、1979年生まれ）は、クリエイティブ・コーダーであり、インタラクティブなコミュニケーションの実験に興味を持つデジタル・アーティストである。 67 | 68 | #### おすすめの一冊：[Code as Creative Medium](https://mitpress.mit.edu/books/code-creative-medium) 69 | 70 | > 本書は、創造的なメディアとしてのコードを探求したい芸術教育者や実践者にとって不可欠なリソースであり、彼らのシラバスや練習でSTEMからSTEAMに移行するコンピュータ科学者のためのガイドとしての役割を果たしています。 71 | 72 | #### おすすめの一冊：[数学から創るジェネラティブアート ―Processingで学ぶかたちのデザイン](https://gihyo.jp/book/2019/978-4-297-10463-4) 73 | 74 | > 数学者、コーダー、アーティストである著者が数学とコード、数学とアートの世界を丁寧に案内してくれる一冊です。コーディングスキルがある方へ、さらに数学的知見をもたらしてくれるものと思います。 (reona396) 75 | 76 | #### おすすめの一冊：[Nature of Code](https://www.borndigital.co.jp/book/5425.html) 77 | 78 | > 数学や物理のテクニックを軸に、Processingで自然界の様々な現象をシミュレーションして楽しむ本です。文章は軽快で読みやすく、内容は本格派。こちらもコーディングスキルがある方のステップアップに最適です。 ※現在日本語版はPDF版のみ販売されているようです。 (reona396) 79 | 80 | #### おすすめのサイト：[Processingでゼロから学ぶプログラミング・ビジュアルアート \- cocopon\.me](https://cocopon.me/zero-pde/) 81 | 82 | > 多摩美術大学統合デザイン学科のソフトウェアデザインの講義資料ですが、一般にも公開されています。プログラミングの基本からクリエイティブコーディングならではの表現方法まで、丁寧なステップでProcessingの基礎を学ぶことができます。 (reona396) 83 | 84 | 85 | ## ビジュアルを作りたい 86 | 87 | #### おすすめのツール：[Hydra](https://hydra.ojack.xyz/) 88 | 89 | > Hydraは、少ないコード量でブラウザ上のビジュアルをすばやく作成するためのプログラミング環境です。`osc().out()` は正弦波のパターンを生成し、`osc().color(1,0,0).out()` は色を赤に変更します。Discordサーバー](https://discord.gg/b44SDAyJmf)で質問したり、[Hydraで作成したビジュアル](https://twitter.com/hydra_patterns)の例を見ることができます。 90 | 91 | #### おすすめのアーティスト：[Flor de Fuego](https://twitter.com/flordefuego4) 92 | 93 | > [Flor de Fuego](https://twitter.com/flordefuego4)は、デジタルイメージとメディアを調査し、ライブコーディング、アニメーション、ビデオ、インターネットに関連したイメージとサウンドを制作しています。" 94 | 95 | #### おすすめの一冊： 96 | [*おすすめの一冊があればこちらに記入してください！*](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues) 97 | 98 | #### おすすめのサイト：[Hydra examples](https://ccfest-2021-glitchme.glitch.me/) 99 | > CC Fest 2021 Creative Coding Festivalでのワークショップのために作成したHydraのスケッチの短いコレクションです。基本的なことを学ぶために、ブラウザで例を編集することができます。 100 | 101 | ## ダンスや振付をしていて、映像を使ったショーを作りたい！ 102 | 103 | #### おすすめのツール：[Isadora](https://troikatronix.com/) 104 | 105 | > 幾何学的なパターンを生成したり、ビデオフィードと混合したり、インタラクティブ性のためにカメラを使用したりと、Isadoraは多くのダンサーや振付家によってメディアパフォーマンスに使用されています。コードを書く必要はなく、ブロックをつなぐだけでビジュアルやロジックを作ることができます。とはいえ、ダンス作品を作るのにツールにこだわる必要はありません。例えば[ハッキングされたウェブページと踊る](https://vimeo.com/175534187)のはどうですか？ 106 | 107 | #### おすすめのアーティスト：[Joana Chicau](https://joanachicau.com/) 108 | > Joana Chicauは、グラフィックデザイナー、研究者、コーダーであり、振付とパフォーマンスのバックグラウンドを持っています。彼女の方法論は、デザインとコーディングの実践がインターフェイスデザインや情報表示にどのように深く干渉しているかを探求しています。 109 | 110 | #### おすすめの一冊： 111 | [*おすすめの一冊があればこちらに記入してください！*](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues) 112 | 113 | #### おすすめのサイト：[モーションバンク](http://motionbank.org/) 114 | > モーションバンクはフォーサイス・カンパニーのスピンオフで、デジタルメディアを介して振付を記録する新しい方法に焦点を当てています。ウェブサイトでは、[Deborah Hay](http://scores.motionbank.org/dh/#/set/sets)との研究プロジェクトなど、過去のプロジェクトのアーカイブが公開されています。 115 | 116 | 117 | ## ゲームを作りたい! 118 | 119 | #### おすすめのツール：[Bitsy](https://ledoux.itch.io/bitsy) 120 | > Bitsyは、ちょっとしたゲームやワールドのためのちょっとしたエディタです。歩き回ったり、人と話したり、どこかにいるようなゲームを簡単に作れるようにすることを目的としています。以下に[Bitsyで作ったゲーム](https://itch.io/games/made-with-bitsy)のリストがあります。 121 | 122 | #### おすすめのアーティスト：[Pippin Barr](https://www.pippinbarr.com/category/games/) 123 | > Pippin Barrはゲームを作ります。 124 | 125 | #### おすすめの一冊： 126 | [*おすすめの一冊があればこちらに記入してください！*](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues) 127 | 128 | #### おすすめのサイト： 129 | [*おすすめのサイトがあればこちらに記入してください！*](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues) 130 | 131 | 132 | ## もっと変なゲームを作りたい! 133 | 134 | #### おすすめのツール：[Wekinator](http://www.wekinator.org/) 135 | > Wekinatorは、2009年にRebecca Fiebrinkによって作成されたフリーのオープンソース・ソフトウェアです。誰でも機械学習を使って、新しい楽器、ジェスチャーゲームコントローラ、コンピュータビジョンやコンピュータリスニングシステムなどを構築することができます。 136 | 137 | #### おすすめのアーティスト：[Marie Claire LeBlanc Flanagan](https://marieflanagan.com/) 138 | > "人のためにものをデザインし、構築します。遊びの体験、インスタレーション、実験的なビデオゲーム、物語、コミュニティ、空間、イベントを構築する。" 139 | 140 | #### おすすめの一冊：[Rise of the Videogame Zinesters](https://www.amazon.com/Rise-Videogame-Zinesters-Drop-outs-Housewives/dp/1609803728/ref=sr_1_2?dchild=1&qid=1611610821&refinements=p_27%3AAnna+Anthropy&s=books&sr=1-2&text=Anna+Anthropy) 141 | > "クリティカルなエッセイ、マニフェスト、DIYガイドなど、前代未聞の内容が満載の『Rise of the Videogame Zinesters』は、数十億ドル規模のビデオゲーム業界がなぜ変革を必要としているのか、そして新世代のアーティストたちがどのようにして変革を成し遂げるのかについて書かれています。" 142 | 143 | #### おすすめのサイト：[Babycastles](https://twitter.com/Babycastles/) 144 | > Babycastlesは、ビデオゲーム文化の多様な声を育成し、増幅する非営利団体です。[Discordサーバー](https://discordapp.com/invite/sEPRX5Z)に参加するか、Twitchでフォローしてください。 145 | 146 | 147 | ## インターネットでアートを作りたい 148 | 149 | #### おすすめのツール：[Glitch](https://glitch.com) 150 | > Glitchは、小規模なWebプロジェクトを迅速に作成するのに最適なプラットフォームです。HTML、CSS、JavaScript（フロントエンドと[node.js](https://nodejs.org)）の書き方を知っておく必要があります。 151 | 152 | #### おすすめのアーティスト：[Max Bittker](https://maxbittker.com/projects/) 153 | > Max Bittkerは "遊び、創造性、コミュニケーションのためのツールを構築するアーティスト "です。彼の最近の作品の一例として、[orb.farm](https://orb.farm/)は、バーチャル水族館と生態系シミュレーションです。 154 | 155 | #### おすすめの一冊：[I Was Raised on the Internet](https://prestelpublishing.randomhouse.de/paperback/I-was-raised-on-the-Internet/Omar-Kholeif/Prestel-com/e546180.rhd) 156 | > シカゴ現代美術館での大規模な展覧会に合わせて、このアンソロジーでは、今日のインターネットとデジタル技術に従事するアーティストの作品に論証的かつ批判的な光を投げかけています" 157 | 158 | #### おすすめのサイト：[Rhizome](https://rhizome.org/art/artbase/) 159 | > Rhizomeアートベースは、1999年に「歴史的意義がある」と判断されたネットアート作品を保存するために設立されました。世界中のアーティストの膨大なプロジェクトを網羅し、ソフトウェア、コード、ウェブサイト、動画、ゲーム、ブラウザなどの素材を使った作品を保存しています。" こちらもご参照ください。[キロバイト時代の1テラバイト](https://anthology.rhizome.org/one-terabyte-of-kilobyte-age) 160 | 161 | 162 | ## 学生でクリエイティブ・コーディングに興味がある 163 | 164 | #### おすすめのツール：[p5.js](https://p5js.org/) 165 | > p5.jsは、ブラウザ上で図形を描いたり、色を塗ったりするためのツールです。[webエディタ](https://editor.p5js.org/)で今すぐコーディングを始められますし、[p5.jsのサイトにあるチュートリアル](https://p5js.org/learn/)もあります。 166 | 167 | #### おすすめのアーティスト：[Aren Davey](https://twitter.com/aah_dee_) 168 | > Aren は [Cozy Coding](https://www.twitch.tv/cozycoding) を運営しています。"視聴者にインタラクティブな p5.js のチュートリアルやレッスンをホストする、毎週の Twitch ストリームの Cozy シリーズです。" 169 | 170 | #### おすすめの一冊：[Learning Processing](http://learningprocessing.com/) 171 | > この本は物語を語っています。それは、コンピューティングの基礎を理解し、自分自身のコードを書き、既存のソフトウェアツールに縛られることなく、自分自身のメディアを作成するための最初の一歩を踏み出す解放の物語です。この物語は、コンピュータ科学者やエンジニアのためのものではありません。この物語はあなたのためのものです。 172 | > 173 | > 注：この本はProcessingをベースにしていますが、Github.*で[全例のp5.js版](https://github.com/shiffman/LearningProcessing-p5.js)を見つけることができます。 174 | 175 | 176 | #### おすすめのサイト：[The Coding Train](https://thecodingtrain.com/) 177 | > "初心者に優しいクリエイティブなコーディングのチュートリアルやチャレンジに特化したYouTubeチャンネル" Daniel Shiffmanによって作成されました。[Coding Train Discordサーバー](https://discord.gg/bzJQUyxPY5)で質問することができます! 178 | 179 | 180 | ## こどもにプログラムを教えたい 181 | 182 | #### おすすめのツール：[Scratch](https://scratch.mit.edu/) 183 | > Scratchを使えば、あなた自身のインタラクティブなストーリー、ゲーム、アニメーションをプログラムして、オンラインコミュニティで他の人と作品を共有することができます。Scratchは特に8歳から16歳までを対象に設計されていますが、あらゆる年齢層の方にご利用いただけます。 184 | 185 | #### おすすめのアーティスト：[Stefania Druga](https://stefania11.github.io/projects/) 186 | > Stefania Drugaの仕事は、AIリテラシーと、子供や親のための新しいコンピューティングプラットフォームの設計に焦点を当てています。彼女は、「やって遊ぶことで学ぶ」ことを可能にする世界的な組織「Hackidemia」の生みの親である。 187 | 188 | #### おすすめの一冊： 189 | [*おすすめの一冊があればこちらに記入してください！*](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues) 190 | 191 | #### おすすめのサイト： 192 | [*おすすめのサイトがあればこちらに記入してください！*](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues) 193 | 194 | 195 | ## 建築家でコードに興味がある 196 | 197 | #### おすすめのツール：[Sverchok](http://nikitron.cc.ua/sverchok_en.html) for [Blender](https://www.blender.org/) 198 | > Sverchokはオープンソースの3DソフトウェアBlenderのフリーアドオンです。Sverchokでは、コンポーネント（「ノード」と呼ばれる）をキャンバス上にドラッグすることで3D形状が作成されます。これらのノードを接続して、より複雑な3D形状を生成する生成アルゴリズムを構築します。以下に [Sverchok tutorial](https://www.youtube.com/watch?v=t56vQIaH7DI) と [Blender tutorial](https://www.youtube.com/watch?v=il_KNYaUfnY) を紹介します。*注：Blenderは3ボタンマウスとフルサイズキーボード（numpad付き）で使うのがベストです。* 199 | 200 | #### おすすめのアーティスト：[杉原聡](http://atlv.org/) 201 | > 杉原聡は、現代建築と空間デザインのデザイン実践と研究を通して、計算デザイン技術のフロンティアを探る。 202 | 203 | #### おすすめの一冊：[Morphing](https://www.laurencekingverlag.de/produkt/morphing/) 204 | > 建築家とデザイナーのための数学的変換へのガイド*は、複雑な形状や幾何学を生成するために単純な数式を使用する例がいっぱいの、美しくデザインされた本です。 205 | 206 | #### おすすめのサイト： 207 | [*おすすめのサイトがあればこちらに記入してください！*](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues) 208 | 209 | ## アーティストでコーディングを始めたい 210 | 211 | #### おすすめのツール：[TouchDesigner](https://derivative.ca/) 212 | > TouchDesignerは、目を見張るようなリアルタイムプロジェクトやリッチなユーザーエクスペリエンスを作成するために必要なツールを備えたビジュアル開発プラットフォームです。インタラクティブなメディアシステム、建築物のプロジェクション、ライブ音楽のビジュアル、あるいは最新のクリエイティブな衝動をラピッドプロトタイピングで表現する場合でも、TouchDesignerはそのすべてを可能にするプラットフォームです" 213 | 214 | #### おすすめのアーティスト：[Rosa Menkman](https://beyondresolution.info/) 215 | > 私の研究は、アナログとデジタルの両方のメディアにおける事故（グリッチやエンコーディング、フィードバック・アーティファクトなど）から生じるノイズ・アーティファクトに焦点を当てています。これらの事故の結果として生じるアーティファクトは、解決策を介した標準化の曖昧な錬金術についての重要な洞察を促進することができると思います。" 216 | 217 | #### おすすめの一冊： 218 | [*おすすめの一冊があればこちらに記入してください！*](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues) 219 | 220 | #### おすすめのサイト：[Creative Applications](https://www.creativeapplications.net/) 221 | > クリエイティブ・アプリケーションズは、アート、メディア、テクノロジーの交差点に関連するプロジェクト、ツール、プラットフォームを共有しています。インスピレーションを得たり、メディアアートシーンの最新情報を入手したりするのに最適な場所です。 222 | 223 | ## コードで詩を書きたい 224 | #### おすすめのツール：[Thonny](http://thonny.org/) 225 | > 初心者向けのPython IDE 226 | 227 | #### おすすめのアーティスト：[Allison Parrish](https://www.decontextualize.com/) 228 | > Allison Parrishは、アメリカの詩人、ソフトウェアエンジニア、クリエイティブコーダー、ゲームデザイナーであり、クリエイティブで文学的なツイッターボットの最初期の著名なクリエイターの一人として注目されています。彼女は2016年にThe Village Voiceで「Best Maker of Poetry Bots」に選ばれました。 229 | 230 | #### おすすめの一冊：[Exploratory Programming for the Arts and Humanities](https://mitpress.mit.edu/books/exploratory-programming-arts-and-humanities) 231 | > 探求的・創造的なプログラミングを学びたい人のための本で、演習やプロジェクトを交えて、実践的に学ぶことができるようになっています。 232 | 233 | #### おすすめの一冊：[Code Poetry](http://code-poetry.com/) 234 | > "このウェブサイトは、12の異なるプログラミング言語を用いて書かれたコード・ポエムのコレクションです。すべての詩は、コンパイルして実行することでそれ自体がビジュアルを生成する有効なプログラムでもあります。" 235 | 236 | ## デザイナーでコーディングを始めたい 237 | 238 | #### おすすめのツール：[p5.js](https://p5js.org/) 239 | > "p5.jsは、アーティスト、デザイナー、教育者、初心者、誰もがコーディングにアクセスしやすく、包括的なものにすることに焦点を当てた、クリエイティブなコーディングのためのJavaScriptライブラリです！" 240 | 241 | #### おすすめのアーティスト：[Raven Kwok](https://ravenkwok.com/) 242 | > Raven Kwokは、ビジュアル・アーティストであり、創造的な技術者でもある。彼の芸術と研究の関心は、主にコンピュータアルゴリズムとソフトウェアプロセスによってもたらされる生成的な視覚的美学の探求に集中しています。彼の作品の背景については、[MuDAでのトーク](https://www.youtube.com/watch?v=MJULayyg4sU)をご覧ください。 243 | 244 | #### おすすめの一冊：[Generative Design](http://www.generative-gestaltung.de/2/) 245 | > 本書は、色、形、タイポグラフィ、イメージの可能性を探るビジュアルな実験を作成するためのステップバイステップのチュートリアルで、コーディング戦略のジャンプスタートです。ブラウザで閲覧・編集できる[コード例](http://www.generative-gestaltung.de/2/)は、この本のウェブサイトで無料で公開されています。 246 | 247 | #### おすすめのサイト： 248 | [*おすすめのサイトがあればこちらに記入してください！*](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues) 249 | 250 | ## ドローイング・ロボットが欲しい 251 | 252 | #### おすすめのツール：[AxiDraw](https://axidraw.com/) 253 | > AxiDraw はプロッタです。これにペンや鉛筆を取り付け、線画（ベクターファイルとして）を与えれば、紙の上に完全に正確なコピーを作成してくれます。ペンプロッタは、手描きの様相を再現したり、ペイントマーカーなどの様々なツールを使用したり、金属板に直接部品をマーキングするなどの使用例で、従来のプリンタでは収まりきらなかった印刷媒体に描画したりすることができます。 254 | 255 | #### おすすめのアーティスト：[Sougwen Chung](https://sougwen.com/) 256 | > "Sougwen Chungの作品は、人間とシステムの力学を理解するためのアプローチとして、手によるマーク・バイ・ハンドと機械によるマーク・バイ・マシンを探求しています。" 257 | 258 | #### おすすめの一冊： 259 | [*おすすめの一冊があればこちらに記入してください！*](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues) 260 | 261 | #### おすすめのサイト：[DrawingBots.net](https://drawingbots.net/) 262 | > "DrawingBots.netのミッションは、お絵かきロボットの世界を発見し、インスピレーションを得て、他のお絵かきロボット愛好家と話すためのウェブ上の中心的な場所になることです。" 263 | 264 | ## ロボットを作りたい! 265 | 266 | #### おすすめのツール：[Arduino](https://www.arduino.cc/) 267 | 268 | > 自分で歩くロボットを作るのは壮大な研究プロジェクトになってしまうかもしれません。でも、まずは簡単な例から始めてみましょう。[Arduino](https://www.arduino.cc/)にモーターと光センサーを接続して、センサーをかぶったら動かすというのはどうでしょうか？Arduinoは、環境を感知し、ライトやモーターなどのアクチュエーターを制御することで周囲に影響を与えることができる小型の電子基板です。 269 | 270 | #### おすすめのアーティスト：[菅野創](http://kanno.so/) 271 | > テクノロジーの進化や変化がもたらす事物の本質的な変化に自覚的に、新しい視点をもたらすべく作品を制作する。 272 | 273 | #### おすすめの一冊：[Arduino Workshop](https://nostarch.com/arduino) 274 | 275 | > *Arduino Workshop: A Hands-On Introduction with 65 Projects*は、Arduinoの世界を知るための入門書です。システムや電子部品、コンセプトの概要から始まり、デジタル体温計やGPSロガーなどの実用的な使い方、Arduinoを使った様々な電子玩具やゲームなどを紹介しています。 276 | 277 | #### おすすめのサイト： 278 | [*おすすめのサイトがあればこちらに記入してください！*](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues) 279 | 280 | 281 | ## 線と円の描き方は分かったけど、次は何をしたらいいですか？ 282 | 283 | #### おすすめのツール：Twitter/Instagram 284 | > Twitter/Instagramに作品を投稿することで、コミュニティからのフィードバックを得ることができます。タグ[@CreativeCodeBLN](https://twitter.com/CreativeCodeBLN/)や[@PCD_Tokyo](https://twitter.com/PCD_Tokyo/)をつけて自由に投稿してください。 285 | 286 | #### おすすめのアーティスト：[Saskia Freeke](https://twitter.com/sasj_nl) 287 | > Saskia Freekeさんは、2015年1月1日から毎日Processingで作った作品を投稿しています。 288 | 289 | #### おすすめの一冊： 290 | [*おすすめの一冊があればこちらに記入してください！*](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues) 291 | 292 | #### おすすめのサイト：[OpenProcessing](https://www.openprocessing.org/) 293 | > OpenProcessing は、Processing と p5.js クリエイターのためのオンラインプラットフォームです。このオンラインエディタを使ってスケッチを作成し、コミュニティで共有することができます。 294 | 295 | # おわりに 296 | 297 | このリストは [Raphaël de Courville](https://twitter.com/sableRaph) と [ひえだなおと](https://twitter.com/naoto_hieda) が [Creative Code Berlin](http://creativecode.berlin/) のミートアップ参加者のために作成・管理しています。他の方にもお役に立てれば幸いです！ 298 | 299 | 日本語版コントリビューター： 300 | 301 | * ひえだ 302 | * [@reona396](https://twitter.com/reona396) 303 | 304 | より包括的なリストをお探しの方は、こちらの [curated list of awesome creative coding resources](https://github.com/terkelg/awesome-creative-coding) をチェックしてみてください。 305 | 306 | このドキュメントは [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/) の下でライセンスされています。 307 | -------------------------------------------------------------------------------- /translations/README_PL.md: -------------------------------------------------------------------------------- 1 | [English](../README.md) | [日本語](./README_JA.md) | [Français](./README_FR.md) 2 | 3 | > Punkt wyjścia Twej podróży w świat Kodowania Kreatywnego 4 | 5 | # Czym jest Kodowanie Kreatywne? 6 | 7 | Kodowanie Kreatywne jest dość ogólnie zdefiniowaną frazą na określenie szerokiego zakresu praktyk 8 | artystycznych używających kodu komputerowego jako medium. Kodowanie Kreatywne zazwyczaj odróżnia 9 | się od typowego kodowania faktem, iż nie podąża za zdefiniowanymi wcześniej specyfikacjami w 10 | celu rozwiązania problemów użytkowników, lecz raczej skupia się na wyrażaniu idei i konceptów. 11 | 12 | 13 | # Skąd się to wzięło? 14 | 15 | Historia obfituje w przypadki artystów używających komputerów jako narzędzia, począwszy od lat 16 | 60. XX wieku. Wśród nich wymienić można 17 | [Verę Molnar](https://vimeo.com/372579247), 18 | [Friedera Nakę](http://dada.compart-bremen.de/item/agent/68), 19 | [Lillian Schwartz](https://vimeo.com/98960229), 20 | [Manfreda Mohra](http://www.emohr.com/), 21 | część z nich jest aktywna do dnia dzisiejszego. Używali oni kodu komputerowego do 22 | generowania złożonych efektów wizualnych, rysunków, animacji lub muzyki. By dowiedzieć się 23 | więcej o historii sztuki komputerowej możesz przeczytać artykuł Granta D. Taylora pod tytułem 24 | [*When the Machine Made Art*](https://www.bloomsbury.com/us/when-the-machine-made-art-9781623562724/) 25 | ("Kiedy maszyna stworzyła sztutkę"). 26 | 27 | 28 | # Dlaczego powstał ten dokument? 29 | 30 | Pierwsze kroki w każdej nowej dziedzinie mogą przytłaczać. Ta strona jest przeciwieństwem podobnych 31 | list sporządzanych w konwencji "awesome" ("wspaniały"), które są popularne na GitHubie. 32 | Zamiast wyczerpującego zbioru każdego zasobu w internecie, ta strona jest celowo ograniczona. 33 | Dla każdej z kategorii poniżej wybraliśmy jedno narzędzie, jedną Artystkę/Artystę, jedną książkę 34 | i jedną stronę internetową, aby umożliwić Ci rozpoczęcie Twej podróży. 35 | 36 | Zatem zaczynamy! 37 | 38 | 39 | 40 | **Table of Contents** 41 | 42 | - [Chcę tworzyć muzykę!](#chc%C4%99-tworzy%C4%87-muzyk%C4%99) 43 | - [Chcę wykorzystać moje istniejące umiejętności programowania, by tworzyć sztukę](#chc%C4%99-wykorzysta%C4%87-moje-istniej%C4%85ce-umiej%C4%99tno%C5%9Bci-programowania-by-tworzy%C4%87-sztuk%C4%99) 44 | - [Chcę tworzyć efekty wizualne na żywo](#chc%C4%99-tworzy%C4%87-efekty-wizualne-na-%C5%BCywo) 45 | - [Jestem tancerką/tancerzem / choreografką/choreografem i chcę przygotować pokaz video!](#jestem-tancerk%C4%85tancerzem--choreografk%C4%85choreografem-i-chc%C4%99-przygotowa%C4%87-pokaz-video) 46 | - [Chcę robić gry!](#chc%C4%99-robi%C4%87-gry) 47 | - [O nie! Chcę tworzyć jeszcze dziwniejsze gry!](#o-nie-chc%C4%99-tworzy%C4%87-jeszcze-dziwniejsze-gry) 48 | - [Chcę tworzyć sztukę w internecie](#chc%C4%99-tworzy%C4%87-sztuk%C4%99-w-internecie) 49 | - [Jestem studentką/studentem](#jestem-studentk%C4%85studentem) 50 | - [Jestem rodzicem / dzieckiem](#jestem-rodzicem--dzieckiem) 51 | - [Jestem architektką/architektem](#jestem-architektk%C4%85architektem) 52 | - [Jestem Artystką/Artystą](#jestem-artystk%C4%85artyst%C4%85) 53 | - [Jestem poetką/poetą](#jestem-poetk%C4%85poet%C4%85) 54 | - [Jestem projektantką/projektantem](#jestem-projektantk%C4%85projektantem) 55 | - [Chcę mieć robota rysującego](#chc%C4%99-mie%C4%87-robota-rysuj%C4%85cego) 56 | - [Chcę zbudować robota!](#chc%C4%99-zbudowa%C4%87-robota) 57 | - [Skoro wiem już jak malować linie i koła, co potem?](#skoro-wiem-ju%C5%BC-jak-malowa%C4%87-linie-i-ko%C5%82a-co-potem) 58 | - [Dzięki!](#dzi%C4%99ki) 59 | 60 | 61 | 62 | ## Chcę tworzyć muzykę! 63 | 64 | > TidalCycles to środowisko programistyczne dla generowania dźwięku za pomocą kodu, lecz tak jakby 65 | > to był set DJski. Kod jest bardzo prosty - `sound "bd"` zacznie odtwarzać w pętli perkusję basową, 66 | > natomiast `sound "hh" # cutoff 1000` odtworzy hi-hat z filterm nisko przepustowym (ang. low-pass) 67 | > odciętym na poziomie 1000Hz. Pytania można zadawać na 68 | > [serwerze Discord](https://discord.gg/xCbbhBf7YU) projektu. 69 | 70 | #### Jedna artystka [Malitzin Cortes](http://malitzincortes.net/) 71 | 72 | > Twórczość Malitzin Cortes, znanej także jako CNDSD, wykorzystuje kodowanie na żywo 73 | > (ang. live coding), film na żywo (ang. live cinema), instalacje, rzeczywistość wirtualną 74 | > (ang. Virtual Reality), sztukę generatywną, projektowanie dzwięku, muzykę eksperymentalną 75 | > i sztukę dźwiękową. Przeczytaj 76 | > [wywiad z Malitzin na blogu TidalCycles](https://blog.tidalcycles.org/cndsd/). 77 | 78 | #### Jedna książka 79 | *[zasugeruj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 80 | 81 | #### Jedna strona [TidalCycles Tutorial](https://tidalcycles.org/index.php/Tutorial) ("Wprowadzenie do TidalCycles") 82 | > Ten instruktaż pomoże Ci rozpocząć z prostymi wzorcami i poprowadzi Cię aż do złożonych kompozycji. 83 | 84 | ## Chcę wykorzystać moje istniejące umiejętności programowania, by tworzyć sztukę 85 | 86 | #### Jedno narzędzie: [Processing](https://processing.org/) 87 | 88 | > Processing jest znakomitym narzędziem dla rozpoczęcia pracy z efektami wizualnymi; jeśli jesteś 89 | > już zaznajomiona/zaznajomiony z Javą lub C-podobnymi językami programowania, 90 | > [załączone przykłady](https://processing.org/examples/) dostarczą Ci dobrego rozeznania gdzie 91 | > zacząć. Istnieje także wersja dla Pythona. Znajdziesz także inne narzędzia jak openFrameworks 92 | > i OPENRNDR, bazujące na podobnej filozofii działania. 93 | 94 | #### Jedna artystka [Anna Carreras](https://www.annacarreras.com/) 95 | 96 | > Anna Carreras (Barcelona, 1979) jest kreatywną koderką i artystką cyfrową zainteresowaną 97 | > eksperymentowaniem z interaktywną komunikacją, skupiając swą pracę na zastosowaniu algorytmów 98 | > generatywnych, kreatywnego kodu i technologii interaktywnych, jako środków komunikacji 99 | > i generowania doświadczeń. 100 | 101 | #### Jedna książka: [Code as Creative Medium](https://mitpress.mit.edu/books/code-creative-medium) ("Kod jako medium twórczości") 102 | 103 | > Ksiażka ta jest kluczową pozycją dla nauczających sztuki i parających się nią, którzy chcieliby 104 | > eksplorować możliwości kodu jako medium twórczości. Pozycja ta służy równocześnie za przewodnik 105 | > dla inżynierów oprogramowania przechodzących od STEM do STEAM w ich sylabusie lub praktyce. 106 | 107 | * przypis: angielski skrót "STEM" odpowiada: "Science", "Technology", "Engineering" and "Math". 108 | Ale "stem" oznacza także "trzon" lub "rdzeń". "STEAM" dokłada "A" odpowiadające "Arts" - sztuce. 109 | Ale "steam" to także "para", często utożsamiana w języku angielskim z siłą lub energią, kojarzoną 110 | z siłą napędową rewolucji przemysłowej. 111 | 112 | #### Jedna strona: 113 | *[zasugeruj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 114 | 115 | ## Chcę tworzyć efekty wizualne na żywo 116 | 117 | #### Jedno narzędzie: [Hydra](https://hydra.ojack.xyz/) 118 | 119 | > Hydra to środowisko programistyczne dla tworzenia na bieżąco efektów wizualnych w przeglądarce, 120 | > przy minimalnej ilości wykorzystanego kodu. Przykładowo `osc().out()` generuje wzorzec fali o 121 | > przebiegu sinusoidalnym, natomiast `osc().color(1,0,0).out()` zmienia jego kolor na czerwony. 122 | > Możesz zadawać pytania na 123 | > [serwerze Discor Hydry](https://discord.gg/b44SDAyJmf), oraz zobaczyć kilka 124 | > przykładów [efektów wizualnych stworzonych przy pomocy Hydry](https://twitter.com/hydra_patterns). 125 | 126 | #### Jedna artystka: [Flor de Fuego](https://twitter.com/flordefuego4) 127 | 128 | > [Flor de Fuego](https://twitter.com/flordefuego4) bada cyfrowe obrazy i media, produkując obrazy 129 | > i dźwięki powiązane z kodowaniem na żywo (ang. live coding), animacjami, video i internetem. 130 | 131 | #### Jedna książka: 132 | *[zasugeruj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 133 | 134 | #### Jedna strona: [Hydra examples](https://ccfest-2021-glitchme.glitch.me/) ( 135 | 136 | > Mały zbiór szkiców (ang. sketches) w Hydrze stworzonych z myślą o warsztatach na CC Fest 2021 137 | > Creative Coding Festival. Możesz także edytować przykłady w swojej przeglądarce by zdobyć 138 | > samemu podstawy języka Hydry. Jeśli chcesz zgłębić temat, sprawdź koniecznie online 139 | > [Hydra Book](https://hydra-book.naotohieda.com/) ("Księga Hydry")! 140 | 141 | 142 | ## Jestem tancerką/tancerzem / choreografką/choreografem i chcę przygotować pokaz video! 143 | 144 | #### Jedno narzędzie: [Isadora](https://troikatronix.com/) 145 | 146 | > Isadora jest używana przez wiele tancerek i wielu tancerzy w ich występach wzbogaconych o media - 147 | > generowanie wzorców geometrycznych, nakładanie sygnału video i używanie kamer dla interaktywności. 148 | > Nie musisz nawet kodować - możesz stworzyć efekty wizualne i logikę po prostu łącząc elementy na 149 | > ekranie. Tak więc cokolwiek znajdzie się na komputerze, może zostać użyte jako materiał. 150 | > Może to być nawet [taniec ze zhackowaną stroną internetową](https://vimeo.com/175534187)? 151 | 152 | #### Jedna artystka: [Joana Chicau](https://joanachicau.com/) 153 | 154 | > Joana Cichau jest graficzką, badaczką i koderką, doświadczoną w choreografii i performansach 155 | > Jej metodologia eksploruje jak projektowanie i praktyki kodowania przenikają się głębiej z 156 | > projektowaniem interfejsów i wyświetlaczy informacji — gdy wziąć pod uwagę myślenie 157 | > choreograficzne, wcielenia i nowe możliwości percepcji ruchowej. 158 | 159 | #### Jedna książka: 160 | *[zasugeruj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 161 | 162 | #### Jedna strona: [Motion Bank](http://motionbank.org/) 163 | 164 | > Motion Bank jest kontynuacją Forsythes Company skupionej na najświeższych sposobach zapisu 165 | > choreografii w medium cyfrowym. Na stronie znaleźć można archiwum poprzednich projektów, a także 166 | > projekt badawczy z udziałem [Deborah Hay](http://scores.motionbank.org/dh/#/set/sets). 167 | 168 | 169 | ## Chcę robić gry! 170 | 171 | #### Jedno narzędzie: [Bitsy](https://ledoux.itch.io/bitsy) 172 | 173 | > Bitsy to mały edytor dla małych gier tudzież światów. Celem jest uczynienie tworzenia gier 174 | > prostym, gdzie możesz spacerować dookoła, rozmawiać z ludźmi i być gdzieś. Oto lista 175 | > [gier sporządzonych z Bitsy](https://itch.io/games/made-with-bitsy). 176 | 177 | #### Jeden artysta: [Pippin Barr](https://www.pippinbarr.com/category/games/) 178 | > Pippin Barr tworzy gry. 179 | 180 | #### Jedna książka: 181 | *[zasugeruj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 182 | 183 | #### Jedna strona: 184 | *[zasugeruj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 185 | 186 | 187 | ## O nie! Chcę tworzyć jeszcze dziwniejsze gry! 188 | 189 | #### Jedno narzędzie: [Wekinator](http://www.wekinator.org/) 190 | > Wekinator to wolnościowe, darmowe i otwarte oprogramowanie początkowo stworzone w 2009 przez 191 | > Rebekkę Fiebrink. Umożliwia każdemu użycia nauczania maszynowego (ang. machine learning) do budowy 192 | > nowych instrumentów muzycznych, kontrolerów gier opartych na gestach, systemów komputerowej 193 | > wizji (ang. computer vision) i słuchu (ang. computer listening) i wielu innych możliwości. 194 | 195 | #### Jedna artystka [Marie Claire LeBlanc Flanagan](https://marieflanagan.com/) 196 | > "Projektuję i buduję rzeczy dla ludzi. Buduję doświadczenia zabawy, instalacje, eksperymentalne 197 | > gry video, historie, społeczności, przestrzenie i wydarzenia." 198 | 199 | #### Jedna książka: [Rise of the Videogame Zinesters](https://www.amazon.com/Rise-Videogame-Zinesters-Drop-outs-Housewives/dp/1609803728/ref=sr_1_2?dchild=1&qid=1611610821&refinements=p_27%3AAnna+Anthropy&s=books&sr=1-2&text=Anna+Anthropy) "Wzlot zinerów gier wideo" 200 | > "Częsciowo krytyczny esej, częsciowo manifest, częsciowo przewdnik Zrób To Sam (ang. DIY), 201 | > wszystko zaś razem bez precedensu, Wzlot zinerów gier video pokazuje dlaczego multi-miliardowy 202 | > przemysł potrzebuje zmiany, i jak nowe pokolenie artystów może go zmienić." 203 | 204 | #### Jedna strona: [Babycastles](https://twitter.com/Babycastles/) 205 | 206 | > "Babycastles to organizajca non-profit promująca i wzmacniająca różnorodność głosów w kulturze 207 | > gier video." 208 | > Dołącz do ich [serwera Discord](https://discordapp.com/invite/sEPRX5Z) 209 | > lub obserwuj ich kanał [Twitch](https://www.twitch.tv/babycastles)! 210 | 211 | ## Chcę tworzyć sztukę w internecie 212 | 213 | #### Jedno narzędzie: [Glitch](https://glitch.com) 214 | > Glitch to świetna platforma stosowna dla szybkiego tworzenia małych projektów webowych. 215 | > Potrzebujesz jedynie wiedzieć jak pisać w HTMLu, CCSie i JavaScripcie 216 | > (front end i [node.js](https://nodejs.org)). 217 | 218 | #### Jeden artysta: [Max Bittker](https://maxbittker.com/projects/) 219 | > Max Bittker to "Artysta budujący narzędzia zabawy, kreatywności i komunikacji". Jeden z ostatnich 220 | > przykładów jego pracy, [orb.farm](https://orb.farm/), to wirtualne akwarium i symulacja 221 | > ekosystemu. 222 | 223 | #### Jedna książka: [I Was Raised on the Internet](https://prestelpublishing.randomhouse.de/paperback/I-was-raised-on-the-Internet/Omar-Kholeif/Prestel-com/e546180.rhd) ("Wychowałem się na Internecie") 224 | > "Towarzysząca znaczącej wystawie w Muzeum Sztuki Współczesnej w 225 | > Chicago (Museum of Contemporary Art Chicago), ta antologia esejów i refleksji rzuca dyskursywne 226 | > i krytyczne światło na pracę artystów zaangażowanych dziś w internet i technologie cyfrowe." 227 | 228 | #### Jedna strona: [Rhizome](https://rhizome.org/art/artbase/) 229 | > "Rhizome ArtBase (Kłączysta Baza Artystyczna, zob. Kłącze w filozofii postmodernistycznej) 230 | > została ufundowana w roku 1999 by zachować spuściznę net art postrzeganą jako coś 231 | > o potencjalnej historycznej doniosłości." Obejmująca szeroki zakres projektów artystów 232 | > z całego świata, w ArtBase swe miejsce znalazły prace stosujące materiały takie jak 233 | > oprogramowanie, kod, strony internetowe, ruchome obrazy, gry i przeglądarki." 234 | > Zobacz także: [One Terabyte of Kilobyte age](https://anthology.rhizome.org/one-terabyte-of-kilobyte-age) 235 | > ("Jeden terabajt epoki kilobajtowej") 236 | 237 | ## Jestem studentką/studentem 238 | 239 | #### Jedno narzędzie: [p5.js](https://p5js.org/) 240 | > p5.js to narzędzie do rysowania kształtów i malowania kolorami w przeglądarce. Możesz zacząć 241 | > kodować z tego miejsca w [edytorze webowym]((https://editor.p5js.org/)) a także znaleźć 242 | > [samouczki na stronie p5.js](https://p5js.org/learn/). 243 | 244 | #### Jedna artystka: [Aren Davey](https://twitter.com/aah_dee_) 245 | 246 | > Aren prowadzi [Cozy Coding](https://www.twitch.tv/cozycoding), "serię przytulnych cotygodniowych 247 | > kanałów Twitch na których goszczą interaktywne instruktaże p5.js oraz lekcje dla oglądających." 248 | 249 | #### Jedna książka: [Learning Processing](http://learningprocessing.com/) ("Poznać Processing") 250 | > "Książka ta opowiada historię. To historia o wyzwoleniu, o robieniu pierwszych kroków w kierunku 251 | > zrozumienia zasad procesów obliczeniowych, o pisaniu własnego kodu i tworzeniu własnych 252 | > mediów, bez więzów nakładanych nam przez istniejące narzędzia oprogramowania. Ta historia nie jest 253 | > zarezerwowana dla naukowców i inżynierów oprogramowania. Ta historia jest także dla Ciebie." 254 | 255 | > *Uwaga: książka ta powstała w oparciu o Processing, ale możesz też znaleźć 256 | > [wersję p5.js wszystkich przykładów](https://github.com/shiffman/LearningProcessing-p5.js) 257 | > na Github.* 258 | 259 | 260 | #### Jedna strona: [The Coding Train](https://thecodingtrain.com/) 261 | > The Coding Train to "Kanał YouTube dedykowany przyjznym dla początkujących instruktażom 262 | > i wyzwaniom w kreatywnym kodowaniu". Założony został przez Daniela Shiffmana. Pytania zadawać 263 | > możesz na [serwerze Discord Coding Train](https://discord.gg/bzJQUyxPY5) 264 | 265 | 266 | ## Jestem rodzicem / dzieckiem 267 | 268 | #### Jedno narzędzie: [Scratch](https://scratch.mit.edu/) 269 | > Używając Scratch możesz programować własne interaktywne historie, gry, animacje, i dzielić się 270 | > swoimi dziełami z innymi członkami internetowej społeczności. Scratch jest zaprojektowany 271 | > specjalnie dla przedziału wiekowego od 8mu do 16tu lat, jednakowoż jest używany przez osoby 272 | > każdego wieku. 273 | 274 | #### Jedna artystka: [Stefania Druga](https://stefania11.github.io/projects/) 275 | > Praca Sefanii Drugi ogniskuje się wokół piśmiennictwa AI (ang. Artificial Intelligence - 276 | > Sztuczna Inteligencja) i projektowania nowych platform komputerowych dla dzieci i rodziców. 277 | > Stworzyła ona Hackimedia - globalną organizację która umożliwia naukę "przez robienie" i granie. 278 | 279 | #### Jedna książka: 280 | *[zasugeruj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 281 | 282 | #### Jedna strona: 283 | *[zasugeruj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 284 | 285 | 286 | ## Jestem architektką/architektem 287 | 288 | #### Jedno narzędzie: [Sverchok]((http://nikitron.cc.ua/sverchok_en.html)) dla [Blendera](https://www.blender.org/) 289 | > Sverchok to darmowy dodatek do otwartego (ang. Open Source) oprogramowania 3D pod nazwą Blender. 290 | > W Sverchok kształty 3D są tworzone poprzez przeciąganie komponentów (zwanych "węzeł" - ang. 291 | > "node") na płótno. Możesz łączyć te węzły by budować generatywne algorytmy produkujące więcej 292 | > i więcej złożonych trójwymiarowych kształtów. Oto [samouczek Sverchoka](https://www.youtube.com/watch?v=t56vQIaH7DI) 293 | > oraz [samouczek Blendera](https://www.youtube.com/watch?v=il_KNYaUfnY) które pozwolą Ci rozpocząć. 294 | > *Uwaga: Blender działa najlepiej z myszką wyposażoną w 3 przyciski a także pełnowymiarową 295 | > klawiaturą (z częścią numeryczną).* 296 | 297 | #### Jeden artysta: [Satoru Sugihara](http://atlv.org/) 298 | > Satoru Sugihara eksploruje granice technologii wzornictwa obliczeniowego poprzez praktyki 299 | > designu i badań nad współczesną architekturą a także projektowaniem przestrzennym. 300 | > 301 | #### Jedna książka: [Morphing](https://www.laurencekingverlag.de/produkt/morphing/) 302 | > *Morphing, A Guide to Mathematical Transformations for Architects and Designers* 303 | > (Morphing, wprowadzenie do przekształceń matematycznych dla architektów i projektantów) to 304 | > przepięknie zaprojektowana książka, pełna przykładów użycia prostych formuł matematycznych 305 | > dla generowania złożonych kształtów i geometrii. 306 | 307 | #### Jedna strona: 308 | *[zaproponuj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 309 | 310 | ## Jestem Artystką/Artystą 311 | 312 | #### Jedna noarzędzie: [TouchDesigner](https://derivative.ca/) 313 | > TouchDesigner to platforma dla tworzenia wizualnego wyposażająca Cię w narzędzia których 314 | > potrzebujesz dla tworzenia zapierających dech projektów operujących w czasie rzeczywistym. 315 | > Niezależnie od tego czy tworzysz interaktywne systemy mediów, projekcje architektoniczne, 316 | > wizuale do muzyki na żywo, czy też po prostu prototypujesz na prędce swój najświeższy kreatywny 317 | > impuls, TouchDesigner to platforma która może wszystko do uczynić. 318 | 319 | #### Jedna artystka: [Rosa Menkman](https://beyondresolution.info/) 320 | > "Moja praca skupia się na artefaktach szumu wynikłych ze skutków ubocznych zarówno 321 | > w mediach analogowych jak i cyfrowych (takich jak zakłócenia (ang. glitch) a także artefakty 322 | > kodowania sygnału i sprzężeń zwrotnych). Myślę że artefakty wynikłe z tych skutków ubocznych 323 | > umożliwić mogą istotny wgląd w tę, w innym wypadku przesłoniętą, alchemię standaryzacji poprzez 324 | > rozdzielczości." 325 | 326 | #### Jedna książka: 327 | *[Zasugeruj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 328 | 329 | #### Jedna strona: [Creative Applications](https://www.creativeapplications.net/) (ang. aplikacje kreatywne) 330 | 331 | > Creative Applications udostępnia projekty, narzędzia i platformy użyteczne tam, gdzie zazębiają 332 | > się sztuka, media i technologia. To dobre miejsce dla czerpania inspiracji i pozostawania na 333 | > bieżąco z informacjami ze sceny sztuki medialnej. 334 | 335 | 336 | ## Jestem poetką/poetą 337 | 338 | #### Jedno narzędzie: [Thonny a Python IDE for beginners](http://thonny.org) ("Thonny - Pythonowskie zintegrowane środowisko programistyczne dla początkujących") 339 | 340 | #### Jedna artystka: [Allison Parrish](https://www.decontextualize.com) 341 | 342 | > Allison Parrish to amerykańska poetka, inżynierka oprogramowania, kreatywna koderka i projektantka 343 | > gier, postrzegana jako jedna z najbardziej wpływowych wczesnych twórców kreatywnych, literackich 344 | > botów Twittera. Nazwana została "Najlepszą twórczynią botów poetyckich" przez The Village Voice 345 | > w roku 2016. 346 | 347 | #### Jedna książka: [Exploratory Programming for the Arts and Humanities](https://mitpress.mit.edu/books/exploratory-programming-arts-and-humanities) ("Programowanie eksploracyjne dla sztuki i humanistyki") 348 | > Książka dla każdego kto chce nauczyć się programować dla eksploracji i tworzenia, z ćwiczeniami 349 | > i projektami pomagającymi czytelnikowi w nauce poprzez działanie. 350 | 351 | #### Jedna strona: 352 | *[zasugeruj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 353 | 354 | ## Jestem projektantką/projektantem 355 | 356 | #### Jedno narzędzie: [p5.js](https://p5js.org/) 357 | > "p5.js" to biblioteka (ang. library) JavaScript dla kodowania kreatywnego, skupiona na uczynieniu 358 | > programowania dostępnym i inkluzywnym dla artystów, projektantów, edukatorów, początkujących, 359 | > w zasadzie każdego!" 360 | 361 | #### Jeden artysta: [Raven Kwok](https://ravenkwok.com/) 362 | > Raven Kwok (znany także jako Guo, Ruiwen) jest artystą wizualnym i technologiem kreatywnym. 363 | > Jego artystyczne i badawcze zainteresowania ogniskują się głównie na eksploracji generatywnych 364 | > efektów wizualnych dostarczonych przez algorytmy komputerowe i procesy w oprogramowaniu. 365 | > Obejrzyj [wykład na MuDA](https://www.youtube.com/watch?v=MJULayyg4sU) by zapoznać się 366 | > z tłem jego dorobku. 367 | 368 | 369 | #### Jedna książka: [Generative Design](http://www.generative-gestaltung.de/2/) (Wzornictwo generatywne) 370 | > Ta książka to dosłownie skok w strategię kodowania, z omówieniami krok po kroku procesu 371 | > tworzenia eksperymentów wizualnych eksplorujących możliwości koloru, formy, typografii i 372 | > obrazów. 373 | > [Przykłady kodu](http://www.generative-gestaltung.de/2/) [en] które mogą być wyświetlane i 374 | > edytowane w Twojej przeglądarce za darmo na stronie internetowej książki. 375 | 376 | #### Jedna strona: 377 | *[zaproponuj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 378 | 379 | ## Chcę mieć robota rysującego 380 | 381 | #### Jedno narzędzie: [AxiDraw](https://axidraw.com/) 382 | > AxiDraw to ploter. Możesz do niego podłączyć długopis lub ołówek, dostarczyć mu jakąś linię 383 | > (jako plik wektorowy), a on wyrysuje idealnie dokładną kopię na papierze. Taki ploter może 384 | > odtworzyć elementy typowe dla rysunku odręcznego, użyć markerów z farbą, a także operować 385 | > na medium które nie zmieściłoby się w tradycyjnej drukarce, co można wykorzystać przykładowo 386 | > do znaczenia bezpośrednio na arkuszach metalu. 387 | 388 | #### Jedna artystka: [Sougwen Chung](https://sougwen.com/) 389 | > "Praca Chung eksploruje znak-uczyniony-ręką i znak-uczyniony-przez-maszyną jako perspektywę 390 | > zrozumienia dynamiki ludzkiej i dynamiki systemów." 391 | 392 | #### Jedna książka: 393 | *[zaproponuj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 394 | 395 | #### Jedna strona: [DrawingBots.net](https://drawingbots.net/) 396 | > "Misja DrawingBots.net (ang. rysujące boty .sieć) to bycie centralnym miejscem w sieci dla 397 | > odkrywania świata robotów rysujących, zaczerpnięcia inspiracji oraz rozmów z innymi entuzjastami 398 | > robotów rysujących. 399 | 400 | 401 | ## Chcę zbudować robota! 402 | 403 | #### Jedno narzędzie: [Arduino](https://www.arduino.cc/) 404 | > Stworzenie robota który porusza się o własnych siłach stanowi spore wyzwanie badawcze! 405 | > Ale możesz też zacząć z prostym przykładem. Może po prostu połączysz silnik i czujnik światła 406 | > do [Arduino](https://www.arduino.cc/) i poruszysz silnikiem kiedy czujnik jest zakryty? 407 | > Ardruino to niewielka płytka elektroniczna która jest w stanie odczytywać środowisko 408 | > w którym się znajduje i wpływać na otoczenie poprzez kontrolę światełek, silniczków i innych 409 | > siłowników. 410 | 411 | #### Jeden artysta: [So Kanno](http://kanno.so/) 412 | > So Kanno jest artystą którego praca pełna jest specjalizowanych robotów, od myszy laserowych 413 | > do maszyn rysujących chaotycznie. "Widzi on istotową zmianę w rzeczach które przyniosła nam 414 | > ewolucja i zmiana w technologii, i tworzy by dostarczyć nowej odnośnej perspektywy." 415 | 416 | #### Jedna książka: [Arduino Workshop](https://nostarch.com/arduino) (Warsztat Ardruino) 417 | > *Arduino Workshop: A Hands-On Introduction with 65 Projects* (Warsztat Ardruino: praktyczne 418 | > wprowadzenie z 65oma projektami) to przewodnik dla początkujących w świecie Ardruino. 419 | > Zaczyna się od przeglądu system, komponentów elektronicznych, idei; następnie zagłębia się w 420 | > praktyczne użycie takie jak cyfrowe termometry, czy logowanie GPS, a także różnorodne zabawki 421 | > i gry elektroniczne oparte na Ardruino. 422 | 423 | #### Jedna strona: 424 | *[zaproponuj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 425 | 426 | 427 | ## Skoro wiem już jak malować linie i koła, co potem? 428 | 429 | #### Jedno narzędzie: Twitter/Instagram 430 | > Publikowanie własnych prac na Twitterze/Instagramie to wspaniały sposób na uzyskanie informacji 431 | > zwrotnej. Nie wahaj się otagować [@CreativeCodeBLN](https://twitter.com/CreativeCodeBLN/), 432 | > co da nam możliwość podzielenia się owocami Twojej pracy z całą społecznością! 433 | 434 | #### Jedna artystka: [Saskia Freeke](https://twitter.com/sasj_nl) 435 | > Saskia Freeke publikuje codziennie jedną pracę wykonaną z pomocą Processing począwszy od 1go 436 | > Stycznia 2015. 437 | 438 | #### Jedna książka: 439 | *[zaproponuj jakąś](https://github.com/CreativeCodeBerlin/creative-coding-minilist/issues)* 440 | 441 | #### Jedna strona: [OpenProcessing](https://www.openprocessing.org/) 442 | > OpenProcessing to platforma online dla twórców wykorzystujących Processing i p5.js. Możesz 443 | > używać jej edytora online dla dla tworzenia szkiców (ang. sketch) i dzielenia się nimi 444 | > ze społecznością. 445 | 446 | # Dzięki! 447 | 448 | Ta lista jest tworzona i aktualizowana przez [Raphaëla de Courville'a](https://twitter.com/sableRaph) 449 | i [Naota Hiédę](https://twitter.com/naoto_hieda) dla 450 | [Creative Code Berlin](http://creativecode.berlin/) jako zasób dla ludzi przychodzących na nasze 451 | spotkania odbywające się dwa razy w miesiącu. Mamy nadzieję że będzie ona także pomocna innym. :) 452 | 453 | Jeśli szukasz bardziej wyczerpującego zestawienia, sparwdź tę oto [stale aktualizowaną listę 454 | wspaniałych zasobów odnośnie kreatywnego kodowania](https://github.com/terkelg/awesome-creative-coding) 455 | (ang. awesome creative coding). 456 | 457 | Tłumaczenie z angielskiego: [Kazik Pogoda](https://xemantic.com) 458 | 459 | Ten dokument objęty jest licencją [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/). 460 | --------------------------------------------------------------------------------