Adobe Edge Animate와의 충돌

Question

우리 회사는 모든 플래시 컨텐츠를 HTML5 애니메이션으로 대체하려고하고 있으며 Edge는 Flash 사용자가 HTML5 세계에 쉽게 적응할 수있는 좋은 방법 인 것으로 보입니다.

이것은 우리가 가지고있는 문제입니다. 플래시의 애니메이션은 Edge Animate에서 재생성되어 잘 작동하지만 같은 페이지에 배치 할 때 (머리말과 바닥 글 애니메이션이 있음). 두 작곡은 서로 밟아 머리말과 꼬리말 애니메이션에서 클리핑을 망쳐 놓습니다. 참고로, 그들은 너비와 높이가 같지 않으며, 애니메이션이 가장 문제가됩니다. 보이지 않아야하는 요소는 클리핑과 관련이 있다고 생각합니다. 내 꾸밈음에서는 두 구성이 서로 밟고 있고 다른 구성에서 일부 특성을 갖는 것으로 보입니다. 페이지에서 그 중 하나를 제거하면 다른 하나가 올바르게 작동합니다.

왜 이렇게 될지 모르지만 한 페이지에 두 개의 개별 구성을 배치하는 예제를 찾을 수없는 것 같습니다. 어떤 도움이라도 대단히 감사 할 것입니다. 또는 이런 종류의 질문에 대한 훌륭한 자료를 알고 있더라도 매우 감사하게 생각합니다.

Answer 1

DIV ID = "스테이지"를 처리 할 때 그 중 하나를 다른 것으로 변경해야하므로 걱정하지 않아도됩니다.

이제 원하는 위치에 맞게 위치를 지정해야합니다.

예, 당신이 애 div를은 다음과 같습니다 단계 & mystage

<style type="text/css"> 
#header{ 
position:relative; 
top:5px; 
width:200px; 
} 
#stage{ 
position:relative; 
top:5px; 
width:200px; 
top:5px; 
left:25px; 
} 
#MyCenter{ 
position:relative; 
top:20px; 
height:300px; 
width:400px; 
} 
#mystage{ 
position:relative; 
width:300px; 
top:30px; 
left:25px; 
} 
</style> 

<div id="header">This is my header</div> 
<div id="stage">Top Stage</div> 
<div id="MyCenter">This is my center content</div> 
<div id="mystage">Bottom Stage</div> 

이 파일을 저장하고 .html 중에서로 실행해야합니다. Ae 형식의 DIV 태그를 설정하는 방법을 보여줍니다. 오히려 간단합니다.

희망이 도움이됩니다. Wayne

Answer 2

어도비 가장자리 api (끝 부분)를 보면 한 페이지에 두 개의 애니메이션을 넣는 방법을 보여줍니다. http://www.adobe.com/devnet-docs/edgeanimate/api/old/1.6/EdgeAPI.0.1.6.html

HTML 페이지를 약간 수정해야하지만 상당히 간단해야합니다. 근본적으로, 당신은 하나의 html 페이지 참조를 가지고있다.