【p5js/プログラミング】オーディエンス。

Art

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

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

5日目のテーマは「オーディエンス」。
たくさんの人がバラバラに集まっている様子を表現しました。体の色で十人十色を表現しつつ、顔が同じ色で統一していることで人はみんな一緒というイメージを作りました。

こんなご時世でもみんなで支え合って生きていきましょう。

ごらんあれ〜。

let x = 0
let y = 0
let w = 45
let num = 30
let audiences = []

function setup() {
  createCanvas(500,500)
  background(255)
  for (var i = 0; i < num; i++) {
    audiences[i] = new Audience
  }
  noLoop()
}

function draw() {
  for (var i = 0; i < num; i++) {
    push()
    translate(random(0,width),random(0,height))
    audiences[i].show()
    pop()
  }
}


class Audience{
  show(){
    noStroke()
    fill(random(0,255),random(0,255),random(0,255))
    triangle(x,y,x+30,y+60,x-30,y+60)
    fill(0)
    circle(x,y,w)
  }
}

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

なにかあればTwitterまで。

コメント