베트맨 로고의 변천사를 확인하는 타임라인 선택기를 만들었습니다.
[Demo] https://ai.jvisualschool.com/batman/
웹에서 Batman 의 시대별 변화를 담은 SVG 벡터 파일을 구했습니다.
문득 연도를 선택하면 해당 연도에 개봉한 영화의
제목과 로고를 볼 수 있으면 좋겠다라는 생각이 드네요.
방법은 간단했습니다.
SVG 파일의 프레임을 분리해서
각각의 SVG 파일을 만들고
연도를 클릭하면 해당 SVG 파일로 점프!
SVG 는 진짜 진짜 매력적인 포맷입니다.
엄청나게 작은 크기, 벡터 포맷,
XML, 웹기반 애니메이션 가능 등!
Demo 링크와 개발 히스토리는 댓글에 공유 합니다.
[원본 SVG 파일]
http://tavmjong.free.fr/blog/?p=1262
[개발 히스토리]
https://ai.jvisualschool.com/batman/history.html