Creative Coding 독학
-
Creative Coding 독학 제050일 2024년05월16일(목)
오늘은 사각형을 회전시켜 보도록 할게요~^^* 아래 동영상 강의를 클릭하시면 오늘 공부 내용을 바로 시작(6:50)할 수 있어요~^^* 함수 draw()는 무한 반복 함수라는 성질을 이용해서, 사각형을 회전시켜 보겠습니다~^^* 하나. 사각형의 회전 상태, 즉, 좌표체계의 회전 상태를 변수 angle에 담겠습니다. 둘. 각도(Degree)법과 호도(Radian)법의 전환을 위해 angleMode(DEGREES); 와 angleMode(RADIANS);를 사용하겠습니다. 셋. 지속적인 회전을 위해 변수 angle을 증가시키겠습니다. 그럼, 시작해…
-
Creative Coding 독학 제049일 2024년05월15일(수)
오늘은 각도(Degree)와 호도(Radian)를 서로 전환해 주는 함수인 angleMode()을 사용하여 직사각형의 방향 변화를 표현해 보도록 하겠습니다~^^*. 컴퓨터에서는 기본적으로 각도(Degree)법이 아니라 호도(Radian)법을 쓴다고 합니다~^^*. 그래서 반드시 angleMode(DEGREES); 를 통해, 기본세팅인 호도(Radian)법을 각도(Degree)법으로 바꾸어야 합니다~^^*. 아래 강의 영상을 클릭하시면 오늘 공부를 바로 시작(5:13)하실 수 있어요~^^* 6:50까지 보시면 오늘 공부 끝~^^* 먼저, 예쁜 직사각형을 그려보겠습니다~! 여름의 색깔, 핫!핑크 어떠셔요~^^*…
-
Creative Coding 독학 제048일 2024년05월14일(화)
오늘은 각도와 회전에 관한 프로그램을 공부하기 위한 워밍업을 해보도록 할게요~ 헛둘 헛둘~^^* 아래 동영상 강의를 클릭하셔서 5:12까지 보시면 오늘 공부 끝~^^* 이제, 각도, 원, 원주율, 각도를 표현하는 두 가지 방법에 대해 좀더 자세하게 살펴볼게요~^^* 가볍고 편안한 마음으로 노래도 부르고 강의도 시청해 볼게요~ 아주아주 가볍고 편안한 마음으로~^^* 하나. 각도의 크기를 어떻게 비교할 수 있을까요? 노래로 배워…
-
Creative Coding 독학 제047일 2024년05월13일(월)
오늘은 태양이 모든 행성을 끌어당기고, 모든 행성도 서로를 끌어당기는 은하계를 프로그램으로 표현해 보겠습니다! 와우! 아래 동영상 강의를 클릭하시면 오늘 공부를 바로 시작(18:10)할 수 있어요~^^* 동영상 강의(11:45)에서는 태양이 모든 행성을 끌어당기고, 모든 행성도 서로를 끌어당기는 것을 표현하였는데요…음….근데….모든 행성도 자기 나름대로 태양을 끌어당길 것 같아요…그래서 저는 200개의 행성을 거느린 태양계를 표현해 보겠습니다! (1) 태양이 모든 행성을 끌어당기고…
-
Creative Coding 독학 제046일 2024년05월12일(일)
오늘은 제곱의 힘! 그 막강함을 실감하면서도 열심히 그 엄청난 연산작업을 해내고야 마는 멋진 프로그램을 만들어 보겠습니다~^^* 아래 동영상 강의를 클릭하면 오늘 공부를 바로 시작(11:40)할 수 있어요~^^*18:20까지 보시면 오늘 공부 끝~~~~^^* 하나. 동그라미들을 아주 많이 만들어 보겠습니다. 첫째 프로그램은 250개 둘째 프로그램은 무려 350개의 동그라미를 만들겠습니다. 와우! 둘. 동그라미들을 캔버스 중심으로부터 200에서 300사이 거리 구간에 무작위로…
-
Creative Coding 독학 제045일 2024년05월11일(토)
오늘은~^^* 초기 조건과 초기 값 설정에 따라 다양한 대형을 만들 수 있다는 것을 공부해 볼게요~^^* 하나. 다이아몬드 대형을 만들어 볼게요~^^* 둘. 다섯 개의 동그라미들이 무작위 x, y 좌표값과 무작위 방향의 속도와 무작위 크기의 질량을 가질 때 나타나는 대형도 실험해 볼게요~^^* 넵, 오늘도 실험정신 충만하게 하루를 시작해 볼까요~^^* Yeah~!!! 다이아몬드 대형은 우리가 직접 x,y 좌표값을 부여하려고…
-
Creative Coding 독학 제044일 2024년05월10일(금)
오늘은 드디어 세 개의 물체가 서로를 끌어당기는 것을 표현하는 프로그램을 만들어 보겠습니다~^^* 아래 동영상을 클릭하시면 오늘 공부를 바로 시작(7:55)하실 수 있어요~^^* 11:38까지 보시면 되구요~^^* 하나. 중앙에 고정된 동그라미 한 개, 그리고 서로 반대방향으로 움직이는 두 개의 동그라미로 구성된 three body movement를 프로그램으로 만들어 보겠습니다~^^* 이것을 클릭하여 mover.js 파일과 sketch.js 파일을 열어 코드를 살펴보셔요~^^* 삼각형을 눌러…
-
Creative Coding 독학 제043일 2024년05월09일(목)
오늘은 목요일이예요. 그래서, 코딩공부를 하지 않고 노래 함께 들어요, 우리~^^* 너른 들판에 나가 아침을 맞이하며 가슴을 쫙 펴듯, 시원하고 힘찬 하루 보내요, 우리~^^* 들판의 기상을 가슴에 품고 아기자기한 인형극을 만들어 내듯 정성으로 즐겁게 오늘 하루를 보내볼까요~^^* 내일은 우리 함께 또 코딩공부 해요~^^* 넵, 꿈은 이루어 집니다~!!
-
Creative Coding 독학 제042일 2024년05월08일(수)
오늘은 두 개의 동그라미가 서로를 끌어당기는 것을 프로그램으로 표현해 보겠습니다~^^*. 그리고, 그것의 응용으로 서로를 끌어당기는 동그라미 쌍을 여러 개 만들어 보겠습니다. 이것은 동영상 강의에 들어있지 않고, 제 나름으로 응용작품을 만들어 보았습니다~^^* 살펴봐 주시면 감사하겠습니다~^^* 아래의 동영상 강의를 클릭하시면 오늘의 공부내용을 바로 시작(4:00)할 수 있어요~^^* 7:58까지 보시면 오늘 공부 끝~^^* 한 쌍의 동그라미가 서로 반대방향으로 가려고…
-
Creative Coding 독학 제041일 2024년05월07일(화)
오늘은 만유인력의 법칙 – mutual attraction을 표현하는 프로그램 공부를 시작할게요~^^* 아래 동영상 강의를 클릭하여 4:00까지 보시면 오늘 공부 끝~^^* 물체의 운동에 대하여 미분법이 아니라 오일러 적분법을 사용하여 지금까지 프로그램을 만들어 왔었지요? 이번에도 오일러 적분법을 사용하도록 할 게요. 두 개의 물체 사이의 움직임은 솔루션이 이미 구해져 있지만, 세 개의 물체 사이의 움직임은 아직 그 솔루션이 나와…