我正在尝试编写一个具有两个可视化输出的 p5js 代码：一个用于查看器一个隐藏在屏幕外的，仅在模拟结束时绘制并保存为文件。只要我直接调用 p5js 函数（例如 circle() 或 rect()），屏幕外缓冲区的绘制就可以正常工作，但只要我使用对象，它就会告诉我我的对象未定义。这是最基本的代码：let canvas;let offscreen;let someobject;function set
2021-12-08
我是 Stack 的新手，不太清楚如何使用它。但我还是来了。我正在做一个生态系统项目，我有一个动物类，它有两种不同的性别（0 代表雌性，1 代表雄性）。当两种不同的性别相互交叉时，我想移除这两个对象，并在该位置添加一对（不同的对象，静态）对象。我有点做到了，但它只起作用了几秒钟。然后代码就中断了。控制台显示，“未捕获的 TypeError：无法读取未定义的属性‘intersects’”以下是处理论
2020-07-29
我正在使用 matter.js 和 p5.js 制作这款游戏，你必须使用弹弓和石头让芒果从树上掉下来。代码看起来有点像这样：SlingShot.js： constructor(bodyAInput, pointBInput) {var options = {bodyA: bodyAInput,pointB: pointBInput,stiffness: 0.2,length: 20}th
2021-03-19
我正在尝试创建一个程序，其中在画布左边缘生成的粒子在到达画布右端时会从数组中删除（使用 splice）。let P = [];let n = 10;function setup(){createCanvas(500,500);for(let i = 0; i < n; i++)P.push(new particle());}function draw(){background(0);for(let
2020-04-28
我正在尝试创建一个网络程序，使用 P5.js 和 ML5.js 中的 Posenet 绘制身体的特定部位。我已成功创建使用实时摄像头供稿的网络模型，设置中使用 createCapture(VIDEO) 如下所示function setup() {socket = io();cnv = createCanvas(windowWidth,windowHeight);capture = createCa
2021-05-25
给定一个已加载的 png 图像作为模板，我想让用户跟踪图像的元素。在 p5 中，这很容易：setup() {// Load imagevar img = loadImage('...');image(img, 0, 0);}draw() {ellipse(mouseX, mouseY, 2, 2);}但是，我希望能够仅保存省略号（不保存底层图像）。有没有办法写入Image而不是直接写入画布，这样我
2016-09-08
P5.js 有自己的循环，每秒调用draw()函数FPS次。但是，有一个函数noLoop()可以放在setup()函数中，它禁用 P5.js 自己的循环。所以我制作了自己的循环（这对我的项目来说是必要的），如下所示：customLoop = function(){while(somethingIsTrue){//custom code heredraw();}}因此，由于没有设置 FPS，我希望看
2017-03-01
我尝试在每次鼠标单击时绘制几个气泡，并且我希望画布是透明的，这样它只能显示气泡而不会覆盖网站上的其他元素。问题是气泡似乎没有移动，因为每个气泡都只是割草一点，然后再次绘制自己而不删除最后一个。如何使每个气泡在移动并在其他地方绘制后消失（变得透明）？您可以在这里看到问题：图片哦，这是代码：var springs = [];var Bubble = function(position) {this.p
2018-03-29
我为树对象创建了一个 javascript 类，当调用 .draw 方法时，程序应该生成一棵无叶树，但是目前程序不断地快速地在彼此之上绘制单个分支树。我查看了程序以尝试查找可能的错误，并寻找可能有帮助的在线资源。我正在使用 p5.js 在线编辑器进行编程和检查代码，可在此处找到：https://editor.p5js.orgvar a;function setup() {createCanvas(
2019-01-07
我试图加载图像“image.png”并将其放置在先前创建的 createGraphics() 缓冲区中。但是，当我在 draw() 中加载缓冲区时，图像却不存在。我想知道是否可以将图像加载到缓冲区中，如果可以，该如何加载？var buffer;var image;function setup() {createCanvas(800, 800);image = loadImage("image.pn
我使用 JS P5。我创建了一个创建椭圆的函数。我想让这个椭圆在整个画布上循环，每个椭圆之间留有一定距离。我没有使用普通椭圆，因为我想稍后在每个椭圆上放置另一个函数。所以我的问题是如何在我创建的对象上使用 for 循环和嵌套循环。这是我的代码，我在这里有一个随机的方法，但我想要的是精确的距离，就像整个页面上的网格一样。像这样示例let shapes = [];function setup() {c
2020-10-20
因此，我尝试在 p5.js 中制作画布和精灵的精确小比例版本，并将其放入一个框中。是否有函数或方法可以做到这一点？精灵的背景、颜色和图像应该相同。
2021-04-30
我无法找到参考资料或弄清楚这一点，但我很好奇是否有办法获取 p5.js 中绘制画布的当前状态并将其保存到图形对象中。基本上，我在setup函数中做了很多预绘制，并希望对其进行快照以用作draw函数中的背景。我意识到我可能会通过添加额外的图形对象为我的setup绘图增加一层额外的复杂性，但是将当前状态放入新对象/图像会容易得多（我有一个相当复杂的图形对象链，它们被放到主画布上）。
2021-12-05
我正在 p5.js 上制作一个基本的绘图应用程序。我已将背景放置在绘制函数下，因为我已插入滑块来更改背景的 rgb。但是，一旦我这样做，我就无法绘制。我有一个 mousePressed 函数，当我将背景移动到 setup() 时，该函数会起作用。有人知道这可能是为什么吗？let brushSize;let white;let redB;let yellowB;let blueB;let black
2022-01-07
我尝试通过 index html 文件运行 p5.js 脚本，但它只创建了画布，并没有运行 draw 函数。以下是 index.html 文件中的 html：<html><head><script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script><script src="https://cdn
2022-12-24