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