HTML5 캔버스를 기반으로 한 사실적인 불꽃놀이 특수 효과 플러그인

간단한 튜토리얼

jquery-fireworks는 HTML5 Canvas를 기반으로 하는 사실적인 불꽃놀이 특수 효과를 위한 jQuery 플러그인입니다. 플러그인은 사용하기 쉽고 자유롭게 구성할 수 있습니다. div 컨테이너에서 사실적인 불꽃놀이 효과를 생성할 수 있습니다.

사용 방법

페이지에 jquery 및 jquery.fireworks.js 파일을 도입합니다.

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.fireworks.js"></script>

HTML 구조

dc6dce4a544fdca2df29d5ac0ea9906b 요소를 불꽃놀이의 컨테이너로 사용하세요.

<div class="demo"></div>

초기화 플러그인

페이지 DOM 요소가 로드된 후 Fireworks() 메서드를 통해 불꽃놀이 특수 효과 플러그인을 초기화할 수 있습니다

$('.demo').fireworks({ 
  sound: true, // 声音效果
  opacity: 0.9, 
  width: '100%', 
  height: '100%'
});

github HTML5 캔버스 불꽃놀이 특수효과 플러그인 주소는 https://github.com/mgrigajtis/jquery-fireworks

위는 HTML5 기반의 실감나는 불꽃놀이 특수효과 플러그인의 내용입니다 캔버스에 관련된 더 많은 내용을 보려면 PHP 중국어 웹사이트(www.php.cn)를 주목하세요!