picxenk / SIA2019NoC

서울예대 디지털아트과 전공실습 : Nature of Code
1 stars 0 forks source link

코치님 질문있습니다. #18

Open JO-HEEJIN opened 5 years ago

JO-HEEJIN commented 5 years ago

그 프로세싱에서 프레임을 png으로 뽑아서 무비메이커 이용해서 영상 만드는 건 코딩트레인에서 봐서 알겠는데 p5는 그걸 지원 안 한다고 하더라고여 그러면 p5에서 만든 걸 영상으로 뽑거나 뭐 사이폰으로 보내거나 그런건 안 되나요??

그리고 만약에 약간 저희 했던 거 중에 마우스 선 따라서 백그라운드 농도 낮춰서 펜자국 남기게 하는 거 말고 정말 그림 그리듯이 해서 물감 질감이나 그림자 지는 거 까지 표현하려면 뭐라고 구글에 쳐야 하나요? 이미지로 불러오는 거 밖에 안 도나요? 텍스쳐라서 이건 또 오픈지엘로 넘어가나요?

그리고 그 톰요크 사이트 알려주세여!! 또 저번에 이미지 두 개 올리면 한 쪽 이미지 비슷하게 바꿔주는 사이트도여!!

picxenk commented 5 years ago

우선 실시간 변화하는 결과물을 영상으로 뽑는게 아니라면 saveFrame()으로 각 이미지 만들어서 영상 만들면 될거 같고, 실시간으로 바뀌는걸 영상으로 만들어 다른 앱으로 연결시키는 것은, 이건 외부 서드파티 캡쳐 앱 등을 이용해야 하지 않을라나.

두번째 질문에 대한 답은 실은 하나가 아닐거 같은데, 너가 어떤 질감으로 물감을 표현하냐에 따라 실은 수 많은 알고리즘이 있을거 같구나. 예를 하나 들면 https://www.infoworld.com/article/3332931/javascript-tutorial-create-a-watercolor-edge-with-p5js.html 이런거 라든지 (가입을 한번 해보길, 아마도 너가 원하는 예 중에 하나일거 같다)

라디오 헤드 사이트는 https://radiohead.bandcamp.com/?fbclid=IwAR3PjCDhmojGsL6kVyFV2bTSMTF0SbE1Gm7_IWa9HiT93PSpJ2wszoFhp3Q

마지막은 https://ml5js.org 예제였지 :)

그럼 참고하렴

picxenk commented 5 years ago

https://peterbeshai.com/blog/2018-10-28-p5js-ccapture/ 영상 만드는 방법 중에는 이런 예도 있고