shape-shifter.js一款可将输入内容呈现不同粒子形状插件
shape-shifter.js虽说只是大神用Cavas做的一个实验，但是实现的粒子特效个人感觉还是挺高大上。它支持多种效果模式：包括文本，倒计时，时间和图标等
入门指南
shape-shifter是独立的库，不依赖其他任务三方库，所以使用起来也很方便，步骤如下：
1.引入脚本
<script src="shape-shifter.js"></script>
2.核心网页代码(样式和canvas标签)
<style>
canvas {
background:#56bc8a;
display:block;
width:calc(100%);
height:calc(100vh);
}
</style>
<canvas id="myShape"></canvas>
3、脚本初始化
<script>
let shapeShifter = S;
window.onload=function(){
//shapeShifter.init(document.getElementById('myShape'),'任意内容');
shapeShifter.init(document.getElementById('myShape'),'Shape|Shifter|Timer|will start|#countdown 6||');
setTimeout(() => {
shapeShifter.UI.reset()
}, 20000);
}
</script>
the end
