Silverback9

#야생으로

Creative Coding 독학

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

    네, 제가 돌아왔습니다. 근데…일요일 새벽이예요…어제 저녁에 잠들어 버렸네요… 어제 꼭두새벽부터 일어나 움직여서 그런가봐요… 음..근데..지금…새벽 새소리 참 좋은데요? 여름이 다가오니, 새들의 기상시간도 점점 앞당겨지고 있어요~ 새소리 종류도 엄청 다양해졌구요~^^* 일단 토요일 포스팅을 서둘러 마무리하기 위해서 스스로 회전하며 등속운동을 하는 불사조 피닉스 비행기를 간단하게 만들어 보았어요. 마우스로 조종하는 비행기는 오늘 일요일 미션으로 수행해 보고 저녁에 다시 돌아올게요~^^*.…

  • Creative Coding 독학 제059일 2024년05월25일(토)

    오늘은 각의 크기를 통해 속도 벡터의 x, y 좌표값을 알아내어서 삼각형을 움직이는 프로그램을 만들어 보겠습니다~^^* 어제는 속도 벡터의 x,y 좌표 값을 통해 각의 크기를 알아내어서 삼각형을 회전하는 프로그램을 만들어 보았지요~^^* 오늘은 그 반대 작업을 하는 것이겠네요~^^* 음..그럼 어제는 역삼각함수를 사용했다면, 오늘은 삼각함수를 사용하는 것인가요~^^* 와우, 재미있겠는데요! 시작해 봅~시다~~~^^* 아래 동영상 강의를 클릭하시면 오늘 공부내용을 바로…

  • Creative Coding 독학 제058일 2024년05월24일(금)

    오늘은 어제 공부한 heading()함수를 사용하는 프로그램을 본격적으로 만들어 보겠습니다~^^* 우리들의 아름다운 태양계 행성들이 동그랗지 않고 세모난 모양이면 어떨까요? 아래 동영상을 클릭하시면 오늘 공부내용을 바로 시작(3:30)하실 수 있어요~^^* 5:00까지 보시면 오늘 공부 끝~~~^^* 이것을 클릭하여 mover.js 파일과 sketch.js 파일을 열어 코드를 살펴 보셔요~^^* 삼각형을 눌러 프로그램을 실행시켜 우리들의 아름다운 태양계 종이 비행기 군단의 에어쇼를 감상하셔요~^^* 예쁘지요~^^*?…

  • Creative Coding 독학 제057일 2024년05월23일(목)

    오늘은 angle과 vector의 관계성을 이용하여 프로그램을 만들기 위한 준비 공부를 하도록 할게요~^^* 아래 동영상을 클릭하셔서 3:30까지 보시면 오늘 공부 끝~~~^^* 이제 본격적으로 삼각함수를 많이 이용해서 프로그램들을 만들기 시작할거예요. 그래서 삼각함수와 역삼각함수를 복습해 보도록 하겠습니다. 하나. 각의 크기를 알면, 삼각함수를 이용해 삼각형의 세 변의 길이를 알아낼 수 있습니다. 둘. 삼각형의 세 변의 길이를 알면, 역삼각함수를 이용해…

  • Creative Coding 독학 제056일 2024년05월22일(수)

    오늘은 어제 공부한 push()____pop() 을 사용해서, 물체마다 독립적인 상대좌표를 부여하여 물체들이 자신의 중심을 기준으로 회전하는 것을 표현해 보겠습니다~^^* 태양계의 물체들에게 이 독립적 상대좌표를 각각 부여하고 자신의 중점을 기준으로 회전시키면…, 와우! 행성들이 태양을 중심으로 공전을 하면서 자신 내부를 중심으로 자전하는 모습을 표현하게 되는 것인가요??? 와우!!!! 얼른 만들어 봅시다!!! 와우!!! 아래 동영상 강의를 클릭하시면 오늘 공부내용을 바로…

  • Creative Coding 독학 제055일 2024년05월21일(화)

    오늘은 새로운 함수 push(), pop()을 자세히 살펴보겠습니다!!!! YEAH!!! ……갑자기???? 네~~~^^* 요즘 우리가 공부하고 있는 Angular Motion 동영상 강의 중 후반 내용이 다루고 있는 프로그램 코드 이해를 위해서는 push()와 pop()에 대해 먼저 친숙해 질 필요가 있는 것 같아서요~^* 하나. 아래 동영상을 처음부터 편안하게 시청하시면, 자연스럽게 함수 translate()와 rotate()를 복습하실 수 있어요~^^* 둘. 13:30 ~14:55 구간은 함수…

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

    오늘은 월요일~^^* 음악을 함께 듣는 날이죠~^^* 오늘 하루 알차게 보내며 좀더 강해져서 우리 다시 내일 만나요~^^* 오늘 어디에서 무엇을 할 지는 모르지만, 태양은 우리를 비추어 주고 있어요~^^* 언제든, 어디서든, 노래를 흥얼거리게 되는 즐거운 순간이 한 큰술 들어간 하루 보내시기 바래요~^^* 설령 하루 종일 책상 맡에 앉아 가만히 있는 하루가 된다고 해도, 노래는 우리와 함께 할거예요~^^*…

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

    오늘은 마우스 또는 손가락을 움직여 우리의 사각형의 회전 운동을 조절하는 프로그램을 만들어 보겠습니다~^^* 아래 동영상 강의를 클릭하시면 오늘 공부를 바로 시작(3:10)하실 수 있어요~^^* 4:50까지 보시면 오늘 공부 끝~^^* 하나. 마우스를 움직여 각 가속도의 값을 조정해 보겠습니다. 함수 map()을 사용해 보겠습니다. mouse의 X 좌표값의 최소 최대 값을 적절하게 설정할 수 있습니다. 둘. 각 가속도의 값에 영향받는…

  • Creative Coding 독학 제052일 2024년05월18일(토)

    오늘은 어제 공부한 내용 중 발견한 오류를 먼저 수정해 보도록 하겠습니다. 음… 어제, 1초 30 프레임 환경에서 각 가속도 – 각 속도 – 회전각 변화를 따라가 봤는데요. 그 작업을 잘못 한 것 같아요. 각 가속도를 각 속도가 받아서 자신의 이전 값과 더하고, 각 속도를 회전각이 받아서 자신의 이전 값과 더하여야 하는데…… 제가 한 프레임 차이로,…

  • Creative Coding 독학 제051일 2024년05월17일(금)

    오늘은 본격적으로 Angular Motion 공부를 시작해 보겠습니다!! YEAH!! 휼륭하신 오일러님의 적분법을 이번에도 사용해 보도록 할게요. 위치변화에 대하여, 가속도가 속도에 영향을 주고, 속도가 위치 좌표값에 영향을 주었듯이, 회전각 변화에 대하여, 가속도가 속도에 영향을 주고, 속도가 회전 각도값에 영향을 주는 것이겠지요~^^*? 아래 동영상강의를 클릭하셔서 3:10까지 보시면 오늘 공부 끝~^^* 각 가속도값 변화 -> 각 속도값 변화 ->…