2012-12-02 5 views
2

웹 개발의 백본 측면에서 볼 때 우리는 작업 관리 웹 응용 프로그램에 시각 효과 및 음향 효과를 추가하기위한 요구 사항에 대한 솔루션을 찾으려고합니다. 처음에는 게임에서 보는 것처럼 폭발하는 별 효과를 만드는 방법을 찾고 있습니다.캔버스 : 게임 목적의 폭발적인 별 효과 게임 만들기

HTML5 캔버스로이 작업을 수행 할 수 있습니까? 플래시를 사용해야합니까? 아이디어를 시작하는 방법은 무엇입니까?

답변

5

지금까지 Flash가 시각적으로 할 수있는 모든 기능은 최신 브라우저의 HTML5 캔버스에서 수행 할 수 있습니다.

'스타 버스트'시각 효과의 경우 캔버스가 업데이트 될 때마다 임의의 미리 설정된 방향으로 멀리 이동하는 임의의 개체 배열을 생성하는 것처럼 들립니다.

예 : http://jsfiddle.net/amDAW/이 오히려 Audio 태그 또는 신종 WebAudio API를 캔버스에 처리하는 것이 아니라, 소리에 관해서는

(스타 버스트를 만들 캔버스 클릭). 이전 (더 많은 브라우저 지원)을 사용하는 경우 가장 큰 관심사는 리소스 사전로드로 인한 것이지만이를 추상화 할 수있는 도우미 라이브러리 (부끄러운 광고 : https://github.com/jsweeneydev/ResourceLoader)가 있습니다.

+1

'click' 이벤트를 mousemove로 변경하십시오. 그것은 굉장! http://jsfiddle.net/amDAW/1/ –

+0

매우 멋지다! ;-) – Guy

+0

@ JeffreySweeney 오, 와우, 고마워, 그게 내가 찾고 있던 효과 야. – Ibu