前橋工科大学 – データ構造とアルゴリズム 2021
p5.js はじめの一歩
この講義では、データ構造とアルゴリズムを理解する際に、できるだけ視覚的にかつ直感的にわかり易く解説していこうと考えています。そうした目的に適した開発環境として、p5.jsを使用していきます。
今回は、このp5.jsを用いたプログラミングの基本を行います。開発環境の構築方法やプログラミングの基礎を理解した上で、簡単な図形を描くところまでを目標とします。
スライド資料
本日の課題
基本図形を使って、自由に形を描いてみよう!
- p5.jsを用いて平面構成を行ってください
- キャンバスの大きさは、フルスクリーンで
- createCanvas(windowWidth, windowHeight);
- 以下の要素を使用
- 円 (circle)
- 楕円 (ellipse)
- 矩形 (rect)
- 線 (line)
- 背景色と描画色は自由に設定してください
- 基本図形以外の高度な機能は自由に使ってかまいません!
- 完成した作品は、OpenProcessingにアップロードして公開
- 必ずタイトル (題名) をつける
- ハッシュタグを mit210415 で!
- 以下のフォームから提出してください。締切は次週の授業の開始前までとします。