p5实现二维码点击变幻动画效果代码
代码语言:html
所属分类:粒子
代码描述:p5实现二维码点击变幻动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<style>
body {
text-align: center;
background: #000;
}
h1 {
font-size: 0.7em;
}
a {
color: #fff;
font-size: 0.7em;
}
.tag {
margin: 2em 0;
color: hotpink;
}
canvas {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 90vmin;
max-height: 90vmin;
}
</style>
</head>
<body >
<div class="tag">
</div>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/p5.js"></script>
<script >
console.clear();
let qr = [
[
true,
true,
true,
true,
true,
true,
true,
false,
false,
true,
false,
true,
true,
false,
true,
true,
false,
false,
true,
true,
false,
false,
true,
true,
true,
true,
true,
true,
true
],
[
true,
false,
false,
false,
false,
false,
true,
false,
false,
false,
true,
true,
true,
false,
false,
true,
true,
true,
true,
false,
true,
false,
true,
false,
false,
false,
false,
false,
true
],
[
true,
false,
true,
true,
true,
false,
true,
false,
false,
true,
false,
true,
true,
false,
true,
false,
false,
true,
true,
true,
true,
false,
true,
false,
true,
true,
true,
false,
true
],
[
true,
false,
true,
true,
true,
false,
true,
false,
false,
true,
true,
false,
false,
true,
false,
false,
false,
false,
true,
false,
false,
false,
true,
false,
true,
true,
true,
false,
true
],
[
true,
false,
true,
true,
true,
false,
true,
false,
false,
true,
true,
true,
true,
false,
true,
false,
true,
false,
true,
false,
false,
false,
true,
false,
true,
true,
true,
false,
true
],
[
true,
false,
false,
false,
false,
false,
true,
false,
true,
true,
false,
true,
true,
false,
fal.........完整代码请登录后点击上方下载按钮下载查看
网友评论0