-
카테고리
-
세부 분야
웹 개발
-
해결 여부
미해결
애니메이션 스프라이트 이미지 질문입니다!
22.02.09 11:27 작성 조회수 130
0
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.인터랙티브 웹 개발 제대로 시작하기에서 CSS변환과 애니메이션 -> animation3 강의에 스프라이트 이미지가 한줄이 아닌 두줄로 되어있으면 어떻게 해야하나요? 반복해야하는 background-position 위치를 어떻게 잡아야할지 감이 잘 안잡힙니다..
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.인터랙티브 웹 개발 제대로 시작하기에서 CSS변환과 애니메이션 -> animation3 강의에 스프라이트 이미지가 한줄이 아닌 두줄로 되어있으면 어떻게 해야하나요? 반복해야하는 background-position 위치를 어떻게 잡아야할지 감이 잘 안잡힙니다..
답변을 작성해보세요.
0
1분코딩
지식공유자2022.02.21
가로 세로를 같이 동작시키려면, CSS animation 대신 자바스크립트를 이용해서 위치 이동을 시켜주셔야 합니다. 실제로 예전에 CSS animation이 없던 시절에는 그렇게 사용을 했었답니다. 다만 그 경우에도 가로 세로를 굳이 같이 사용하면 스크립트가 복잡해지기 때문에, 특별한 이유가 있지 않은 이상은 한 방향으로만 하는게 좋다고 생각됩니다.
CSS를 사용할 수 없는 canvas에서 스프라이트 이미지를 이용해 애니메이션을 만드는 경우, 스크립트로 위치 이동을 시켜준답니다.
답변 1