​​Day1-1: イントロダクションとp5.js入門
​​京都造形芸術大学
​​オープンレクチャー「クリエイティブコーディング：2020」
​​2020年3月16日（月）〜18日（水）
​​
​​高尾俊介（甲南女子大学 メディア表現学科講師）
​​
​​

​​講師自己紹介

​​
​​
 
User-uploaded image: Mxg_ZpfSwwvHdwmWwhUYk_AbX6ePm587QisKRnK1sRhGPLmkbVvIar_uAiE3BjfwmnDMtNdoLcjiNX8ROrco9Ed28k0b7OxNahgtJe8lFEi0oaIAEDcS2rbO3UsXSA
​​
​​高尾俊介
​​
​​クリエイティブコーダー．詩を書くように自由にコードで自己表現するデイリーコーディングを提唱，実践している．情報科学芸術大学院大学修了．甲南女子大学メディア表現学科講師．
​​
​​http://cenkhor.org/
​​https://twitter.com/takawo
​​
​​
​​
​​
​​
​​
 
User-uploaded image: aJMOZeFEInC5sAi32ybTcvXqFkw_uP2Wo3a11XIdGhrX-3S34pnwSF-c6W2G87ySXzHUEIHmNF0GdSfUYpcpyntpkpM7zyJNtck_v4KCyrBVYZ6boysJp9V3G65zoA
​​
User-uploaded image: BzGVcrBT8bdYvPdZ3itnaKHLGh8hILhFIeFnfctnKWO6JkHrlQQyyStJp14xzXf_znhf_kDC8H04zrPgJCTEi8jPWm3akmJgltF9YdYMnMchSd0_5D890SmxnWbHbQ
​​
User-uploaded image: b4huaRr5KmKA4cj6R_SqKNH9Df1XVQHF_282_iUbCwzYdVXbgt7UEVIEiPJf42jZ76x-cvVBGZaTZpNSuLI5ZUmVnQP3NpMho-eKC2QCZj7scEAKc_mBJCzrhexCeA
​​
​​

​​レクチャーアウトライン

​​
​​
​​時間
​​レクチャーアウトライン
​​Day 1
​​1
​​クリエイティブコーディングとは／p5.js入門
​​
​​2
​​基本図形の描画，色の基本
​​
​​3
​​変数と条件分岐
​​
​​4
​​繰り返し
​​Day 2
​​5
​​座標変換・回転・スケール
​​
​​6
​​メディアの利用
​​
​​7
​​インタラクション
​​
​​8
​​デジタルファブリケーションとの接続
​​p5.svg.jsでのSVG出力
​​Day ３
​​9
​​自由制作（1）
​​
​​10
​​自由制作（2）
​​
​​11
​​自由制作（3）
​​
​​12
​​講評，ラップアップ
​​​+p5.js 100 samples​ 
​​

​​レクチャー開始にあたって

​​
  • ​​受講生からの音声での質問はレクチャー内で質問時間を設けて受け付けます．テキストでの質問はslackの #creative_coding_2020 のチャンネルから自由に発言してください．レクチャーの都合即時反応できるかは怪しいですが，できる限り応答しようと思います．一般視聴の方は，リアルタイムでの反応の優先度は低めですが，twitter@takawoにリプライを飛ばしてもらえれば時差ありつつ応答できると思います．
  • ​​エラーや想定どおり動かない場合，コードを共有してください．誰しもタイプミスやトラブルに遭遇します．全く問題ないので遠慮なくチャンネル上で相談してください．コード貼り付けて「動きません，どこがおかしいでしょう？」とかでもOKなので​😃​
  • ​​オンラインの授業ということで，どこまでどれくらい進むか手探りの部分もあります．想定した進行どおり進まないこともあるかもしれません．レクチャーの目標は僕が一方的に話して動画を後から見返して学んでもらうこと以上に，参加する受講者のみなさんがどれくらいリアルタイムに理解し，コーディングを通じて自己表現するきっかけを掴むかを重視したいと思っています．そのためには，レクチャーを聞くと同時に実際にコードを書いてもらう必要があります．楽しみながら進めていきましょう！
​​
​​

​​クリエイティブコーディングとは／p5.js入門

​​