青色の文字は上級者向けの情報です

緑色の背景は超初心者向けの情報です

ピンクの背景は最低限のやってほしいことです

第2部の目標

1. p5.jsで何ができるか説明できるようになる
2. p5.jsの基本的な概念（スケッチ、setup、draw）を説明できるようになる
3. p5.jsのサイトでアカウントを作成し、保存や共有などができるようになる
4. p5.jsで図形を描画して、動かすことができるようになる。
   1. 何かの図形を描く
   2. 正弦波で円を描く←ここから難易度がいきなり上がります。
   3. 図形を回転させる

p5.jsとは

• 日本語公式サイト https://p5js.jp/

p5.jsは、クリエイティブなコーディングのためのJavaScriptライブラリで、 アーティスト、デザイナー、教育者、初心者、その他誰にとっても、コーディングを身近で包括的なものにすることに焦点を当てています。 p5.jsはフリーでオープンソースです。 なぜなら、ソフトウェアやそれを学ぶためのツールは、誰もがアクセスできなければならないと私たちは考えているからです。p5.jsは絵を描く際の考え方に基づいて、描画機能を全ての備えています。 しかし、キャンバス上での描画に限ったことではありません。 テキスト、入力、ビデオ、ウェブカメラ、サウンドなどのHTML5オブジェクトを含む、 ブラウザのページ全体をスケッチと考えることができます。

• 公式サイト https://p5js.org/
• リファレンス https://p5js.org/reference/
  • RTFM https://ja.wikipedia.org/wiki/RTFM
• チュートリアル https://p5js.org/tutorials/
  • チュートリアルをやれば、大体のことはできるようになります
• エディタ https://editor.p5js.org/
  • 本日はエディタを使います

特徴

• ブラウザ上でコードを書いて動かすことができる→入門が簡単
  • オフラインで動かすことも可能です。実験などで使う場合はこちらの使い方をします。