白の背景に白で描いても見えませんよね?黒の背景に白で描いたら見えますね?
今回はそんな当たり前のことを使ったちょっとしたトリックを紹介します。
この記事は全文無料でお読みいただけます。もしお気に召しましたら投げ銭お願いしますね。😉✨
白背景に白で描く?まずは、p5.js のコードで白の背景に黒い四角形を描いてみます。
const w = 640;const h = 480;function setup() { createCanvas(w, h); colorMode(
¥100
#PCD2020 で使った、文字から何かを描画するテクニック
タイトル絵にあるような、Processing Community Day Tokyo 2020 関連ツイートで使った「文字を元に何かを描画する」テクニックを紹介します。
テクニックというよりも、力技、ベタな方法ですので読んでズッコケないでね。
このテクニックで何が出来るのかこのテクニックは一言で言うと「文字を構成する点の座標をいかに得るか」です。
点の座標が得られればそれを使って、
・その点に色を付ける
・点のところを四角や円にする
・点を動かす
などいろんなことが出来る