プログラミングB #03

#03 p5.js入門(2)図形描画と色


高尾俊介(takawo@konan-wu.ac.jp)
甲南女子大学 文学部 メディア表現学科 講師

 

作例

ファイル名

URL

001_p5.js Web Editorの初期設定
002_コメントとプリント
003_点を打つ
004_線を引く
005_背景の色を変える
006_線の色を変える
007_円を描く
008_塗りと線の色を変える
009_四角形を描く
010_三角形を描く
011_四辺形を描く
012_円弧を描く
013_頂点登録して描画する

026_HSBでの色指定
027_HSBでの色指定(2)
028_HEXでの色指定
+p5.js 100 samples 

 

【復習】座標について


 

コメント

// コメントは行の頭にスラッシュ(/)を2つつける
// ここで書いた内容は実行されない
/* 長い文章の場合は/と*で囲うことで範囲をプログラムとして認識されない */


  • 実際にコメントしてみる
  • コメントはメモとして残せる
  • 授業のメモはノートに書いたほうがいいけど(覚えるので!)コメントもサンプルコードや僕がつかったりするので,覚えておいてください.


 

print():コンソールへ出力する


  • エディター画面のfunction draw(){ } の中に以下のように記述して実行
function draw(){