Adobe Edge CC 2014의 자동슬라이드 Play, Stop 방법.

 

 

 

▶ 크게 보기

 

디지털매거진 이츠비 8월호에 들어간 전체화면 사이즈의 edge 슬라이드.

 

 

에지를 사용하면 솔루션에 내장된 슬라이드 기능보다 좀 더 다양하고 의도된 연출이 가능하다.
무엇보다 덩치 큰 슬라이드를 돌릴 때 안드로이드에서 메모리 문제로 인한 앱 종료 현상에서 자유로워질 수 있다.

 

솔루션의 슬라이드 박스는 앱의 자체 캐퍼를 적용받지만
에지를 불러온 웹박스는 HTML5를 불러오는 역할만 수행하고
실제 동작은 OS로 넘겨서 웹브라우저의 캐퍼를 따라간다.

 

 

 

슬라이드가 진행될 때 멈추어 놓고 자세히 보아야 할, 읽어야 할 경우도 있을 것이다.
아무 곳이나 터치 또는 클릭하면 멈춘다.

 

슬라이드 내에 별도의 제어버튼을 만들어 플레이, 스탑 또는

섬네일을 이용해 특정 슬라이드로 점프하는 뭐 그런 것들도 만들 수 있겠지만
여기서는 단순히 아무 곳이나 클릭(데스크탑) 또는 터치(모바일)하면 플레이, 스탑되는 것을 구현하였다.

 

 

 

방법은 아주 간단하다.

Stage액션에서 액션 한 줄 삽입하면 그만이다.

 

데스크탑을 위해 mousedown - stop, mouseup - play
모바일을 위해 touchstart - stop, touchend - play 를 추가 후 저장하면 된다.