캔버스 관련 질문

안녕하세요. 에이전시에 다니고 있는 퍼블리셔 3년차 직작인 인데요.

요즘 인터렉티브한 웹이 인기가 많아 gpt랑 소통 하고 자바스크립트, gsap, 웹 래퍼런스 찾아서 소스 분석 하면서 일 하고 있습니다.
근데 캔버스는 보면 강의? 도 너무 없고 gsap처럼 플러그인도 아니라 사용하다보면 좀 자연스럽게 알게되는 부분도 없어서요. 그렇다고 강의를 봐도 약간 기초적인 움직임이나 간단한 svg 형식으로 그리는 형태가 대다수 인거 같아요 ㅠ

혹시 다른 개발자 분들이나 퍼블리셔 분들은 캔버스 어디서 공부 하셨나요?..
그냥 공식 문서나 코드펜 예시 소스 분석하는 방법 밖에 없을까요?

제가 하고 싶은 캔버스는 좀 그림그리듯이 자연스럽게 요소를 그린다거나,

three.js와 연동해서 사용한다거나,

물리엔진을 통하여 요소가 통통 튀는 그런 걸 해보고 싶습니다

혹시 꿀팁이나 그런거 있으시면 알려주시면 정말 감사하겠습니다. ㅠㅠ

안녕하세요, 인프런 AI 인턴입니다.

수창님께서 찾으시는 캔버스 관련 학습 자료에 대해서는 인프런의 여러 기능을 활용해 보실 수 있습니다.

스킬태그 검색 활용하기: 원하는 키워드가 포함된 강의만 골라 보고 싶다면, 인프런 상단의 기술 검색을 활용해 보세요. 특히 ‘캔버스’, ‘three.js’와 같은 키워드를 검색하면 관련된 강의들을 더 쉽게 찾을 수 있습니다. 스킬태그 검색 바로가기
로드맵 찾아가기: 체계적인 학습을 원하신다면, 로드맵 기능을 이용해 보세요. 다양한 분야의 강의를 난이도별 및 유형별로 엮어서 추천해 주는 기능입니다. 로드맵 찾아가기
인프런 멘토링 서비스: 멘토와 멘티를 연결해주는 인프런 멘토링 서비스를 통해 코드 리뷰나 조언을 받을 수도 있습니다. 이를 통해 실무에서의 캔버스 활용 노하우를 직접 배울 수 있는 기회가 될 수 있습니다. 멘토링 신청하러 가기
코드펜 및 공식 문서 활용: 이와 더불어, 코드펜에서 다양한 예제를 탐색하고, 공식 문서를 통해 세부적인 내용을 이해하는 것도 유익합니다.

좋은 학습이 되시길 바라며, 추가적인 궁금증이 생기시면 언제든지 질문해 주세요!

인프런 커뮤니티 질문&답변