如何在p5.js的box()的每一面保留不同的图片？
作为P5.js的初学者，我正在尝试制作一个交互式骰子，现在唯一的问题是在立方体的每一面都保持不同的面孔。 以下是我的代码： let sizeOfCube = 400, img; function preload() { img = loadImage("olo/fgfg.jpg"); } function setup() { createCanvas(windowW
..
p5.js相关内容
P5.JS动画GIF无法工作
如何加载可以在所有使用p5.js的现代浏览器上运行的动画gif？ img1 = loadImage('2.gif'); image(img1, 15, y, 20, 40); 这仅显示GIF的第一帧。 推荐答案 有两种方法。 1.使用createImg代替loadImage 将代码更改为： img1 = createImg('2.gif'); img1.po
..
在鼠标位置p5.js放大(包括jsfiddle)
我正在尝试缩放鼠标位置，比如在Google地图上。它有点管用，但它会将我想要放大的点移到与原图匹配的任何地方，然后当我在那个点上放大时，它就可以很好地工作。我想我需要将这一点翻译回鼠标，但我不确定如何准确地做到这一点。 这是我画之前的代码： translate(zoomLocation.x, zoomLocation.y); scale(zoom); translate(-
..
无法弄清楚为什么在p5.js中未定义变量
我确信这是有史以来最简单的问题，但是我和我的朋友正在用p5.js进行成对编码，我们不明白为什么下面的代码会抛出错误：unautrutReferenceError：没有定义RiLicion 我们做过一个类似的项目，所有代码基本上都在完全相同的位置，而且可以正常工作。也许我们盯着这个看了太久，快要疯了？请帮帮我！谢谢！ var mermaid = ("Fishes, both large
..
在P5.js中旋转网格内的对象
我正在尝试使用像样的OOP方法让对象在网格的单元格中单独旋转。我当前的结果是围绕0，0参考点旋转所有对象，而不是在其自己的单元格内旋转每个对象。 当然，需要一个正确的转换函数，但是当我尝试将其应用于innerSquare函数Translate(x，y)；时，这会导致更奇怪的行为。 我仍处于早期学习阶段-如有任何帮助，我将不胜感激！ 可以在此处查看代码： https://editor.
..
如何用p5.js计算圆上直线的交点
我有一条直线(se)，我知道它从圆内开始，我知道在圆外结束。我正在尝试找到直线与圆相交的点l。 我正在使用p5.js库，并且可以访问其所有Vector函数。 我的想法是，如果我能在直线上与半径成直角，我就可以开始解决一些问题。 // Get the vector between s and c let scVector = p5.Vector.sub(start, circleC
..
(集成 P5.js 和 Three.js) --- 使用 P5.js 库中的动画创建 ThreeJS 场景?
在我们开始之前，您可能想阅读我之前的帖子，这导致了这个问题的产生: 使用本轮和傅立叶变换绘制/渲染 3D 对象 [动画]] 上下文: 使用 P5.js 库并遵循 The Coding Train(编码挑战 #130.1 --> #130.3)中的教程，我能够使用本轮和傅立叶变换动画和重新创建任何参数化绘图.(阅读上一篇文章，相信我，它会有所帮助) 我现在希望将其扩展到三个维
..
使用 frameRate 和 frame counter 的定时器可靠吗?
我正在使用 p5js 编写带有计时器倒计时的动画.我将计时器设置为在草图中由 draw() 函数设置动画的对象内的每一帧进行更新.因此， setInterval() 不适用于我正在尝试做的事情. 我想我可以使用 frameRate 和一个帧计数器来确定是否已经过了一秒: this.updateTimer = function(){this.framecounter++;if(this.fr
..
是否可以用线条或不是矩形的画布制作背景画布?
我正在尝试制作这个 https://massmoca.org/event/walldrawing340/ 在 Javascript 代码中，使用 p5.js，但我不知道如何用线条填充这些形状.有没有其他可能性，比如制作圆形的画布或类似的东西，或者我只需要单独制作每个形状? 目前我正在逐个形状地做形状，但是制作三角形和梯形很粗糙... var sketch = function
..
使用处理 (p5.js) 的二次曲线上的点
我使用这个公式来计算二次曲线上的点: cPx2 = (1-t)*(1-t)* x1+2 * (1-t)*t*qcX + t*t*x2;cPy2 = (1-t)*(1-t)* y1+2 * (1-t)*t*qcY + t*t*y2； 当我设置 t = 10 并遍历曲线时，我得到: 看起来它正在获取曲线上的点(花朵形状)，但同时也获取了“控制点"上的所有点. 我使用这个公式来生成点:
..
基于变量在 JavaScript 中创建画布(使用 p5.js)
我想根据变量绘制一个简单的画布. 它是这样工作的: 函数设置() {createCanvas(600, 600);背景(50)；} 为什么这不起作用?(一个小画布，绝对不是600x600显示的): var height = 600;var 宽度 = 600;功能设置(){创建画布(高度，宽度)；背景(50)} 感谢您的帮助！ 解决方案 它不起作用，因为 height 和 wi
..
如何使用 p5 创建多个画布?
我想尝试一些 3 维立体透视，我需要 2 个画布，但我什么也没找到. 我尝试使用 canvas1.background(200); 函数设置() {让 canvas1 = createCanvas(100, 100);canvas1.position(0,0);}函数绘制(){//对于画布1背景(100)；旋转X(帧计数* 0.01)；旋转Z(帧计数* 0.01)；锥体(30, 50);}
..
p5js 图像数组
每次单击鼠标时，我想在画布上随机绘制一个图像. let img = []函数预加载(){for (让 i = 0; i
..
JavaScript 将对象从起始位置移动到结束位置
我目前正在学习计算机编程入门课程.这是一门在线课程，当您遇到困难时没有太多帮助. 我正在使用 Brackets 和 p5.js，我得到了一个模板来开始.到目前为止，我似乎已经完成了所需的一切，但我无法为聚光灯设置动画以使其移动. 我相信我没有正确初始化聚光灯，但我尝试了多种不同的方法.如果有人能指出我正确的方向，我将不胜感激.代码如下. 通过创建初始化为您所在位置的 x 和 y
..
我如何使形状在另一个形状上相对移动 p5.js
我想让方形能够相对于它的旋转在它下面的矩形上移动.请在这里检查我的代码https://editor.p5js.org/saidabdul80/sketches/-Adu8HzFZ 解决方案 @Said Abdulsalam 我认为您的问题的答案是这样的.您应该使用与另一个相同的变量移动一个对象. 例如: //为对象 1 旋转int rotY = 0;空抽(){//对象 1rectM
..
如何使用 react-p5-wrapper 将 p5.sound 添加到 React?
我正在尝试弄清楚如何将 p5.sound 包含到我的 p5 Sketch 中.目前我正在使用 react-p5-wrapper https://github.com/and-who/react-p5-wrapper/ 将 p5 导入 React. repo 中提出了一个类似的问题，我也在那里问过同样的问题，https://github.com/and-who/react-p5-wrapper
..
在 p5.js 画布中加载从函数生成的图像
我正在尝试加载由名为 gaborgen.js 的库中的函数返回的图像 这个想法是我应该能够使用这个库生成一个 Gabor 补丁图像，然后我需要将它存储在 p5 中的一个图像变量中，并将其显示在画布上. 库的工作方式是它有一个函数 gaborgen() 接受两个参数，所以 gaborgen(50,50) 将返回一个具有这些属性的 Gabor 补丁.该库的工作方式是将图像作为 base64
..
Matter.JS 检测两个静态传感器之间的碰撞
我正在尝试向我的游戏世界中添加一些可以四处移动的圆体.我需要检测它们何时发生碰撞，但也要让它们通过. 我试图使圆圈 isSensor 和 Static - 未检测到碰撞.我试图让它们 isSensor 和 NO Static - 检测到碰撞，但它们因为重力/物理而跌落世界.我尝试移除物理但未检测到碰撞. 怎么办? 解决方案 你可以使用你自己的碰撞检测和毕达哥拉斯定理，就像这样:
..
p5js:如何在调整窗口大小时使随机生成的圆形包装草图/画布响应?
当我从一个较窄的尺寸加载窗口并使其变宽时，添加的画布空间是白色的. 画布从窄到宽调整: 当我从较大的窗口加载到较小的尺寸时，画布保持较大的尺寸，而 HTML 和 CSS 元素会做出响应.在第二张图片中，圆应该在黑色矩形的同一点处切掉. 我认为这是因为圆圈是随机生成的，并且每当页面加载/重新加载时它们的布局都不同.基本上，我必须“刷新"新调整大小的画布工作的窗口.顺便说一句，我已经
..
如何使用 P5.js 添加表格行?
我正在从 fire base 加载我的数据并想用 P5 创建一个表.这是我试过的. for (var i = 0; i 我以这种方式添加了列表，但向表中添加一行似乎不起作用. 解决方案 我最终使用纯 JavaScript 完成了这项工作. //显示数据var table =
..