31:T6f7,## 参考資料・文献 ### Webサイト - [ジェネラティブ・アートを愛する理由 - lab.sugimototatsuo.com](https://lab.sugimototatsuo.com/2018/09/why-love-generative-art/) ジェネラティブ・アートの歴史を概観できるテキストです。 - [【2020後期】プログラミングB – Takawo Shunsuke | 高尾俊介](https://cenkhor.org/lectures/programming_b_2020/) - [【2021後期】プログラミングB – Takawo Shunsuke | 高尾俊介](https://cenkhor.org/lectures/programming_b_2021/) 高尾俊介さんによる、p5.jsを使ったプログラミングの演習授業のサイトです。 - [Processing Community Hangout Japan #07 | Peatix](https://pchj07.peatix.com/) 本日夜に開催されるオンラインイベントです。第2回の講師、田所淳さんも出演されます。 - [#つぶやきProcessing - Twitter Search / Twitter](https://twitter.com/search?q=%23%E3%81%A4%E3%81%B6%E3%82%84%E3%81%8DProcessing&src=typeahead_click) ### 書籍 - [Generative Design with p5.js　［p5.js版ジェネラティブデザイン］ ―ウェブでのクリエイティブ・コーディング | 株式会社ビー・エヌ・エヌ](http://www.bnn.co.jp/books/9296/) p5.jsでグラフィックを作るサンプルがたくさん掲載されている書籍です。 - [超ビジュアル訳ニーチェの詩 - すぎもと組](https://visualized-nietzsche.tumblr.com/) 学生と制作したテック・ジン（技術同人誌）です。今回作成したような視覚詩の作品集（コードつき）です。紙の本は1月下旬にオンラインで販売予定です。 - [思潮社　新刊情報 » 現代詩文庫『新国誠一詩集』](http://www.shichosha.co.jp/newrelease/item_2388.html)32:[] 2f:{"title":"2021-11-13 クリエイティブコーディング入門","cells":[{"id":0,"value":"# 2021-11-13 クリエイティブコーディング入門\n\n__第1回ビジュアル編__\n\n2021-11-13 \n東京都立大学オープンユニバーシティ \n杉本達應（東京都立大学システムデザイン学部） \nsugimoto.tatsuo@tmu.ac.jp","pinned":false,"hidden":false,"mode":"md"},{"id":60,"value":"bannerTitleTwoLine(\n \"クリエイティブコーディング入門\",\n \"第1回ビジュアル編\",\n \"steelblue\",\n \"white\"\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":54,"value":"toc({ title: \"目次\", headers: \"h2\" })","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"## 講師紹介\n\n杉本達應（すぎもと　たつお）\n\n- 情報デザイン\n- データ可視化のデザイン\n- クリエイティブコーディング\n- ワークショップデザイン\n- デジタルメディアの表現文化","pinned":false,"hidden":false,"mode":"md"},{"id":26,"value":"## クリエイティブコーディングの世界\n\nクリエイティブコーディングとは、プログラミング（コーディング）で創造的な表現をすること。\n\n視覚表現、音楽表現など、さまざまな分野で実践されている。\n\nクリエイティブコーディングの手法は、偶然性にゆだねたダダイズムやシュルレアリスム、抽象表現主義など、20世紀以降のアートの系譜に連なる。（参考資料を参照してください）\n\n### クリエイティブコーディングのツール\n\nオープンなソフトウェアと商用のソフトウェアがある。\n\nオープンなツールの系譜\n- [Design By Numbers](https://dbn.media.mit.edu/)（ジョン・マエダ）\n- [Processing](https://processing.org/)（ケイシー・リース、ベン・フライ）\n- [openFrameworks](https://openframeworks.cc/ja/)（ザック・リーバーマン、セオドア・ワトソン、アルトロ・カストロ）\n- [p5.js](https://p5js.org/)（ローレン・マッカーシー）\n\n参考： [ジェネラティブ・アートを愛する理由 - lab.sugimototatsuo.com](https://lab.sugimototatsuo.com/2018/09/why-love-generative-art/)","pinned":false,"hidden":false,"mode":"md"},{"id":68,"value":"## p5.jsでコーディングする\n\n\np5.js Web Editorを使います。\n\nhttps://editor.p5js.org/\n\n本日のテキストはこちらです。\n\nhttps://openprocessing.org/sketch/1308500\n\np5.jsで参考になる日本語資料\n- [p5.js Cheat Sheet](https://bmoren.github.io/p5js-cheat-sheet/ja.html)\n- [p5リファレンス - Playful Coding !](https://playfulcoding.jp/?page_id=1059)｜","pinned":false,"hidden":false,"mode":"md"},{"id":21,"value":"## 視覚詩をつくる\n\n","pinned":false,"hidden":false,"mode":"md"},{"id":94,"value":"

ニーチェの詩を1行ごとに、コードで視覚的に表現した作品集。
紙の本が買えるのは本日までです。

すぎもと組 | 超ビジュアル訳　ニーチェの詩：p5.jsでうたう「深夜の鐘の歌」 #技術書典 https://t.co/MZ5WHkl3lO pic.twitter.com/Y9D7L6yTOY
— SUGIMOTO Tatsuo 杉本達應 (@sugi2000) July 25, 2021

","pinned":false,"hidden":false,"mode":"md"},{"id":79,"value":"$31","pinned":false,"hidden":false,"mode":"md"},{"id":101,"value":"## 第2回の事前準備\n\n以下のリンクを参照してください。\n\nhttps://yoppa.org/tmuou21\n\n## サポート\n\n今回の講座内容についての疑問や質問がありましたら、杉本まで直接ご連絡ください。\n\nsugimoto.tatsuo@tmu.ac.jp","pinned":false,"hidden":false,"mode":"md"},{"id":17,"value":"---\n\n### Appendix","pinned":false,"hidden":false,"mode":"md"},{"id":14,"value":"html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"import { toc } from \"@nebrius/indented-toc\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"import { bannerTitle, bannerTitleTwoLine } from \"@observablehq/banner\"","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}