小编Tor*_*ode的帖子

一维柏林噪声中无法控制的快速 p5.js 草图

在我的一生中,我无法找到一种方法让这个草图以缓慢的速度运行以清楚地看到移动的波浪图案。节奏快得令人发狂。它使用一维柏林噪声。

let gap = 10;
let start = 0;

function setup() {
  createCanvas(400, 400);
}

function draw() {
  background(20);
  noStroke();
  fill(225, 225, 0);
  translate(0, height / 2);

  for (let i = gap; i < width - gap; i += gap) {
    let n1 = noise(start);
    let noise1 = map(n1, 0, 1, 20, 150);
    rect(i, 0, 3, -noise1);
    start += 0.1;
  }
}
Run Code Online (Sandbox Code Playgroud)
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.min.js"></script>
Run Code Online (Sandbox Code Playgroud)

javascript p5.js

6
推荐指数
1
解决办法
258
查看次数

进一步最小化 p5.min.js 以进行生产

截至今天,p5.js该版本已上线1.4.2,缩小后的文件大小非常大804KB

我是一名网站开发人员,几个月以来一直在学习并越来越擅长它,并且希望在客户端网站上使用它作为动画背景来添加一些活力。我确实知道 rawp5.js是很多子库的集合,总大小约为4MBs. 如何从父p5.js文件中安全地删除不需要的库,然后将其最小化以供生产使用?

有人在 FB 上向我指出,opentype图书馆是最大的“文件”。但我不太擅长 Github,所以无法在 repo 中找到这个p5.js 文件

我几乎从不使用声音、视频、ASCII、排版功能。如果我的草图是纯 2D 的,那么 3D 库也对我没有任何作用。因此,我想在我的系统上保存 p5.min.js 文件的小版本,以便在每个项目的基础上使用。请帮助我理解这一点。我不想浪费这几个月的努力。

谢谢。

javascript p5.js

5
推荐指数
1
解决办法
803
查看次数

标签 统计

javascript ×2

p5.js ×2