2012-11-08 3 views
1

나는 여기에 글을 올리려고하지 않았으므로 내가 올바르게하고 있기를 바랍니다."캔들 불꽃"애니메이션을 사용하는 모바일 친화적 인 방법

몇 년 전 나는이 촛불 불꽃 플래시 기반의 애니메이션 구입 : 어쨌든 http://activeden.net/item/candle-flame-animation-v3/discussion/42205

, 즉 플래시에서 수행되는 액션 스크립트를 사용하여 그래서 난 그냥 좋은 보이지만 모바일 장치에서 작동하는 대안을 찾고 있어요 .

저는 애니메이션, gif 및 스프라이트를 사용하는 jpgs의 작은 반복 된 동영상 세그먼트를 만들려고했습니다. 그러나 위의 어느 것도 실제로 잘 작동하지 않으므로 대안을 찾고 있습니다.

HTML, css3, javascript로 수행 할 수 있습니까? 그리고 라이브러리/프레임 워크를 구축 할 수 있습니까?

Google Swiffy를 통해 파일을 한 번 변환하려고 시도했지만 실제로 최종 결과가 원본과 놀랍게 비슷하게 보였지만 성능면에서 볼 때마다 애니메이션을 보려고 할 때마다 휴대 전화에서 브라우저를 크래시 할 수있었습니다.

Google Swiffy의 코드를 쉽게 최적화 할 수 있습니까?

감사합니다.

답변

0

입자 시스템을 사용해 보셨습니까? 일부 자바 스크립트 라이브러리는 예를 들어, 거기에 있습니다

https://github.com/gamealchemist/JSparkle

데모는 '촛불'효과를 포함하지 않는하지만 열심히 달성하는 것을해서는 안됩니다.

관련 문제