Creative Coding 독학 제335일 2025년02월25일(화)

2025년 2월 25일

오늘은 지중해 바다 위에서 아침을 시작해 볼까요~^^* 잔잔한 바다 위에 뗏목을 올리고 그 위에서 아침을 천천히 저어 보고 계셔요~^^* 저는 공부해서 다시 돌아올게요~^^* 쓩우웅~^^*

오늘은~^^* x = y 선을 threshold 기준선으로 삼아서 캔버스 이곳저곳에 배치되는 동그라미를 검은색 흰색으로 칠해서 분별해 보겠습니다~^^*

x = y threshold 기준선에 의해 흰색 또는 검은색으로 칠해지는 동그라미 클래스를 준비해 볼게요~^^*

class Point{

  constructor() {
    this.x = random(width);
    this.y = random(height);
    this.label;
  
    if(this.x > this.y) {
      this.label = 1;
    } else 
     {this.label = -1;
    }
    //x = y를 threshold 기준선으로 하여, 
    //x > y 의 경우 1
    //x =< y 의 경우 -1
    //판별값 label을 정하겠습니다. 
  }  
  
  show() {
  
    stroke(0);
    if (this.label == 1) {
      fill(255);
    } else{
      fill(0);
    }
    //판별값이 1인 경우 흰색으로 칠합니다.
    //판별값이 -1인 경우 검은색으로 칠합니다.
    ellipse(this.x, this.y, 8, 8);
  }  
}


let Points = [];

function setup() {
  createCanvas(400, 400);
  
  for (i = 0; i < 100; i++) {
    Points[i] = new Point();
  }

}

function draw() {
  background(150);
  
  line(0,0, width, height);
  for(i = 0; i < Points.length; i++) {
    Points[i].show();
  }
}

그럼~^^* 우리~^^* x = y를 threshold 기준선으로 하여 x > y의 경우 흰색으로~ 그 외의 경우는 검은색으로~ 채워진 동그라미들을 보러 가 볼까요~^^* 네~^^* Percepron 기능이 내장된 동그라미들이라고 볼 수 있을 것 같아요~~^^* 스스로 자신을 판별해서 스스로 몸의 색을 결정하여 색칠하여 태어난 똑똑한 동그라미들인 것 같아요~~^^*