プログラミングB #10
#10 様々なメディアとその操作(1)イメージ

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

サンプルデータと参照先



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


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

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

let img;

function preload() {
  img = loadImage("img_0001.jpg");
}

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

function draw() {
  background(220);
  image(img, mouseX, mouseY);
}


脱線

はじめに

  • 授業では画像,ビデオ,Webカメラなどの取扱について学びます.
  • 最も基礎的な画像が中心です.
  • ビデオやカメラは読み出しや表示こそ方法が違いますが,ピクセル操作の手順などは画像と同じであるため,基礎的な操作に関してわからない場合は画像でテストしましょう.

ベクタ形式とラスタ形式