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