【p5js/プログラミング】ネオンライト。

Art

こんにちは、たやち(tayati369)です。

p5.jsでコーディングしています。
PCD@Tokyoさんの「デイリーコーディングチャレンジ」!!に素人極まりない私も参加しております。
毎日できるかわからないけれど、リモートワークのこのご時世、通勤分の時間があるでチャレンジしていきます。(デイリーとはw)

24日目のテーマは「ネオンライト」。

ネオン感を表現するのって、難しいなと感じました。HSBのカラーモードを利用して、明暗や彩度でうまく調整したつもりです。😂
これから色の扱いについても勉強が必要だなと感じたテーマでした。

では、ごらんあれ〜。

;
let x;
let y;
let size = 220;
let ny = 0;

function preload(){
	font = loadFont('NotoSansJP-Regular.otf');
}

function setup() {
  createCanvas(500,500);
  x = width/2;
  y = height/2;
  points = font.textToPoints(nu, x, y, size);
}

function draw() {
  background(220);
  textFont(font);
  textSize(size);
  fill(220);
  for(let i = 0; i < points.length; i++){
    fill(0);
    let pt = points[i];
  ellipse(pt.x , pt.y + ny, 3);
  }
  ny += 0.1;
}

ではでは、さようなら〜〜〜。

なにかあればTwitterまで。

コメント