Silverback9

#야생으로

Creative Coding 독학

  • Creative Coding 독학 제078일 2024년06월13일(목) 보충

    와우!!! 고슴도치 햇살이 따끔따끔한 오후이네요!!! 와우!!! 음…오늘은, 사인 곡선이 잘 만들어지는 지까지만 확인해 보는 것이 좋을 것 같아요~^^* p5.js 캔버스의 특성 때문에 사인 곡선이 상하반전 된 듯 보일 것이라서, 사인 곡선의 모습에 천천히 익숙해 지는 시간을 가지도록 할게요~^^* 사인 곡선 처음 만들어 보는 시간이니까~~~^^* 아래 동영상 강의를 처음부터 한 번 더!!! 복습하면서 7:30까지 보시면 오늘…

  • Creative Coding 독학 제078일 2024년06월13일(목)

    네!!! 어제의 아리송함이 말끔하게 가신, 시원하고 맑고 밝은 아침입니다!!! 자 그럼 노트 보여 드릴게요~~~^^* 하나. (1) phase = 0 파이, (2) period = 400 픽셀, (3) amplitude = 80 픽셀 x = 300 픽셀일 때 y는? 두구두구두구~~~~^^* 넵! y = -80 픽셀입니다!!! 와~~~!!!! 둘. (1) phase = 1 파이, (2) period = 400 픽셀, (3)…

  • Creative Coding 독학 제077일 2024년06월12일(수)

    오늘은 사인곡선 클래스 정의를 공부해 보도록 하겠습니다. 앞으로 여러 개의 다양한 모양의 사인 곡선을 서로 더하여 하나의 곡선으로 만드는 프로그램을 만들기 위한, 재료 손질 단계라고 할까요? 사인 곡선의 구성 요소는 세 가지가 있습니다~^^* 하나. Amplitude : y= 0에서 y = 최대값 사이의 거리라고 볼 수 있어요. pixel 단위입니다. 둘. Phase : 사인 곡선의 맨 앞부분이…

  • Creative Coding 독학 제076일 2024년06월11일(화)

    오늘은 다양한 사인함수를 더하는 프로그램 공부를 준비하기로 해요~^^* 아래 동영상 강의를 클릭하셔서 4:50까지 보시면 오늘 공부 끝~~^^* 이번 프로그램은 다양한 형태의 사인 곡선들을 더하여 새로운 곡선을 만드는 것입니다. 그래서, 여러 개의 사인 곡선을 먼저 만들어야 해서, 사인 곡선을 Class로 정의해서 사용하고자 합니다. 그러다 보니, 사인 함수과 사인 곡선에 대한 이해를 좀더 준비해야 할 필요가 있을…

  • Creative Coding 독학 제075일 2024년06월10일(월)

    오늘은 월요일~~~~ 함께 음악 듣는 날~~~~ YEAH~~~~!!! 초록 잎사귀들이 지저귀는 소리에 귀를 기울이게 되는 아침입니다~~^^* 다양한 소리 색깔과 소리 높이를 가지고 있지만~^^* 함께 모여 재능을 가꾸어 기쁨의 소리를 나누는 멋진 천사가 되어요~^^* 함께 배우며 성장하고 세상과 함께 나눈다는 것은 정말 멋진 일인 것 같아요!!! 우리도 내일부터 또 코딩 공부 함께 하는 거예요~^^* See you again~~^^*…

  • Creative Coding 독학 제074일 2024년06월09일(일)

    오늘은 사인곡선을 직접 만들어 보겠습니다! 심지어 그 곡선을 움직여 보겠습니다! 와!!!! 회전각 크기가 0에서 2파이까지 순차적으로 점점 증가하게되면 완전한 형태의 사인곡선이 만들어지겠네요? 그럼, 우리~, 동그라미의 회전각 크기를 담는 배열에 [0 ~ 2파이] 범위의 회전각 크기를 순차적으로 담아 볼까요~^^* 범위 값을 정하여 저장할 때는……. 그렇죠!!!! 함수 map()을 오늘 또 만나네요!!! 아래 동영상 강의를 클릭하시면 오늘 공부…

  • Creative Coding 독학 제073일 2024년06월08일(토)

    오늘은 좀더 발랄한 동그라미 군단을 표현해 보겠습니다~~^^* 흠…좀더 발랄한 군단이라니…그~~게 뭘~~까요~~? 궁~~금하~~시죠~~^^* 아래 동영상 강의를 클릭하시면 오늘 공부내용 바로 시작(3:18)할 수 있어요~~^^* 4:18까지 보시면 오늘 공부 끝~~^^* 네~~, 동그라미들이 각각 다른 속도로 움직인다면 좀더 발랄하게 보이겠네요!! 그래서!!! 동그라미들의 각각의 속도를 저장하는 배열을 만들어 사용해 보겠습니다!! 먼저~~, 각 동그라미들이 자신의 좌우에 있는 동그라미들의 속도와 전혀 관계가…

  • Creative Coding 독학 제072일 2024년06월07일(금)

    오늘은 동그라미들이 옆으로 나란히 서서 각자 상하운동을 반복하는 것을 표현해 보려고 합니다~~~^^* 아래의 동영상 강의를 클릭하셔서 3:10까지 보시면 오늘 공부 끝~~^^* 어제 만들어 본 대관람차의 옆모습 기억하시나요? 그리고 그 앞모습도요? 대관람차의 옆모습은 회전운동을 보여주고 대관람차의 앞모습은 상하운동을 보여 주었지요? 그런데요… 앞으로는 대관람차의 옆모습 같은 완전한 원의 형태의 회전운동을 표현할 공부는 더이상 없을 것 같아요. 그래서,…

  • Creative Coding 독학 제071일 2024년06월06일(목)

    오늘은 대관람차의 회전 모습을 옆에서 그리고 앞에서 보는 것을 프로그램으로 표현해 보겠습니다. 이틀 전 보았던 사인함수 복습 동영상에 대관람차의 모습이 나왔었지요? 네~~ 그것을 프로그램으로 표현해 보겠습니다~~~^^* 아래의 동영상 강의를 클릭하시면 오늘 공부 내용을 바로 시작(10:00)하실 수 있어요~^^* 하나. 대관람차의 옆모습은 회전각 운동을 그대로 표현하면 될 것 같은데요~~ 음…그러면, 수평좌표와 수직좌표를 (x, y) 한 쌍으로 묶어서…

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

    오늘은 Java에서 각의 크기가 클수록 사인함수의 계산처리 과정이 길어지는 이유를 공부해 보겠습니다~^^* 본격적인 공부에 앞서, 아페타이져로~^^* 사인곡선에 대해 복습 한 번 하고 시작할게요~^^* Sine이라는 말이 생겨나게 된 과정도 설명이 되어 있는 동영상 한 번 같이 볼까요~~^^* Sine 의 어원을 정리해 보았습니다~^^* 다른 언어는 사인 함수의 경우 (1) 각크기에 따라 유사치 값을 정리한 테이블을 미리 작성하여…