테스트 사이트 - 개발 중인 베타 버전입니다

모션기반 광고가 늘고 있다는 느낌입니다. 시장의 변화!

안녕하세요 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/

 

 

 

점심식사 맛있게 하세요. 

 

그럼 전 이만!

 

 

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 13개

좋은 정보 감사합니다
@말대가리
감사합니다 : )
좋아요 누르려고 로그인!
@지운아빠
오! 모바일에서 로그인하셨네요!
모바일에서도 저 애니메이션이 잘보이나요!?
@엔피씨✨ 네 잘 보입니다. :)
멋지네요~ 좋아요! =b
@림미노닷컴
감사합니다 !! : )
멋집니다!! 좋아요합니당!!ㅋ
@비코즈
고맙습니다!
기술 적인 글이 아닌데도 관심을 받고 있어서 기분이 좋습니다 : )
정말 감사합니다. ^^
정보감사해요
플래시로 만들었다고 해도 믿겠네요. 잘보았습니다.
오호

게시판 목록

자유게시판

글쓰기

첫글

1개월 전
🐛 버그신고