ここはクリエイティブ・コーディングの旅の出発点です
（本記事は creative coding minilist (fb038f65) の日本語版フォークです。原文をもとにしているため、日本語のウェブサイトや本などでおすすめがあればぜひ書き加えてください）
クリエイティブ・コーディングとは広義に、コンピュータ・コードをメディアとして使用する幅広い芸術的な手法を説明するために使用される用語です。クリエイティブ・コードは通常のコーディングとは異なり、ユーザーの問題を解決するために事前に定義された仕様に従うのではなく、アイデアやコンセプトを表現することを目的としているという事実によって区別されています。
アーティストがコンピュータをツールとして使ってきた歴史は古く、1960年代初頭までさかのぼります。Vera Molnar、Frieder Nake、Lillian Schwartz、Manfred Mohrのような先人がいて、その中には今も活躍している人たちもいます。彼らはコンピュータコードを使って、複雑なビジュアル、ドローイング、アニメーション、音楽などを制作していました。コンピュータアートの歴史については、Grant D. Taylor著のWhen the Machine Made Artを読んでみてください。
どんな新しい分野でも始めようとすると、圧倒されるように感じることがあります。このページは、Githubで人気のあるいわゆる "awesome list" すなわちキュレーションされたリストとは正反対のものです。インターネット上のすべてのリソースを網羅的にまとめたものではなく、意図的に不完全なものです。以下のカテゴリーごとに、あなたの旅を始めるために、1つのツール、1つのアーティスト、1つの本、1つのウェブサイトを手で選んでいます。
それでは、始めましょう！
Table of Contents
- 音楽を作りたい！
- 自分のコーディングのスキルを使ってアートを作りたい
- ビジュアルを作りたい
- ダンスや振付をしていて、映像を使ったショーを作りたい！
- ゲームを作りたい!
- もっと変なゲームを作りたい!
- インターネットでアートを作りたい
- 学生でクリエイティブ・コーディングに興味がある
- こどもにプログラムを教えたい
- 建築家でコードに興味がある
- アーティストでコーディングを始めたい
- コードで詩を書きたい
- デザイナーでコーディングを始めたい
- ドローイング・ロボットが欲しい
- ロボットを作りたい!
- 線と円の描き方は分かったけど、次は何をしたらいいですか？
- おわりに
おすすめのツール：TidalCycles
TidalCyclesは、コードを使って音を生成するプログラミング環境ですが、まるでDJをしているような感覚で演奏できます。コードはとてもシンプルで、
sound "bd"はバスドラムをループ再生し、sound "hh" # cutoff 1000はハイハットを1000Hzでカットオフ（ローパス）フィルターをかけて再生します。質問はDiscordサーバーで受け付けています。
おすすめのアーティスト：Malitzin Cortes
Malitzin Cortes a.k.a. CNDSDの作品には、ライブコーディング、ライブシネマ、インスタレーション、バーチャルリアリティ、ジェネレーティブアート、サウンドデザイン、実験音楽、サウンドアートが含まれます。MalitzinのTidalCyclesブログでのインタビューを読んでみてください。
おすすめのサイト：TidalCyclesチュートリアル
このガイドでは、簡単なパターンから始めて、複雑な構成に至るまでのすべての方法を説明します。
おすすめのツール：Processing
すでにJavaやC言語に慣れている方であれば、サンプルを見れば何から始めればよいかの良いアイデアが得られるでしょう。Pythonバージョンもあります。openFrameworksやOPENRNDRなど他のツールも似たような哲学を持っています。
おすすめのアーティスト：Anna Carreras
Anna Carreras（バルセロナ、1979年生まれ）は、クリエイティブ・コーダーであり、インタラクティブなコミュニケーションの実験に興味を持つデジタル・アーティストである。
おすすめの一冊：Code as Creative Medium
本書は、創造的なメディアとしてのコードを探求したい芸術教育者や実践者にとって不可欠なリソースであり、彼らのシラバスや練習でSTEMからSTEAMに移行するコンピュータ科学者のためのガイドとしての役割を果たしています。
数学者、コーダー、アーティストである著者が数学とコード、数学とアートの世界を丁寧に案内してくれる一冊です。コーディングスキルがある方へ、さらに数学的知見をもたらしてくれるものと思います。 (reona396)
おすすめの一冊：Nature of Code
数学や物理のテクニックを軸に、Processingで自然界の様々な現象をシミュレーションして楽しむ本です。文章は軽快で読みやすく、内容は本格派。こちらもコーディングスキルがある方のステップアップに最適です。 ※現在日本語版はPDF版のみ販売されているようです。 (reona396)
多摩美術大学統合デザイン学科のソフトウェアデザインの講義資料ですが、一般にも公開されています。プログラミングの基本からクリエイティブコーディングならではの表現方法まで、丁寧なステップでProcessingの基礎を学ぶことができます。 (reona396)
おすすめのツール：Hydra
Hydraは、少ないコード量でブラウザ上のビジュアルをすばやく作成するためのプログラミング環境です。
osc().out()は正弦波のパターンを生成し、osc().color(1,0,0).out()は色を赤に変更します。Discordサーバー](https://discord.gg/b44SDAyJmf)で質問したり、[Hydraで作成したビジュアル](https://twitter.com/hydra_patterns)の例を見ることができます。
おすすめのアーティスト：Flor de Fuego
Flor de Fuegoは、デジタルイメージとメディアを調査し、ライブコーディング、アニメーション、ビデオ、インターネットに関連したイメージとサウンドを制作しています。"
おすすめのサイト：Hydra examples
CC Fest 2021 Creative Coding Festivalでのワークショップのために作成したHydraのスケッチの短いコレクションです。基本的なことを学ぶために、ブラウザで例を編集することができます。
おすすめのツール：Isadora
幾何学的なパターンを生成したり、ビデオフィードと混合したり、インタラクティブ性のためにカメラを使用したりと、Isadoraは多くのダンサーや振付家によってメディアパフォーマンスに使用されています。コードを書く必要はなく、ブロックをつなぐだけでビジュアルやロジックを作ることができます。とはいえ、ダンス作品を作るのにツールにこだわる必要はありません。例えばハッキングされたウェブページと踊るのはどうですか？
おすすめのアーティスト：Joana Chicau
Joana Chicauは、グラフィックデザイナー、研究者、コーダーであり、振付とパフォーマンスのバックグラウンドを持っています。彼女の方法論は、デザインとコーディングの実践がインターフェイスデザインや情報表示にどのように深く干渉しているかを探求しています。
おすすめのサイト：モーションバンク
モーションバンクはフォーサイス・カンパニーのスピンオフで、デジタルメディアを介して振付を記録する新しい方法に焦点を当てています。ウェブサイトでは、Deborah Hayとの研究プロジェクトなど、過去のプロジェクトのアーカイブが公開されています。
おすすめのツール：Bitsy
Bitsyは、ちょっとしたゲームやワールドのためのちょっとしたエディタです。歩き回ったり、人と話したり、どこかにいるようなゲームを簡単に作れるようにすることを目的としています。以下にBitsyで作ったゲームのリストがあります。
おすすめのアーティスト：Pippin Barr
Pippin Barrはゲームを作ります。
おすすめのツール：Wekinator
Wekinatorは、2009年にRebecca Fiebrinkによって作成されたフリーのオープンソース・ソフトウェアです。誰でも機械学習を使って、新しい楽器、ジェスチャーゲームコントローラ、コンピュータビジョンやコンピュータリスニングシステムなどを構築することができます。
おすすめのアーティスト：Marie Claire LeBlanc Flanagan
"人のためにものをデザインし、構築します。遊びの体験、インスタレーション、実験的なビデオゲーム、物語、コミュニティ、空間、イベントを構築する。"
おすすめの一冊：Rise of the Videogame Zinesters
"クリティカルなエッセイ、マニフェスト、DIYガイドなど、前代未聞の内容が満載の『Rise of the Videogame Zinesters』は、数十億ドル規模のビデオゲーム業界がなぜ変革を必要としているのか、そして新世代のアーティストたちがどのようにして変革を成し遂げるのかについて書かれています。"
おすすめのサイト：Babycastles
Babycastlesは、ビデオゲーム文化の多様な声を育成し、増幅する非営利団体です。Discordサーバーに参加するか、Twitchでフォローしてください。
おすすめのツール：Glitch
Glitchは、小規模なWebプロジェクトを迅速に作成するのに最適なプラットフォームです。HTML、CSS、JavaScript（フロントエンドとnode.js）の書き方を知っておく必要があります。
おすすめのアーティスト：Max Bittker
Max Bittkerは "遊び、創造性、コミュニケーションのためのツールを構築するアーティスト "です。彼の最近の作品の一例として、orb.farmは、バーチャル水族館と生態系シミュレーションです。
おすすめの一冊：I Was Raised on the Internet
シカゴ現代美術館での大規模な展覧会に合わせて、このアンソロジーでは、今日のインターネットとデジタル技術に従事するアーティストの作品に論証的かつ批判的な光を投げかけています"
おすすめのサイト：Rhizome
Rhizomeアートベースは、1999年に「歴史的意義がある」と判断されたネットアート作品を保存するために設立されました。世界中のアーティストの膨大なプロジェクトを網羅し、ソフトウェア、コード、ウェブサイト、動画、ゲーム、ブラウザなどの素材を使った作品を保存しています。" こちらもご参照ください。キロバイト時代の1テラバイト
おすすめのツール：p5.js
p5.jsは、ブラウザ上で図形を描いたり、色を塗ったりするためのツールです。webエディタで今すぐコーディングを始められますし、p5.jsのサイトにあるチュートリアルもあります。
おすすめのアーティスト：Aren Davey
Aren は Cozy Coding を運営しています。"視聴者にインタラクティブな p5.js のチュートリアルやレッスンをホストする、毎週の Twitch ストリームの Cozy シリーズです。"
おすすめの一冊：Learning Processing
この本は物語を語っています。それは、コンピューティングの基礎を理解し、自分自身のコードを書き、既存のソフトウェアツールに縛られることなく、自分自身のメディアを作成するための最初の一歩を踏み出す解放の物語です。この物語は、コンピュータ科学者やエンジニアのためのものではありません。この物語はあなたのためのものです。
注：この本はProcessingをベースにしていますが、Github.*で全例のp5.js版を見つけることができます。
おすすめのサイト：The Coding Train
"初心者に優しいクリエイティブなコーディングのチュートリアルやチャレンジに特化したYouTubeチャンネル" Daniel Shiffmanによって作成されました。Coding Train Discordサーバーで質問することができます!
おすすめのツール：Scratch
Scratchを使えば、あなた自身のインタラクティブなストーリー、ゲーム、アニメーションをプログラムして、オンラインコミュニティで他の人と作品を共有することができます。Scratchは特に8歳から16歳までを対象に設計されていますが、あらゆる年齢層の方にご利用いただけます。
おすすめのアーティスト：Stefania Druga
Stefania Drugaの仕事は、AIリテラシーと、子供や親のための新しいコンピューティングプラットフォームの設計に焦点を当てています。彼女は、「やって遊ぶことで学ぶ」ことを可能にする世界的な組織「Hackidemia」の生みの親である。
Sverchokはオープンソースの3DソフトウェアBlenderのフリーアドオンです。Sverchokでは、コンポーネント（「ノード」と呼ばれる）をキャンバス上にドラッグすることで3D形状が作成されます。これらのノードを接続して、より複雑な3D形状を生成する生成アルゴリズムを構築します。以下に Sverchok tutorial と Blender tutorial を紹介します。注：Blenderは3ボタンマウスとフルサイズキーボード（numpad付き）で使うのがベストです。
おすすめのアーティスト：杉原聡
杉原聡は、現代建築と空間デザインのデザイン実践と研究を通して、計算デザイン技術のフロンティアを探る。
おすすめの一冊：Morphing
建築家とデザイナーのための数学的変換へのガイド*は、複雑な形状や幾何学を生成するために単純な数式を使用する例がいっぱいの、美しくデザインされた本です。
おすすめのツール：TouchDesigner
TouchDesignerは、目を見張るようなリアルタイムプロジェクトやリッチなユーザーエクスペリエンスを作成するために必要なツールを備えたビジュアル開発プラットフォームです。インタラクティブなメディアシステム、建築物のプロジェクション、ライブ音楽のビジュアル、あるいは最新のクリエイティブな衝動をラピッドプロトタイピングで表現する場合でも、TouchDesignerはそのすべてを可能にするプラットフォームです"
おすすめのアーティスト：Rosa Menkman
私の研究は、アナログとデジタルの両方のメディアにおける事故（グリッチやエンコーディング、フィードバック・アーティファクトなど）から生じるノイズ・アーティファクトに焦点を当てています。これらの事故の結果として生じるアーティファクトは、解決策を介した標準化の曖昧な錬金術についての重要な洞察を促進することができると思います。"
おすすめのサイト：Creative Applications
クリエイティブ・アプリケーションズは、アート、メディア、テクノロジーの交差点に関連するプロジェクト、ツール、プラットフォームを共有しています。インスピレーションを得たり、メディアアートシーンの最新情報を入手したりするのに最適な場所です。
おすすめのツール：Thonny
初心者向けのPython IDE
おすすめのアーティスト：Allison Parrish
Allison Parrishは、アメリカの詩人、ソフトウェアエンジニア、クリエイティブコーダー、ゲームデザイナーであり、クリエイティブで文学的なツイッターボットの最初期の著名なクリエイターの一人として注目されています。彼女は2016年にThe Village Voiceで「Best Maker of Poetry Bots」に選ばれました。
探求的・創造的なプログラミングを学びたい人のための本で、演習やプロジェクトを交えて、実践的に学ぶことができるようになっています。
おすすめの一冊：Code Poetry
"このウェブサイトは、12の異なるプログラミング言語を用いて書かれたコード・ポエムのコレクションです。すべての詩は、コンパイルして実行することでそれ自体がビジュアルを生成する有効なプログラムでもあります。"
おすすめのツール：p5.js
"p5.jsは、アーティスト、デザイナー、教育者、初心者、誰もがコーディングにアクセスしやすく、包括的なものにすることに焦点を当てた、クリエイティブなコーディングのためのJavaScriptライブラリです！"
おすすめのアーティスト：Raven Kwok
Raven Kwokは、ビジュアル・アーティストであり、創造的な技術者でもある。彼の芸術と研究の関心は、主にコンピュータアルゴリズムとソフトウェアプロセスによってもたらされる生成的な視覚的美学の探求に集中しています。彼の作品の背景については、MuDAでのトークをご覧ください。
おすすめの一冊：Generative Design
本書は、色、形、タイポグラフィ、イメージの可能性を探るビジュアルな実験を作成するためのステップバイステップのチュートリアルで、コーディング戦略のジャンプスタートです。ブラウザで閲覧・編集できるコード例は、この本のウェブサイトで無料で公開されています。
おすすめのツール：AxiDraw
AxiDraw はプロッタです。これにペンや鉛筆を取り付け、線画（ベクターファイルとして）を与えれば、紙の上に完全に正確なコピーを作成してくれます。ペンプロッタは、手描きの様相を再現したり、ペイントマーカーなどの様々なツールを使用したり、金属板に直接部品をマーキングするなどの使用例で、従来のプリンタでは収まりきらなかった印刷媒体に描画したりすることができます。
おすすめのアーティスト：Sougwen Chung
"Sougwen Chungの作品は、人間とシステムの力学を理解するためのアプローチとして、手によるマーク・バイ・ハンドと機械によるマーク・バイ・マシンを探求しています。"
おすすめのサイト：DrawingBots.net
"DrawingBots.netのミッションは、お絵かきロボットの世界を発見し、インスピレーションを得て、他のお絵かきロボット愛好家と話すためのウェブ上の中心的な場所になることです。"
おすすめのツール：Arduino
自分で歩くロボットを作るのは壮大な研究プロジェクトになってしまうかもしれません。でも、まずは簡単な例から始めてみましょう。Arduinoにモーターと光センサーを接続して、センサーをかぶったら動かすというのはどうでしょうか？Arduinoは、環境を感知し、ライトやモーターなどのアクチュエーターを制御することで周囲に影響を与えることができる小型の電子基板です。
おすすめのアーティスト：菅野創
テクノロジーの進化や変化がもたらす事物の本質的な変化に自覚的に、新しい視点をもたらすべく作品を制作する。
おすすめの一冊：Arduino Workshop
Arduino Workshop: A Hands-On Introduction with 65 Projectsは、Arduinoの世界を知るための入門書です。システムや電子部品、コンセプトの概要から始まり、デジタル体温計やGPSロガーなどの実用的な使い方、Arduinoを使った様々な電子玩具やゲームなどを紹介しています。
Twitter/Instagramに作品を投稿することで、コミュニティからのフィードバックを得ることができます。タグ@CreativeCodeBLNや@PCD_Tokyoをつけて自由に投稿してください。
おすすめのアーティスト：Saskia Freeke
Saskia Freekeさんは、2015年1月1日から毎日Processingで作った作品を投稿しています。
おすすめのサイト：OpenProcessing
OpenProcessing は、Processing と p5.js クリエイターのためのオンラインプラットフォームです。このオンラインエディタを使ってスケッチを作成し、コミュニティで共有することができます。
このリストは Raphaël de Courville と ひえだなおと が Creative Code Berlin のミートアップ参加者のために作成・管理しています。他の方にもお役に立てれば幸いです！
日本語版コントリビューター：
- ひえだ
- @reona396
より包括的なリストをお探しの方は、こちらの curated list of awesome creative coding resources をチェックしてみてください。
このドキュメントは CC BY-SA 4.0 の下でライセンスされています。