채린씨의 티스토리

오늘 강의에서는 간단하게 원을 그려보았다. 시작하기 전에, 우측 탭의 LIBRARIES에서 SimpleJS를 추가했다. 먼저, 원하는 위치에 원하는 크기의 원 그리기! // 기본 설정을 하는 곳(캔버스 사이즈, 배경 색상 등) function setup() { simple(); } // 실제로 그림을 그리는 곳 function draw() { // (400, 300) 위치에 크기 300의 원 그리기 circle(400, 300, 300); } * circle(x, y, size) (x, y)에 'size'크기의 원 그리기 크기를 30으로 줄여보았다. // 기본 설정을 하는 곳(캔버스 사이즈, 배경 색상 등) function setup() { simple(); } // 실제로 그림을 그리는 곳 funct..

국내에는 Creative coding 관련 강좌는 물론 유튜브 튜토리얼도 찾아보기 힘들기 때문에.. 해외 유튜버를 찾아보았다. Algorithmic Art의 'Creative coding for complete beginner'를 따라 해 보기로 했다. https://youtu.be/VpIFZ0xcJWM 목소리가 정말 좋으시다. ASMR 같기두 하구.. 명상음악 같기두 하구.. 또, 굉장히 우쭈쭈 해주신다. 아이들 대상으로 강의하듯이.. 이런 기분 오랜만이야. 어쨌든 첫 강의에서는 간단하게 OpenProcessing 계정을 만들고, 스케치를 하나 생성해보았다. 스케치에는 기본 코드가 작성되어 있는데, 마우스가 움직이는 대로 하얀 점이 찍어지는 코드이다. 사용되는 언어는 P5js라는데.. 검색해보니 크리에..