【Processing】pixelWidthの使い方【画面や画像の横幅を何ピクセル（点）あるか教えてくれる】

ワタタク

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

この記事を書いた人

上達の研究家 / アーティスト

「才能」ではなく「論理（システム）」で、人の心を動かす機能するアートを探究中

【文系・36歳・未経験】から独学でクリエイティブコーディングに挑戦し、独自の思考法で以下の実績を達成

• 開始1年8ヶ月目までに公募6つに挑戦し、3つ入選（勝率50%）
• 開始1年9ヶ月目に、虎ノ門ヒルズ ステーションタワー49階 スカイガーデン＆プールのために制作した作品が展示される

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

【Processing】pixelWidthについて

【Processing】pixelWidthの使い方【画像とコード】

pixelDensity(2)というのを使うと、画面の幅（横の長さ）と高さ（縦の長さ）は変わらないけれど、ピクセルの数は2倍になります。ピクセルというのは、画面を作っている小さい点のことです。これによって、画面がもっとキレイに見えるようになりま

例えば、絵を描く時にこの設定をすると、画面に描かれる点の数が2倍になるので、細かい部分まできれいに描けます。

size(1000, 1000); // キャンバスのサイズを幅1000ピクセル、高さ1000ピクセルに設定
pixelDensity(2); // 高解像度ディスプレイ対応のため、ピクセル密度を2倍に設定
println(width, height); // キャンバスの幅と高さをコンソールに表示
println(pixelWidth, pixelHeight); // 実際のピクセル数での幅と高さをコンソールに表示

【Processing】pixelWidthを使ってみた感想

pixelWidthはpixelDensity(2)を使って、ピクセルの数値を確認したいときに使おうと思う。

ワタタク

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