プログラミングB #09

#09 様々なメディア①:イメージ


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


lineに色をつける方法はやはり無いのでしょうか?(もし今までに答えたことがあったらすみません。)
stroke(255,0,0); で色をつけられます.
stroke(“#ff0000”); も同様です.stroke(255,0,0); で色をつけられます.
stroke(“#ff0000”); も同様です.

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(220);
  
  
  stroke(255,0,0);
  strokeWeight(15*sin(frameCount/10));
  line(100,100,300,300);
}

物体を立体に見せる方法、立体にする方法を知りたいです。
3Dのモードがあります.座標変換や回転などをうまく使えるとよいです.
tan();を使って遠近感のある線を描くことはできますか
tanを使うよりも,3Dのモードを用いると良いかもしれません.

+p5.js 100 samples 


サンプルデータと参照先



様々なメディアとその操作(1)イメージ


メディアのコード内での利用の流れの基本

  1. ファイルのアップロード
  1. ファイルの事前読み込み
  1. function preloadでloadImageする
  1. ファイルのデータをコード内で利用する

let img;

function preload() {