Silverback9

네…

뭔가가 하늘에서 자꾸 떨어져 내릴 거예요…

마치 하늘이 가루가 되어 우리 머리 위로 떨어져 내리 듯이,

그래서 하늘가루가 눈에 자꾸 들어가서 눈 뜨기가 어려울 듯이,

뭔가가 하늘에서 자꾸 떨어져 내릴 거예요…

하지만 걱정 말아요….

생경함과 두려움 속에서도 우리

서로 손을 꼭 잡고 튼튼하게 서있으면,

그 뭔가가 떨어져 내리는 소리도

샤랄랄라 랄랄라~하게 들릴 거예요.

서로 손을 꼭 잡고 모든 것이 가루가 되어 떨어지는 세계 속을 달려나가 볼까요?

네~~~^^*

화면의 픽셀이 아래로 떨어지는 프로그램을 만들어 보려고 합니다~~~^^*

우리는 할 수 있어요!

화면을 픽셀 단위로 나누어 각 픽셀에 생명력을 부여하는 작업을 통해

Cellular Automata 프로그램 두 작품[ Wolfram Rule 0 ~ 255 & Game of Life]을 이미 완성해 본 우리니까요!

시청자 모드로 편안하게 복습 한 번 하고 가실게요~~^^*

복습 하고 나니 자신감 뿜뿜~~~^^*?

옙!

네엡!

그렇죠!

할 수 있죠!

해 보는 거죠!

오늘은 가볍게 가 보는 거죠!

아주 작은 모래 알갱이 하나를 만들어 보는 거죠!

function make2DArray(cols, rows) {
  let arr = new Array(cols);
  for (let i = 0; i < arr.length; i++) {
    arr[i] = new Array(rows);
  }
  return arr;
}

let grid;
let cols;
let rows;
let resolution = 10;

function setup() {
  createCanvas(400, 400);
  cols = width / resolution;
  rows = height / resolution;

  grid = make2DArray(cols, rows);
  for (let i = 0; i < cols; i++) {
    for (let j = 0; j < rows; j++) {
      grid[i][j] = 0;
    }
  }
  grid[20][10] = 1;
  //grid[][]의 x축 배열 21번째 y축 배열 11번째 구성요소에 1을 저장해 봅시다~^^*.
}

function draw() {
  background(0);

  for (let i = 0; i < cols; i++) {
    for (let j = 0; j < rows; j++) {
      
      let x = i * resolution;
      let y = j * resolution;
      
      fill(grid[i][j] * 255); 
      //grid[i][j]값이 1이면 1*255 = 255 즉, 흰색으로 채웁니다.
      //grid[i][j]값이 0이면 0*255 = 0 즉, 검은색으로 채웁니다.
      
      stroke(255);
      square(x, y, resolution); 
       
    }
  }
  //모눈종이 폭 1/2 높이 1/4 근처에 흰색 칸이 한 개 그려졌나요? ^^*
}

흰색 모래 알갱이 하나가 저어~기 위에 있어요. 보이세요?

이번 프로그램은 갈 길이 좀 멀어요. 하지만 오늘 우리 함께 출발했으니까요^^*

그 길이 천리길이라도 우리 함께 완주할 수 있을 거예요~^^*

한 걸음 한 걸음 우리 함께 걸어요~~^^*

오늘 저와 함께 새로운 코드 공부를 시작해 주셔서 감사합니다~^^*

내일 우리 또 만나서 이 공부 이어나가면 좋겠어요~~^^*

오늘도 멋진 아침! 멋진 하루 보내시고요!

우리 내일 다시 만나요~~^^*

네~!!! 꿈은 이루어 집니다~!!!