Open SeyounJung01 opened 3 years ago
5주차에 배웠던 그리드 배열로 마우스 인터렉션 작업을 만들고 싶어 질문드립니다. 아래 첨부한 링크의 영상처럼 3d환경안에서 그리드를 만들고 각자 로테이션값을 가지게 하는 모션을 만들었는데, 이것을 웹으로 옮기고 싶습니다. 혹시 지금까지 배운 내용으로 아래의 기능들을 제가 구현할 수 있을까요?
1.그리드의 각 셀마다 랜덤으로 4개의 이미지가 나타나게 하기. (필요하다면 시드값도 변경할 수 있게, ASCI 필터처럼 조절하는 것도 재밌을 것 같다.) 2.마우스를 사용해 커서 주변만 돌아가게 하는 인터랙션을 만들기. 3.웹캠을 사용하여 쉐이더를 만들기(https://p5js.org/ko/examples/3d-shader-using-webcam.html)
영상의 링크입니다. https://youtu.be/_gtC67r5CNM
지금까지 배운 것으로도 가능합니다. 다만, 오늘 이따 class / object 를 마스터하면 더 쉽게 만들 수 있겠지요. 수업 후에 다시 얘기합시다~
5주차에 배웠던 그리드 배열로 마우스 인터렉션 작업을 만들고 싶어 질문드립니다. 아래 첨부한 링크의 영상처럼 3d환경안에서 그리드를 만들고 각자 로테이션값을 가지게 하는 모션을 만들었는데, 이것을 웹으로 옮기고 싶습니다. 혹시 지금까지 배운 내용으로 아래의 기능들을 제가 구현할 수 있을까요?
1.그리드의 각 셀마다 랜덤으로 4개의 이미지가 나타나게 하기. (필요하다면 시드값도 변경할 수 있게, ASCI 필터처럼 조절하는 것도 재밌을 것 같다.) 2.마우스를 사용해 커서 주변만 돌아가게 하는 인터랙션을 만들기. 3.웹캠을 사용하여 쉐이더를 만들기(https://p5js.org/ko/examples/3d-shader-using-webcam.html)
영상의 링크입니다. https://youtu.be/_gtC67r5CNM