p5实现希尔马·阿夫克林特作品展示效果代码

代码语言:html

所属分类:动画

代码描述:p5实现希尔马·阿夫克林特作品展示效果代码

代码标签: 希尔马·阿夫克林特 p5 作品 展示

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">




    <style>
        body {
          margin: 0;
          background: white;
        }
        
        main {
          width: 100vw;
          height: 100vh;
          display: flex;
        }
        
        canvas {
          margin: auto;
        }
    </style>



</head>

<body>

    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/p5.js"></script>
    <script>
        let brown = '#d16242';
        let blue = '#77a2c7';
        let white = '#e6e1d7';
        let black = '#373737';
        let yellow = '#eccd7d';
        let rose = '#eba28d';
        
        let angle1 = 90;
        let angle2 = 90;
        let angle3 = 90;
        
        function setup() {
          createCanvas(
          min(500, windowWidth),
          min(500, windowWidth));
        
          angleMode(DEGREES);
          noStroke();
        
        }
        
        function draw() {
          background(brown);
        
          fill(white);
          arc(
      .........完整代码请登录后点击上方下载按钮下载查看

网友评论0