August 18th

random shapes?

*/

let font;

​

function preload() {

  font = loadFont("hershey_cursive.otf");

}

​

let Engine = Matter.Engine,

  Runner = Matter.Runner,

  Bodies = Matter.Bodies,

  Composite = Matter.Composite;

​

let engine = Engine.create();

let runner = Runner.create();

Runner.run(runner, engine);

​

let modules = [];

let word = [];

​

function setup() {

  createCanvas(windowWidth, windowHeight);

​

  // 실루엣 그리기

  background(255);

  textAlign(LEFT, TOP);

  textFont(font);

  textSize(width / 4);

  //textStyle(BOLD);

  text("Jean Y. Kim", 0, 0, width);

​

  let ground = Bodies.rectangle(width / 2, height, width, 20, {

    isStatic: true,

  });

​

  Composite.add(engine.world, ground);

​

  // 크기 정하기

  let gap = 5;

​

  // 세로 배치

  for (let y = 0; y < height; y = y + gap) {

    // 가로 배치

    for (let x = 0; x < width; x = x + gap) {

      let c = get(x, y);

      let b = brightness(c);

​

      // 검은색인 경우

      if (b == 0) {

        // 배열에 좌표 담기

        word.push(

          new Module(

            random(100, 150),

            createVector(x, y),

            gap / 2, // Using radius instead of size

            true

          )

        );

      }

    }

  }

  /*

  modules.push(new Module( //floor

    255,

    createVector(width/2,height),

    width/2, // Using radius instead of size, adjust this as necessary

    true

  ));*/

}

​

function keyPressed() {

  for (let i = 0; i < word.length; i++) {

    //let m = modules[i];

    word[i].reset();

  }

  /*

  for(let i=0; i<modules.length; i++){

    //let m = modules[i];

    modules[i].reset();

  }*/

}

​

function draw() {

  if (mouseIsPressed) {

    modules.push(

      new Module(

        255,

        createVector(mouseX, random(0, 20)),

        random(5) // Using radius instead of size

      )

    );

  }

​

  background(0);

  for (let i = 0; i < modules.length; i++) {

    let m = modules[i];

    m.display();

  }

​

  for (let w = 0; w < word.length; w++) {

    word[w].display();

    word[w].update();

  }

}

​

class Module {

  constructor(opacity, pos, radius, isStatic) {

    this.origPos = pos.x;

    this.move = false;

    this.o = opacity;

    this.radius = radius;

    this.veloX = random(-1, 1);

    this.veloY = random(0, 1);

    this.body = Bodies.circle(pos.x, pos.y, radius, { isStatic: isStatic });

    Composite.add(engine.world, this.body);

  }

​

  display() {

    let pos = this.body.position;

    let angle = this.body.angle;

    push();

    translate(pos.x, pos.y);

    rotate(angle);

    noStroke();

    fill(255, 255, 255, this.o);

    ellipse(0, 0, this.radius * 2); // Draw circle using radius

    pop();

  }

​

  update() {

    let m = new p5.Vector(mouseX, mouseY);

    let d = m.dist(this.body.position);

    if (d < this.radius * 2) {

      this.isStatic = !isStatic;

    }

​

    if (mouseIsPressed) {

      this.move = true;

      /*

      if (this.move === true) {

        this.move = false

      } else {

        this.move = true;

      }*/

    }

    if (this.move) {

      this.body.position.x += this.veloX;

      //this.body.position.y += this.veloY;

​

      if (this.body.position.x > width || this.body.position.x < 0) {

        this.veloX *= -1;

      }

      /*

      if (this.body.position.y > height || this.body.position.y < 0) {

        this.veloY *= -1;

      }*/

    }

  }

​

  reset() {

    //this.veloX = 0;

    this.body.position.x = lerp(this.body.position.x, this.origPos, 3);

    //this.move = false;

    // = ;

    //this.body.position.x = this.origPos.x;

  }

}

​