p5.js相关内容

未捕获类型错误:t未定义(p5.min.js:4604:988)

我正在尝试获取用户输入并使用它来生成一些东西。当我像这样硬编码生成器的输入时,它可以工作: function setup() { createCanvas(1280, 512); generator = new Room_map(5, 10, 15); generator.draw(); } 但是,当我尝试接受用户输入并在用户单击“生成”按钮时生成时,显示 ..
发布时间:2022-08-24 09:46:25 前端开发

(p5js/javascript)尝试将2个对象传入函数时出错:未捕获类型错误:对象未定义

我正在尝试将两个对象传递到一个函数中,以查看它们是否会发生冲突,如果会,则销毁它们。在我添加碰撞功能之前,它是工作的。首先尝试通过从对象调用属性,然后使用访问器再次尝试,但我找不到它有什么问题。在带有错误的行下方指示!都会感激你的帮助。谢谢。 编辑:包含我的完整代码,对象中有一些未使用的变量,这就是我一开始没有包含它的原因 编辑2:尝试在代码前添加复选标记if (typeof this ..
发布时间:2022-08-24 09:17:04 前端开发

如何在p5.js中识别弧线内的光标?

我正在制作一个饼图,希望当光标移动到我的分段上时突出显示,然后在用户单击分段时展开。我看过许多关于如何让圆形或正方形识别光标位于其空间内的教程,但对于可以根据值输入改变大小的圆弧,我没有什么能理解的。 以下是我设置图表的方式: 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假”> chartX = 250; chartY = 250; chartW = ..
发布时间:2022-08-24 09:05:07 前端开发

P5矢量减法';SUB';返回错误

我一直在尝试将P5素描上传到Reaction Build上。使用REACT-P5-WRAPPER,我能够在屏幕上成功呈现画布,但是,一些向量函数导致错误。 var distance = this.position.dist(ball.position) var minDistance = this.radius + ball.radius if ..
发布时间:2022-08-24 09:00:29 前端开发

One热中出错:深度必须为>;=2,但它是1

所以我在js中使用ml5在一个简单的NeuralNetwork上工作,它将使用P5 js库通过图像进行训练,将图像放入一个数组中,然后通过ml5训练它们,但我遇到了一个主要问题,我花了几个小时寻找这个错误的答案,但在任何地方都找不到它。 使用库p5、p5、sketch、ml5 JS档案 let RustImage = []; function preload() { for ..
发布时间:2022-08-23 23:56:20 前端开发

如何用图像填充P5.js形状

我已使用eginShape、endShape和curveVertex创建了一个形状。我的代码如下所示: function setup() { createCanvas(400, 400); } function draw() { background(220); strokeWeight(5); point(84, 91); point(68, 19); point(21, ..
发布时间:2022-08-23 23:48:08 其他开发

如何添加重新播放按钮(&Q;)

代码链接以供参考:https://editor.p5js.org/tpant963/sketches/wQy1zfKBW 您好!因此,我使用p5.js制作了一个Java OOP概念复习游戏,在游戏中,屏幕上会出现一个问题,周围漂浮着气泡,上面有单词关联。如果当你点击气泡时它变成了绿色,这意味着你已经点击了正确的答案/联想。如果它变成红色,则表示您点击了错误的按钮。 我想设置我的游戏,以 ..
发布时间:2022-08-23 23:44:11 前端开发

P5-js python中的map()函数

在python中有没有像p5-js的map()这样的函数?据我所知,python中的map()完全不同,它将相同的函数应用于序列中的所有可迭代对象,但我需要一些能做p5-js中map()函数所做的事情,谢谢您的帮助! 编辑:p5-js中的map()带5个参数示例: map(100, 0, 200, 0, 50) 第一个参数是要映射的值 第二个参数是该值的最小值 第三个参 ..
发布时间:2022-08-23 23:29:45 Python

P5.js旋转时被2D背景覆盖的WebGL 3D图形

我想用P5显示两个东西,一个是2D背景,另一个是3D WebGL前景,两者都是由P5生成的。我注意到的是,即使我在draw()函数中绘制2D背景之前绘制3D内容,当rotateX()或rotateY()被调用时,3D内容仍然会被背景部分覆盖。它看起来像这样: 我怀疑发生的情况是2D和3D都在同一个Z平面上,因此当前景旋转时,其中一些会被背景覆盖,与覆盖的部分相比,背景现在位于前面。 所 ..
发布时间:2022-08-23 23:21:23 前端开发

P5.js上每个点都有经典箭头的静态向量场

目标是使用p5.js在2D或3D网格上的每个点上显示一个带有箭头的矢量场(即尖端带有人字形的线段)。原因是我看到了很多创造性的艺术使用它,而流场(?)看起来很酷,那么为什么不用它们来描述有或没有运动的物理矢量场。 我对p5.js一无所知,但快速的在线搜索显示,我可以生成从左上角开始的位置向量,以及将原点连接到其终点或从一个位置向量到另一个位置向量的线(段): function setu ..
发布时间:2022-08-23 23:13:10 前端开发

我该如何编写一个程序,让它以一个角度为基础,在球体周围的点上旋转,就像绕着它走一样?

我正在做一个项目,我需要(作为2D点)绕着3D球体漫步。我很难弄清楚如何在不扭曲极地的情况下实现这一点。基本上我想要向前,向后,向左,向右,以及左转,右转。我一直试图让它在球面坐标下工作,但我的函数似乎不正确。我能做些什么才能让它正常工作呢?(我使用的是p5.js库,使用的是JavaScript) 目前,我正在尝试将x和y变量分别映射到球面空间的phi和theta。然而,它似乎不起作用,我不确定 ..

在画布旋转时在p5.js画布上绘制

我正在使用p5.js模拟绘图机,类似于this。 我已经创建了手臂相对于电机位置的定位。我试图重现的想法是拿着一支铅笔/钢笔,用它在下面旋转的画布上画画。我在p5.js编辑器中创建了一个测试example。 example绘制两个点,一个红色,一个蓝色。目标是使用下面旋转的图形对象上的蓝点创建标记或轨迹。 数据-lang=“js”数据-隐藏=“假”数据-控制台=“真”数据-巴贝尔=“假” ..
发布时间:2022-08-23 22:59:49 其他开发

球-三角形碰撞

进球:我有一个三角形的球。球有一个初始位置和速度。我在试着弄清楚球会打到三角形的哪一边。 我尝试过的方法:I derived a formula通过将球的路径和三角形的边参数化,并找到满足参数方程的最短时间,输出球将击中哪一边。但是当我将这个公式应用到我的程序中时,它产生了错误的结果!我试了很多方法,但都没有用。如有任何帮助,我们不胜感激。MWE在此:CodePen 数据-lang=“ ..
发布时间:2022-08-23 22:52:15 前端开发

将画布导出为p5js中的GIF/PNG格式

我使用原子编辑器。我想用我的画布制作20秒GIF。 saveFrames()有限制(我猜)。它允许将.png文件保存为较短的gif(3-5秒),即使我键入saveFrames("aa","png",15,22); 我发现了CCapture.js,但找不到任何用于导出画布的代码示例。 它不必导出为GIF;但我至少希望保存.png快照 我的动画在画布上无限。我该怎么做? 我的p5.js动 ..
发布时间:2022-08-23 22:43:47 前端开发

使较小版本的画布成为p5.js中的对象

所以我正在尝试在p5.js中制作我的画布和精灵的一个精确的更小的版本,并将其放入一个盒子中。有什么功能或方法可以做到这一点吗?精灵的背景、颜色和图像应该相同。 推荐答案 有两种方法可以做到这一点,一种方法是将所有内容绘制到p5.Graphics缓冲区,然后将该缓冲区绘制到具有不同目标大小的主画布两次。另一种方法是将绘图的主要部分直接绘制到画布上,然后使用pixels数组从画布内容创建p ..
发布时间:2022-08-23 22:34:37 前端开发

FireStore错误:不支持";嵌套数组。FiRestore/p5.js问题

有人能帮我更好地理解此错误吗?我正在尝试使用p5.js和Firebase/Firestore来创建一个站点,在该站点中,您可以在画布上绘制某个东西,然后它会将图形保存到Firestore,但当我单击保存时,我收到以下错误: 错误.ts:166未捕获Firebase错误:使用无效数据调用了函数DocumentReference.set()。不支持嵌套数组 我到目前为止的代码: va ..