안녕하세요 npc입니다.

구글 광고에 요즈음은 모션 기반 애니메이션 광고가 증가하고 있는 것 같습니다.

옛날에 플래시 처럼 html에 css로 키프래임(key-frame)을 삽입해서 애니메이션 할 수 있다는 사실에 신기해하며 다뤄봤던 기억이 납니다 (사실 키프래임 사용해서 무엇인가 움직여 보는 것은 그 이전부터 있었고 제가 처음 접한 시기가 기억에 2012년 정도입니다)

2007년 애플이 보안 문제로 (모바일에서) 플래시 사용을 하지 않겠다고 발표한지(여러가지 이유를 밝혔던) 벌써 10년째가 되었는데 지금까지 시장의 변화를 살펴보면, 모바일에서 PC환경으로 플래시 지원 중단이 가속화되기 시작했습니다. 

아마도 브라우저들의 업데이트 속도에 따라 CSS 3의 스펙 지원이 빠르게 확대되기 시작하고, 

Front-end 의 의존성 관리 방법론이 Back-end 만큼 정밀하고 강력하게 진화하면서 생긴 변화라고 생각이 듭니다.

그 변화가 플래시를 이용하여 광고를 하던 기존의 광고시장 환경에 영향을 끼치게 되었습니다.

위 스크린샷에 나온 광고는 인텔의 솔루션 광고인데, HTML과 Javascript로 이루어진 모션이 얼마나 우아하게 움직이는지 함께보아요!

(물론 과거에도 부드럽게 움직였습니다! 그러니 가급적 이 소식을 잘 모르셨던 분들이 감상하시면 광고시장의 기술 변화를 잘 느끼시리라 봅니다)

실제 해당 광고 링크 

: https://s0.2mdn.net/6281081/1495521094662/Retargeting_Hyperconverged_Intel_APJ_300x250_Banner_KO-KR/index.html

사용된 라이브러리 

: https://greensock.com/docs/#/HTML5/GSAP/

점심식사 맛있게 하세요. 

그럼 전 이만!