【p5js/プログラミング】バズる。

Art

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

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

26日目のテーマは「バズる」。

若者にバズりそうな色合いを作れたらなーと思って、ちょっと過激な色合いに挑戦してみました。
YouTuberの方とかがデザインした「BUZZ」Tシャツ。そんなグッズのプリントに使ってもらいたいですね。😂
前回の「ね」のテーマで利用した文字のポイントに👍のemojiを乗っけてあげています。

では、ごらんあれ〜。

const good = [128077];
const num = 100;
var bazuri = [];
const w = 50;
var font;
var points;
let size = 180;
var nu = "BUZZ";

function preload(){
	font = loadFont('Roboto-MediumItalic.ttf');
}

function setup(){
  createCanvas(500,500);
  colorMode(HSB,360,100,100,100);
  background(200,80,90,80);
  var x = width/40;
  var y = height/1.7;
  points = font.textToPoints(nu, x, y, size);
  for (var i = 0; i < points.length; i++) {
    bazuri[i] = new Bazuru;
  }
  noLoop();
}

function draw(){
  for (var i = 0; i < points.length; i++) {
    push();
    translate(points[i].x,points[i].y);
    bazuri[i].show();
    pop();
  }
  save('bazuru.png');
}

class Bazuru {
  constructor() {
    this.x = 0;
    this.y = 0;
    this.w = 10;
    noStroke();
    textSize(this.w);
    textAlign(CENTER);
  }
  show(){
    push();
    fill(0,100,100,100);
    // fill(200,100,100,100);
    rect(this.x,this.y,this.w+2,this.w+2,10);
    pop();
    text(String.fromCodePoint(good[0].toString()),this.w/2,this.w/1.5);
  }
}

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

なにかあればTwitterまで。

コメント