ワタタク今回の記事の目的はProcessingの「copy()」を理解し、自分なりに使ってみること。
この記事を書いた人
- クリエイティブコーダー / アーティスト
- 「人の心に寄り添う、機能するアート」を探究しています
- アートとテクノロジーが、社会や個人のウェルビーイングにどう貢献できるかに、関心があります
目次
【Processing】copy()について
copy()について
- 「copy」は英語で「コピーする」という意味
copy()、画像をコピーするために使います- たくさん複製することで、デザインの表現力を向上する
- 【注意点】コピーする位置とサイズを正しく指定しないと、思ったように表示されないことがあります
【Processing】copy()の書き方【構文】
copy()の書き方【構文】
copy(src, sx, sy, sw, sh, dx, dy, dw, dh)src: コピー元の画像sx: コピー元画像のX座標（開始位置）sy: コピー元画像のY座標（開始位置）sw: コピーする幅sh: コピーする高さdx: コピー先画像のX座標（貼り付け位置）dy: コピー先画像のY座標（貼り付け位置）dw: コピー先画像の幅dh: コピー先画像の高さ
【Processing】copy()の使い方【画像とコード】
コピーする画像
コピーした後の画像
// 画像の情報を格納する変数を宣言
PImage img;
void setup() {
// 画像を読み込み
img = loadImage("bledlake.jpg");
// ウィンドウのサイズを400x400に設定
size(400, 400);
}
void draw() {
// 画像の一部（左上100x100ピクセル）を
// 新しい位置（200, 200）に同じサイズでコピー
copy(img, 0, 0, 100, 100, 200, 200, 100, 100);
}【Processing】copy()を使ってみた感想
copy()を使うと、指定した部分が正確にコピーされて新しい位置に表示されました。
とても便利で、画像を加工するのに非常に役立つツールだと感じました。
複数の画像を組み合わせることで、面白いアート作品やデザインを作成してみたいと思います。copy()を使って背景に小さな画像を散りばめたり、特定のパターンを繰り返し表示させるような作品をつくるのが楽しみ。
ワタタクそれでは今日もレッツワクワクコーディング。
