Silverback9

#야생으로

Creative Coding 독학

  • Creative Coding 독학 제040일 2024년05월06일(월)

    오늘은 드디어 Levy Flight를 프로그램으로 만들어 보겠습니다. 주요한 점은 하나. 이동 후 상태를 나타내는 pos 벡터가 이동 전 상태를 나타내는 prev 벡터에게 상태정보를 물려준 후 이동을 하는 거예요. 둘. 이동 후 상태를 나타내는 pos 벡터와 이동 후 상태를 나타내는 prev 벡터의 x, y 좌표를 연결하여 이동거리와 방향을 시각적으로 표현해요. 셋. 이동할 거리와 방향을 나타내는 step…

  • Creative Coding 독학 제039일 2024년05월05일(일)

    오늘은 random walk을 벡터로 표현하는 것을 다시 살펴 보도록 할게요. 토요일 공부내용은 좌표값을 나타내는 변수를 사용하였고, 오늘 공부내용은 동일한 작용을 벡터로 표현하는 것이예요. 아래 동영상 강의를 클릭하셔서 10:35까지 보시면 되어요~^^* 먼저, 좌표값 변수를 사용했던 토요일 코드 부분을 모두 벡터 표현으로 바꾸어 볼게요~^^* 이것을 클릭하여 코드를 살펴 보셔요~ 삼각형을 눌러 프로그램을 실행시키고 콘솔창과 캔버스를 관찰해 보셔요.…

  • Creative Coding 독학 제038일 2024년05월04일(토) 보충

    새벽에 말씀드린 대로, 오늘 아침에 어제 토요일 공부 분량을 보충해 보도록 할게요. Creative Coding 제003일에, random walk 프로그램 동영상을 보았던 것을 기억하시나요? 오늘은 그 동영상 강의를 자세히 살펴보고 프로그램도 직접 만들어 볼게요. 하나. 벡터를 사용하지 않고 단순히 변수 만을 사용하여 만듭니다. 둘. 선택 구문들 중 switch 구문을 사용합니다. 셋. 실수값을 정수값으로 변환하는 함수들(floor(), ceil(), round())…

  • Creative Coding 독학 제038일 2024년05월04일(토)

    지금은 5월5일(일) 새벽 1시43분이예요. 고속버스를 타고 올 일이 있어서 저녁을 먹고 잠시 누웠더니…코딩 포스팅 해야 해! 하고 일어나니 지금이네요. 토요일 밤 12시를 지나버렸네요. 어제는 정말 여름 햇살이었는데요. 여름이 5월부터 시작되려나 봐요. 우리 여름맞이 잠을 좀더 자고, 아침 일찍 토요일 공부까지 보충해서 코딩 공부를 해볼게요. 그럼 우리 아침에 다시 만나요. 코~

  • Creative Coding 독학 제037일 2024년05월03일(금)

    오늘부터 공부할 동영상 강의는 random walk와 Lévy flight에 관한 것이예요~^^*. 우리 처음에, 사방으로 무작위 움직임을 하는 프로그램을 만든 것 기억하셔요? 그것이 바로 random walk이었지요? 이번에는 동물들이 먹이를 구하러 움직일 때 나타나는 Lévy walk 또는 Lévy flight에 대해 살펴보려고 합니다. 그리고, 움직임 표현을 이제는 점점 익숙해 지고 있는 벡터 방식으로 해보도록 할게요. 오늘은 코딩 공부를 시작하기에…

  • Creative Coding 독학 제036일 2024년05월02일(목)

    오늘은 코딩 공부 안하는 목요일이예요~^^* 네, 우리, 노래만 함께 들어요~^^* 오늘이라는 미지의 우주를 한 순간 한 순간 신기한 마음으로 살아볼까요, 우리~^^* 오리지널의 생생한 목소리도 함께 귀에 담아 하루를 시작해 봐도 좋겠지요~^^* 우리의 하루를 영화만들 듯 정성으로 함께 하는 분들과 멋진 하루를 만들어가는 오늘~^^* 우리는 내일 만나서 만유인력의 법칙에 대해 또 공부해 봐요~ 내일 만나요~ 네~~꿈은…

  • Creative Coding 독학 제035일 2024년05월01일(수)

    오늘은 여러 개의 mover 동그라미와 하나의 attractor 동그라미 사이의 Force of Attraction을 표현한 프로그램을 만들어 보겠습니다. 동그라미들이 많이 나오니까 attractor 동그라미는 구별이 쉽도록 핫!핑크 옷을 입혀 볼게요~^^* 여러 개의 동그라미…..떠오르는 그 무언가가 있나요~^^* 그렇죠! 배열, for, 그리고 let … of …! 그리고, 보기에 좀더 편안한 움직임이 될 수 있도록, (1) mover 동그라미의 회전 반경을 넓히기…

  • Creative Coding 독학 제034일 2024년04월30일(화)

    오늘은 두 동그라미 사이의 거리값이 Force of Attraction에 어떤 영향을 끼치는 지에 대해 살펴 보고, 그 거리값을 적절하게 조절한 프로그램을 만들어 보겠습니다. Force of Attraction의 크기(magnitude)는 두 동그라미의 질량과 중력계수를 곱한 뒤 두 동그라미 사이의 거리의 제곱으로 나눈 결과값이지요? 하나. 거리값은 거리의 제곱의 값으로 반영됩니다. 그러므로 다른 어떤 항목 보다도 Force of Attraction의 magnitude 변화에…

  • Creative Coding 독학 제033일 2024년04월29일(월)

    오늘은 만유인력의 법칙을 간단하게 프로그램으로 표현해 보겠습니다. attractor 동그라미에게 mover 동그라미가 끌어당겨지는 모습을 프로그램으로 표현해 볼게요~^^* 아래 동영상 강의를 10:13까지 보시면 되어요~^^* 노트도 함께 참고해 보셔도 좋겠죠? 코드의 자세한 설명은 주석을 참조해 보셔요~^^* 하나. attractor 동그라미 클래스를 정의하는 attractor.js 파일을 만듭니다. (1) 벡터 뺄셈 함수 sub()을 사용하여, mover 동그라미와 attractor 동그라미 사이의 방향과 거리를 가진…

  • Creative Coding 독학 제032일 2024년04년28일(일)

    오늘부터는 만유인력의 법칙에 대한 프로그램을 공부해 볼게요~. 오~우, 만유인력의 법칙? 지금 갑자기 떠오르는 과일은~~~? 네, 사과는 씨앗에서는 열매가 맺히지 않고 꺾꽂이와 접목을 통해서 열매를 맺을 수 있네요. 부지런하면서도 평화로운 사과 과수원 풍경을 감상하셔요~^^* 이제 사과가 떨어지는 것을 보고 만유인력을 생각하게 되었다는 아이작 뉴턴님을 만나 볼게요~^^* 아이작 뉴턴님의 귀여운 허당기 이야기도 한 번 들어 볼까요? 그런데…