p5实现方块粒子悬浮动画效果
代码语言:html
所属分类:粒子
代码描述:p5实现方块粒子悬浮动画效果
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> body, html{ background:#262626; color:#C2C2C2; } *{ padding:0; margin:0; } .colors{ position:absolute; right:20px; bottom:20px; padding:10px; cursor:pointer; } </style> </head> <body translate="no"> <div id="Canvas"></div> <div class="colors"> <div class="color" id="rm" onclick="rmClick()">Moins r</div> <div class="color" id="rp" onclick="rpClick()">Plus r</div> <div class="color" id="vm" onclick="vmClick()">Moins v</div> <div class="color" id="vp" onclick="vpClick()">Plus v</div> <div class="color" id="bm" onclick="bmClick()">Moins b</div> <div class="color" id="bp" onclick="bpClick()">Plus b</div> </div> <script type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/p5.js"></script> <script> var pix=[]; var inc=0.05; var scl=.........完整代码请登录后点击上方下载按钮下载查看
网友评论0