채린씨의 티스토리

오늘은 본업(이라고 쓰고 공부라고 읽는다..) 때문에 마음이 많이 조급하니 간략하게만 쓰겠어요.. (근데 나 이 글 쓰면서도 인스타그램 링크 HTML로 넣었는데 이게 바로 공부 아니겠어요? ㅎㅎ.. ) 정효님의 인스타그램에 새로운 워크샵이 올라온 걸 보고, 또 냅다 등록해버렸다! Instagram에서 이 게시물 보기 정효 Jeonghyo | turtlefingers(@doodlefingers)님의 공유 게시물 지난 시간에는 particle을 다뤄보는 작업이었다면, 오늘은 동영상을 다루는 작업이었다. 두 영상에 다양한 옵션을 줘 가며 합쳐보고, 영상에 왜곡을 줘보고... 뭉게뭉게 파티클보다는 조금 더 간단한 과정이라는 생각이 들었는데, TouchDesigner를 다뤄보는 게 두 번째라 그렇게 느꼈을 ..

얼마 전 인스타그램에 크리에이티브 코딩에 대해 검색해보다가 혹하는 워크샵을 발견했다. Creative coder 정효님의 'TD 초심자를 위한 워크샵 - 뭉게뭉게 파티클!' Instagram에서 이 게시물 보기 정효 Jeonghyo | turtlefingers(@doodlefingers)님의 공유 게시물 Touch Designer는 며칠 전, 첫 크리에이티브 코딩을 어떤 툴로 시작하면 좋을까 고민하던 때 알게 된 툴 중 하나였다. 그때 알아본 클래스 101 수업: https://class101.net/products/AtM8CJLXULeFDizvkgZ7?utm_campaign=share_feature&utm_content=share_feature&utm_medium=referral&utm_sourc..

오늘 강의에서는 간단하게 원을 그려보았다. 시작하기 전에, 우측 탭의 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라는데.. 검색해보니 크리에..

Creative coding을 구글링 해보면.. 위키백과에 이렇게 나온다. Creative coding is a type of computer programming in which the goal is to create something expressive instead of something functional. It is used to create live visuals and for VJing, as well as creating visual art and design, entertainment, art installations, projections and projection mapping, sound art, advertising, product prototypes, and much more. ..