yoppa.org


immediate bitwave

前橋工科大学 – データ構造とアルゴリズム 2020

第2回: p5.js はじめの一歩

この講義では、データ構造とアルゴリズムを理解する際に、できるだけ視覚的にかつ直感的にわかり易く解説していこうと考えています。そうした目的に適した開発環境として、p5.jsを使用していきます。

今回は、このp5.jsを用いたプログラミングの基本を行います。開発環境の構築方法やプログラミングの基礎を理解した上で、簡単な図形を描くところまでを目標とします。

スライド資料

本日の課題

課題 : 円、楕円、矩形、線を用いて、平面構成を行う

  • p5.jsを用いて平面構成を行ってください
  • キャンバスの大きさは、800 x 600 Pixelで
  • 以下の要素を使用
    • 円 (circle)
    • 楕円 (ellipse)
    • 矩形 (rect)
    • 線 (line)
  • 背景色と描画色は自由に設定してください
  • 完成した作品は、OpenProcessingにアップロードして公開
  • 必ずタイトル (題名) をつける
  • 以下のフォームから提出してください。課題の提出をもって出席とします

課題提出フォーム