ワタタク目的は画像をピクセルアート化したらどんな感じになるのかを確認すること。
いろんな写真があるので、どんな感じになるのか確認したかった。
この記事を書いた人
上達の研究家 / アーティスト
「才能」ではなく「発見」で描く。文系・36歳からの上達ハック。
- ゼロから独学でクリエイティブコーディングに挑戦し、以下の実績を達成
- 開始1年8ヶ月目までに公募6つに挑戦し、3つ入選（勝率50%）
- 開始1年9ヶ月目に、虎ノ門ヒルズ49階、地上250mのインフィニティプールへ作品提供・展示
- 【上達の秘密】
- 起源の物語：未経験から虎ノ門ヒルズ展示までの全記録（Genesis）
- 思考の技術：「上達」をシステム化する、モレスキン6冊の運用設計図
- ※虎ノ門ヒルズでの実績を出した「思考」と「経験」を、再現可能な形に体系化
目次
作品の画像とコード
PImage img;
int pixelSize = 180; // ピクセルのサイズ
void setup() {
size(1080, 1080); // インスタグラム向けの正方形サイズ
img = loadImage("画像のファイルの名前.jpg"); // 画像ファイルの名前を指定
img.resize(width, height); // 画像を正方形にリサイズ
noLoop(); // 描画を1回だけ行う
}
void draw() {
for (int y = 0; y < height; y += pixelSize) {
for (int x = 0; x < width; x += pixelSize) {
color c = img.get(x, y); // 画像のピクセル色を取得
fill(c); // 色を設定
noStroke(); // 枠線を消す
rect(x, y, pixelSize, pixelSize); // 四角形を描画
}
}
}つぶやきProcessing
PImage img;int p=10;void setup(){size(1080,1080);img=loadImage("img.jpg");img.resize(1080,1080);noLoop();}void draw(){for(int y=0;y<1080;y+=p){for(int x=0;x<1080;x+=p){fill(img.get(x,y));rect(x,y,p,p);}}}それでは今日もレッツワクワクコーディング。
