오늘은 사인곡선의 Frequency를 표현하는 프로그램을 만들어 보겠습니다~~^^*. Frequency 즉 빈도 또는 회수는 어떤 것이 단위 시간 동안 몇 번 반복되는가를 나타낼 텐데요. 보통 애니메이션은 1초에 60 장의 프레임을 가지고 있어서, 어떤 운동의 전체 동작을 60단계로 나누어 프레임 별로 담으면, 1초에 그 전체 동작을 한 번 완전하게 볼 수 있게 될까요? 아래 동영상 강의를 클릭하시면 오늘…

행복할 월요입니다~YEAH!! 가방을 메고 현관 댓돌에 앉아 신발을 신는 설레는 마음으로~, 스스로에게 든든한 수퍼 히어로가 되어 주며~ 이번 한 주도 챔피언의 삶을 살아가요~~^^* 넵!!! 함께 발 맞추어 나가요~ 오늘 하루 속으로~~^^* 넵!!! 꿈은 이루어 집니다~!!!

일요일 밤이 되었네요~^^* 네, 오늘 아침부터 움직이게 되어, 저녁에 코딩 공부를 하게 되었어요~^^* 오늘은 사인곡선을 원으로 변환하는 프로그램을 만들어 보겠습니다~^^* 아래 동영상 강의를 클릭하셔서 4:24까지 보시면 오늘 공부 끝~^^* 아래의 노트를 보시며 내용 정리를 하셔도 좋을 것 같아요~^^* 빗변 길이 1의 회전각 운동의 y 좌표 값은 sin(회전각 크기)이지요?^^* 회전각 크기를 가로축으로 하고 y 좌표값, 즉,…

오늘은 닫힌 도형 그리기 복습을 위한 응용 작품을 만들어 보겠습니다!!! 회전각 크기를 조절하여 원형부터 9각형까지 표현해 보겠습니다. 꼭지점을 연결한 도형과 점들의 집함체, 두 버전으로 만들어 볼게요~^^* [삼각형: 2파이/3] [사각형: 2파이/4 = 파이/2] [오각형: 2파이/5] [육각형: 2파이/6 = 파이/3] [칠각형: 2파이/7] [팔각형: 2파이/8 = 파이/4] [구각형: 2파이/9] 을 회전각 증가량으로 설정해 보았습니다~. 꼭지점이 많아질 수록 형태를…

오늘은 살짝살짝 구겨지거나 펴지는 도형의 크기와 상하좌우 비례를 마우스/손가락으로 조정하는 프로그램을 만들어 보겠습니다~^^* 도형의 테두리를 결정짓는 것은 회전각의 빗변이었지요? 이 빗변의 길이를 살짝살짝 늘이거나 줄이거나 하면서 회전을 하면, 테두리가 불규칙적인 도형이 만들어 질 것 같아요!! 우리 함께 실험해 볼까요~^^*? YEAH~~~!!!! 아래의 동영상을 클릭하시면 오늘 공부내용을 바로 시작(14:45)할 수 있어요~^^* (1)도형의 크기가 변화하려면, 기본 빗변 길이에…

오늘은 도형을 우리 스스로 만들어 볼게요~^^* 네~~!! 그렇습니다~~!! 도형만들기 함수를 사용하지 않고, 우리 스스로 도형을 만들어 보는 거예요~~!! 직접 만든 쌀가루 반죽으로 이상하고 다양한 모양의 송편을 빚으며 즐거워하던, 추석 전 날, 요린이 시절로 돌아가 보는거예요~~!! 와우!! 도형을 만든다는 것은 어떤 모양을 만든다는 뜻이겠지요? 모양은 영어로? 그렇죠! shape! 그래서!!! beginShape()____endShape(CLOSE) 구조를 사용하여 닫힌 도형을 만들어 볼까요~^^*…

오늘은 나선형 회전운동을 표현하는 프로그램을 만들어 보겠습니다~^^*. 먼저, 극좌표계(Polar Coordinate System)와 데카르트 좌표계(Cartesian Coordinate System)대한 복습 간단히 한 번 하고 가실게요~^^* p5.js는 입체 (x, y, z) 데카르트 좌표계(Cartesian Coordinate System)을 기반으로 합니다~^^*. 아직은 우리가 z축을 다루지 않고 평면 (x, y) 좌표계만 쓰고 있습니다~^^* 이제 본격적으로 오늘의 코딩 공부를 시작해 볼까요~~^^* YEAH!!! 아래 강의 동영상을 클릭하시면…

오늘도 x,y 축 좌표점을 사용하는 데카르트 좌표계(Cartesian Coordinate System)와 빗변 길이와 각크기를 사용하는 극좌표(Polar Coordinate System)에 익숙해 지는 연습을 해 보겠습니다~^^* 아래 동영상 강의를 클릭하셔서, 11:25까지 보시면 오늘 공부 끝~~^^* 사람인 우리는, 회전운동을, 빗변 길이와 각크기를 사용하는 극좌표계(Polar Coordinate System)를 사용하여 구상하는 것이 편하겠지요^^* 그러나 컴퓨터는, 회전운동을, 캔버스 화면 위 x,y 축 좌표점을 사용하는 데카르트…

네, 오늘은 월요일. 함께 음악 듣는 날~~우후~~~ 태양도 회전하고 달도 회전하고 지구도 회전하고, 지구 위에 살고 있는 새도 강아지도 자동차도 우리도 회전하고~~~~ 서로 다른 회전각으로 x,y,z축을 움직이는 물체들과 신체 미세 기관들. 그들과 함께 우리가 만들어 내는 우주의 하모니~ 오늘도 아름다운 하루 보내셔요~~^^* A Bright Monday 2 U~~^^* 내일은 우리 또 코딩공부 함께 해요~^^* 네, 꿈은…

네~^^* 돌아왔습니다~~^^* 비가 내려서 선선하면서도 역시 봄은 봄이다 싶은 따뜻한 기운을 품고 있는 저녁입니다~^^* 아침에 말씀드린 대로, 마우스로 또는 손가락으로 불사조 피닉스 비행기를 조종하는 프로그램을 만들어 보겠습니다~^^* 제053일 코딩 공부 내용 중 함수 map()의 기능을 활용했던 것 기억하시나요? 좌표의 범위를 특정 범위로 바꾸는 것이었는데요. 이 함수를 활용해서, 캔버스 화면 위 마우스의 x좌표 범위를 (0 <->…