<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>HTML5文字粒子动画特效 - 代码库</title>
<link rel="stylesheet" href="css/dmaku.css">
</head>
<!--/************************************************************
* *
* 代码库 *
* www.dmaku.com *
* 努力创建完善、持续更新插件以及模板 *
* *
**************************************************************-->
<body>
<div id="gui">
<label>effect</label>
<select id="effect">
<option value=0>none</option>
<option value=1>blur</option>
<option value=2>blink</option>
<option value=3>earthquake</option>
</select>
<label>global pulsation</label>
<select id="globalPulsation">
<option value=0>no</option>
<option value=1>yes</option>
</select>
<label>pulsation speed</label>
<select id="pulsationSpeed">
<option value=100>0.1 s</option>
<option value=250>0.25 s</option>
<option value=500 selected>0.5 s</option>
<option value=1000>1 s</option>
<option value=1500>1.5 s</option>
</select>
<label>radius</label>
<select id="particleRadius">
<option value=2>2</option>
<option value=5 selected>5</option>
<option value=7>7</option>
<option value=10>10</option>
<option value=15>15</option>
</select>
<label>shapes</label>
<select id="shape">
<option value=0>circles</option>
<option value=1>rectangles</option>
</select>
<label>blending</label>
<select id="blending">
<option value=1 selected>yes</option>
<option value=0>no</option>
</select>
<button id="text">text</button>
<button id="link">link</button>
</div>
<canvas id="canvas" width="600" height="300"></canvas>
<script src="js/dmaku.js"></script>
</body>
</html>