Creative Coding 독학
-
Creative Coding 독학 제218일 2024년10월31일(목)
오늘은 시월의 마지막 날이예요~~^^* 왠지 운치있는 날이 될 것 같은데요~~^^* 오늘은 잠시 짬을 내어 낙엽을 꼭 밟아 보고 싶어지는 아침입니다~~^^* 나무들의 나뭇가지 모습도 좀더 애정을 가지고 바라보고 싶어지는 아침입니다~~^^* 오늘은 우리 마우스를 클릭할 때마다 양갈래로 나뭇가지가 새롭게 뻗어 나가도록 만들어 볼까 해요~~^^* 네~~^^* 그런 것 같아요~~^^* 함수 mousePressed( )를 준비해야 할 때인 것 같아요~~^^* 요렇게…
-
Creative Coding 독학 제217일 2024년10월30일(수)
오늘은~~^^* Object Oriented 객체지향 Fractal 프랙탈 나무가 오른쪽 왼쪽 양갈래 나뭇가지로 뻗어나가도록 만들어 보겠습니다~^^* 나뭇가지를 만드는 함수 branch를 오른쪽 나뭇가지 만드는 경우와 왼쪽 나뭇가지 만드는 경우로 나누어 두 개의 함수로 만들어 볼게요~^^* 메인함수에서 branchR과 branchL을 호출하면 될 것 같아요! 자 그럼 우리 전체 코드를 함께 살펴 볼까요~~^^* 두 팔을 넓게 주욱 뻗고 아침 기지개를 켜는…
-
Creative Coding 독학 제216일 2024년10월29일(화)
오늘은 Object Oriented 객체지향 Fractal 프랙탈 나무 코딩 공부 하는 날~~^^* YEAH~~^^* 나무 기둥을 세우는 것은 우리가 해내었는데요~~^^* 오늘은 나뭇가지를 만드는 것을 해보도록 할게요~~^^* 나뭇가지들을 저장할 배열 tree[ ]가 필요할 것 같구요~~^^* 나무 기둥도 나뭇가지로 표현할 수 있을 것 같아요~~^^* 나뭇가지 모음 배열 tree[]의 맨 첫번째 구성요소인 나무 기둥을 다시 한 번 살펴 볼까요~^^* 자,…
-
Creative Coding 독학 제215일 2024년10월28일(월)
오늘은 우리 함께 음악 듣는 날~~^^* 겨울이 먼저 온 빙판 위 미끄러지는 뜨겁고 붉은 꿈을 꾸면서~^^* 촉촉하고 얇은 낙엽을 도톰히 이불 덮고 잠을 푹 잔 뒤~~^^* 이유 모를 끌림을 용감하게 따라가서~^^* 하늘을 향해 비상하는 멋진 고니가 되는 그날까지~~^^* 따듯한 홍차 한 잔과 함께 아침 7시에 하루를 시작해요~^^* 생명체를 몸에 걸치고~^^* 생명체의 몸이 되어~^^* 때로는 새로운…
-
Creative Coding 독학 제214일 2024년10월27일(일)
오늘은 새로운 도전을 시작해 보겠습니다~~^^* YEAH~~^^* 나뭇가지를 하나의 독립된 Object 객체로 처리해 보겠습니다~~^^* 이것은 바로!!! 바로!!! 네!!! 그렇습니다!!! Object Oriented 객체지향 Programming 프로그래밍!!! 와우!!! 어제 만들었던 코드를 살짝 바꾸어서, 나뭇가지를 객체로 만들어 보겠습니다~^^* 이번 프로그래밍 과정은 살짝 그 길이 복잡해요~~^^* 그래서~~^^* 한 발짝씩 천천히 나아가 볼게요~~^^* 오늘은~~^^* Object Oriented 객체지향 Programming 프로그래밍을 이해해 보는 그…
-
Creative Coding 독학 제213일 2024년10월26일(토)
오늘은 나뭇가지가 뻗어나가는 방향을 자유롭게 조절해 보고~~^^* 또~~^^* 나뭇가지가 양쪽으로 뻗어나가는~~^^* 좀더 일반적인 나무를 그려보도록 하겠습니다~~^^* 먼저~~^^* 나뭇가지가 뻗어나가는 방향을 조절해 보도록 할게요~~^^* p5.js에서 제공하는 slider 기능을 사용해 보려고 합니다~~^^* 핵심 작업 지시문들을 준비해 볼게요~^^* 그럼 우리 전체 코드를 살펴 볼까요~~^^* 슬라이더를 움직여서 나뭇가지의 꺽임 정도를 조절해 보셔요~~^^* 아이 재밌다~~^^* 이번에는 나뭇가지가 오른쪽으로 왼쪽으로 번갈아…
-
Creative Coding 독학 제212일 2024년10월25일(금)
오늘은 나무 심는 날이예요~~^^* 프랙탈 나무가 씩씩하게 자라나는 시월은 푸르구나~~^^*예요~~^^* 나무는 하늘을 향해 자라는 데요~~^^* 그래서, p5.js 캔버스 화면의 위치좌표체계로 보면, y 좌표가 줄어드는 것이 될 거 같아요~^^* 컴퓨터 그래픽의 화면 좌표쳬계에서는, 위로 갈수록 y좌표값이 줄어드니까요~^^* 그러면 우리 하늘로 올곧게 올라가는 나무 기둥을 그려 볼까요~~^^* 캔버스 화면 가운데 맨아래 (200, height)에서 위로 100만큼 올곧게 올라갈게요~~^^*…
-
Creative Coding 독학 제211일 2024년10월24일(목)
오늘은~^^* 자신과 유사하지만 자신과 살짝 다른 자신을 호출하는 recursion 재귀함수를 만들어 보겠습니다~^^* 무한반복 함수인 draw()를 반복하지 않고, recursion 재귀 함수의 반복기능만을 사용하여 자신과 유사하지만 자신과 살짝 다른 자신을 호출하는 것의 효과만에 집중하여 살펴보도록 하겠습니다~^^* 임의적인 값의 지름을 가진 원을 그리는 recursion 재귀 함수를 사용해 보겠습니다~^^* 프로그램의 실행과 종료를 반복해 보면서, 비슷한 구성을 가지고 있지만 전체적…
-
Creative Coding 독학 제210일 2024년10월23일(수)
네~~^^* 어제 우리는 종료 조건을 명시하는 것의 중요성을 공부했어요~^^* 종료 조건이 만족되어, 드디어 자신을 호출하는 작업이 종료가 되면~~^^* 비로소 제일 마지막에 호출되었던 자신은 자신을 호출한 자신에게 자신의 작업의 결과물을 return해요~ 그러면 값을 return 받은 자신은 그 값을 가지고 작업을 하고 그 결과를 자신을 호출한 자신에게 return을 해요~~^^* recursion의 과정을 화살표를 사용해서 정리해 보면~~^^* (1) 종료…
-
Creative Coding 독학 제209일 2024년10월22일(화)
오늘은 Fractal 프랙탈을 표현하는 프로그램 코딩의 핵심! Recursion 재귀함수와 친해지는 시간을 가지려고 합니다~~^^* Recursion 재귀함수는 자기 자신을 호출하여 return된 값을 가지고 어떤 일을 하는 함수라고 합니다~~^^* 그런데….!!! 자기 자신을 호출하면, 호출된 자신이 또다른 자신을 호출하고, 호출된 또다른 자신이 또또다른 자신을 호출하고, 호출된 또또다른 자신이 또또또다른 자신을 호출하고….무한대로 자기자신을 호출하다 보니, 정작 return을 하지 못하게 될…