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