p5.js入門:メディアアートを体験しよう

2021年度、英理女子学院高等学校キャリア部情報デザインコースで開講していた科目向けに作成した教材です。

「表現技法の一つ」として、プログラミングという手段があるということを体験し、作品制作を行うことを目標としていましたが、コロナウイルス感染拡大の影響を受け、オンライン授業となり、プログラミングによる制作がほぼできなくなりました。この授業は、いつかまたやれるチャンスがあるならやりたい…

なお、実習はbit arrowを用いて行いました。

テキスト教材

主な内容

  • 「かたちと色の表示」
  • 「乱数を利用した描画」
  • 「マウスを使ったインタラクション」
  • 「変数を使った制作」
  • 「文字を使った制作」

教材作成にあたり、下記のサイトを参考にしています

急場しのぎの作成動画:p5.js小ネタ集

新型コロナイルス対応関係でオンライン授業になった際に、急場しのぎで作った作成動画シリーズ。上記教材の補足説明をしています。

オンライン授業中は、上記の各内容を用いた作品を構想するという課題を提示しており、そのネタ提供として、補足動画を作成していました。

主な内容