【Processing】textureWrap()の使い方【テクスチャ(画像や模様)がどうなるかを決めるための関数】

【Processing】textureWrap()の使い方【テクスチャ(画像や模様)がどうなるかを決めるための関数】
  • URLをコピーしました!
ワタタク

今回の記事の目的はProcessingの「textureWrap()」を理解し、自分なりに使ってみること。

この記事を書いた人

ワタタク(Watataku)
  • クリエイティブコーダー / アーティスト
  • 「人の心に寄り添う、機能するアート」を探究しています
  • アートとテクノロジーが、社会や個人のウェルビーイングにどう貢献できるかに、関心があります

記事内のProcessingのバージョンは4.3。

目次

【Processing】textureWrap()について

textureWrap()について
  • 「Texture Wrap」は、日本語で「テクスチャの包み方」という意味
  • textureWrap()は、テクスチャ(画像や模様)の端っこがどうなるかを決めるための関数
    • テクスチャの包み方の設定を変えることで、画像が繰り返されたり、端で止まったりする
      • ゲームの背景を作ったり、パターンが続くように見せたいときに便利です。例えば、レンガの壁を描いたり、無限に広がる海を作ったりすることができるみたい
  • 【注意点】適切なテクスチャのサイズや繰り返し方法を選ばないと、画像がうまく表示されなかったり、不自然に見えたりすることです

【Processing】textureWrap()の使い方【画像とコード】

保留問題とする。

すぐ先のコードを入力すると以下の画像が点滅するような効果になった。

画像をリサイズできない、sizeも800,800で書いているが、400,400のサイズになっている。

PImage img;

void setup() {
  size(800, 800, P3D); // ウィンドウのサイズを800x800に設定
  img = loadImage("deer.jpg"); // 画像を読み込む
  img.resize(800, 800); // 画像を800x800にリサイズ
  textureWrap(REPEAT); // 画像を繰り返し表示する設定
  
  beginShape();
  texture(img);
  vertex(0, 0, 0, 0);
  vertex(width, 0, 1, 0);
  vertex(width, height, 1, 1);
  vertex(0, height, 0, 1);
  endShape(CLOSE);
}

【Processing】textureWrap()を使ってみた感想

エラーとかはでないんだよなぁ。

ワタタク

それでは今日もレッツワクワクコーディング。

ワタタク(Watataku)
クリエイティブコーダー/アーティスト
AIと共に、「人の心に寄り添う、機能するアート」を探究しています。

ここは、その思索と創造の全記録を記す、思考の実験室(アトリエ)です。

僕の創作の源泉は、人生経験そのものです。
不当な出来事や、精神的な支配の中で、私の心は何度も粉々に砕け散りました。しかし、その一つ一つの破片をどのようにすれば鮮やかな絵の具にできるかを考え、ゆっくり心のパレットに色を整えていきました。その、長い、長い、自身との対話の果てに「人の役に立つアートを作りたい」という考え方にたどり着きました。

かつて、僕の武器は、アコースティックギター弾き語りと、カメラでした。
オリジナルソングの演奏でお客様投票1位となった「物語の力」。
世界20カ国の旅で培った、多様な「視点」。

今、僕は、それら全ての経験を、「コード」という、新しい言語で、世界に問いかけています。

このブログでは、作品の制作過程や、日々の発見、そして、僕自身の上達の軌跡を記録していきます。

僕の旅が、あなたの日常を、ほんの少しでも豊かにするための、光になることを願って。

クリエイティブコーディングロード運営者 ワタタク
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次