p5.js相关内容

如何在 Webpack 中使用 p5js

我想写一个基于 p5js 的库,所以在我的 Javascript 项目中我有Webpack 作为开发依赖项安装,我在 start.js 中编写: 从“p5"导入p5;p5.ellipse(0, 0, 100, 100);//找不到函数 :( 然而,在 p5 中没有找到任何引用.我期待找到对 p5 函数的引用,例如 rect 或 ellipse 或 setup,但什么也没有. 更多信息 ..
发布时间:2021-06-13 19:45:12 前端开发

在 p5js 中创建明星背后的数学是什么

我正在做来自网站 p5js.org 的示例代码之一 - https://p5js.org/examples/form-star.html.除了下面几行,我理解了所有代码. function star(x, y, radius1, radius2, npoints) {让角度 = TWO_PI/npoints;让 halfAngle = 角度/2.0;开始形状();for (让 a = 0; a ..
发布时间:2021-06-13 19:45:06 其他开发

从 JSON 中提取信息:P5.js

我的 php 脚本 json_encodes 这个: [{"x":"20","y":"24","name":"NewNov"},{"x":"20","y":"70","姓名":"铁托"}] 但是我看不到如何在我的 p5.js 程序中提取这些信息? 比如说,我需要使用那些 'x'、'y'、'name' 在适当的地方用正确的名字画一个圆圈. 我在脚本中使用了 loadJSON,现在我有 ..
发布时间:2021-06-13 19:45:04 PHP

如何在 StackOverflow 问题中包含可运行的 p5.js 草图?

如果我对 p5.js 草图有疑问,我如何将我的代码包含在问题中,以便查看问题的人可以快速测试我的代码以了解我正在尝试做什么或有什么问题? 我知道我可以使用 {} 工具栏按钮包含代码,该按钮使用 4 个空格的缩进语法来包含代码,或者使用三重反引号语法,如下所示: function setup() {createCanvas(windowWidth, windowHeight);背景(100) ..
发布时间:2021-06-13 19:45:01 其他开发

由于setState,值变得不确定

我正在使用p5和ml5.js通过网络摄像头添加一些图像来训练ML模型.火车功能可以像这样正常工作.但是,如果我取消对train函数中的if语句的注释: if(lossValue == null) classifier 的值,因为此后 undefined ,它将在下一步中引发错误.为什么会发生这种情况,我该如何解决?如果我只是在if语句中使用console.log,它不会产生问题.但是,如果 ..
发布时间:2021-05-19 19:39:52 前端开发

使用javascript修剪音频文件(前3秒)

我有一个问题,我可以修剪通过javascript录制的音频文件.我想修剪一下它的前3秒钟,您能帮我吗?我使用p5.j录制了音频文件,并使用AudioContext()合并了已录制的文件和真实的karaoke文件,由于开始时发出的令人不愉快的声音使合并错误,因此必须对其进行修剪. 解决方案 您可能需要使用诸如 ..
发布时间:2021-05-14 20:04:54 前端开发

p5js中的Caesar Cipher

我是一个超级菜鸟,我正在尝试在p5js中创建一个Caesar密码,到目前为止,我设法编写了UI,但是现在我被卡住了,真不知道该如何前进请帮忙吗? 我知道我需要用于循环,但是我不知道该怎么做?我真的很感谢所有帮助 谢谢 let inp;让按钮;让字母= ['A','B','C','D','E','F','G','H','I','J','K','L','M','N','O','P','Q' ..
发布时间:2021-05-09 18:43:08 前端开发

使用socket.io发射数组

对于一个学校项目,我正在使用socket.io制作多人蛇游戏.我试图同步您玩耍的蛇的身体(snake1,这是一个将向量作为位置的数组.蛇本身就是对象),并使用socket.io将其发送给其他玩家.要发送正文,请使用 socket.emit('snakeBody',snake1.body).但是,当我加载页面时,出现错误“未捕获的RangeError:超出最大调用堆栈大小".我最初以为是数组,但是当 ..
发布时间:2021-05-06 19:37:43 其他开发

p5.j​​s&&ecmascript6表示法

我想在带有ECMAScript表示法的类中使用 p5.js 函数. 如何修复此代码? class Sketch {构造函数(p,params){//使用对象在类中生成varsif(typeof params!=='undefined'){for(在参数中输入键)this [key] = params [key];}//p5.js对象this.p = p;}//p5.js设置方法设置() ..
发布时间:2021-05-03 19:59:04 前端开发

如何检查x和y上2个正方形对象之间的碰撞?(p5.js)

如何测试2个方形对象之间的碰撞?我有一个播放器,还有一个障碍物,我想检查一下它们是否相互碰撞. 我尝试使用很多碰撞检测算法,但是它们似乎在我的项目中不起作用,或者我只是对它们的编码不正确. 这是我的玩家碰撞功能,一开始它已经定义了x,y位置和一个接地变量. this.testCollisions = function(other){如果(this.x + 20 ..
发布时间:2021-04-23 18:50:44 其他开发

指数图动画P5js画布

我正在尝试使用P5js为不断增长的指数图制作动画.我已经成功绘制了图形本身,但是侧面的“标尺/比例尺"不起作用.我希望“窗口"根据X和Y轴缩放,就像下面的示例一样:动画我正在尝试复制此动画 我希望图形“增长",并且标尺/比例尺在侧面代表增长,X是时间,Y是乘数(中间是大文本).如我链接的动画所示,在图形超出框的范围后,X和Y值朝着原点移动. 使用以下代码链接到P5编辑器: P5网络编辑 ..
发布时间:2021-04-21 19:17:10 前端开发

是否可以使画布的背景带有线条或不是矩形的画布?

我正在尝试制作一个 https://massmoca.org/event/walldrawing340/ 使用p5.js在Javascript代码中使用 ,但是我不知道如何用线条填充这些形状.还有其他可能性,例如制作圆形的画布或类似的东西,还是我只需要分别制作每个形状? 现在我正在逐个形状地做,但是制作三角形和梯形是粗糙的... var sketch = function(p ..
发布时间:2021-04-21 19:15:07 前端开发

使用JavaScript检测音频输入的bpm?

我正在尝试将音频输入+ beatdetektor示例放在一起,以便可以计算通过线路(甚至是麦克风输入)播放的曲目的BPM. 不幸的是,我不完全了解应该如何使用"process"方法中的"time"参数(特别是在那种情况下,我不一定知道轨迹何时改变,等等)./p> 以下是我使用可爱的p5.js库试图解决此难题的一些代码,请让我知道如何进行调整以达到所需的效果. ..
发布时间:2021-04-12 19:44:37 前端开发

从URL向传单地图添加数据

我正在尝试将URL中的covid数据添加到传单地图中.问题是我的地图在数据完全加载之前正在加载和绘制.我有一个称为statesData的JSON数据文件.然后,我使用p5.js loadJSON()函数从URL中获取共影数据,并使用另一个函数对该数据进行格式化. //获取COVID数据函数setup(){loadJSON("https://disease.sh/v3/covid-19/state ..
发布时间:2021-04-12 19:03:54 前端开发

如何围绕原点局部旋转一条线?(挥舞简笔画)

我在p5.js中画了一个简笔画,我正在努力使其动摇.本质上,我必须部分绕原点(坐标(40,290))旋转组成其手臂的线. 我希望它在下面的代码中给出的红线和蓝线之间反弹,以使其看起来像在挥舞.我不太确定该怎么做.我一直在尝试使用rotate()函数,但未成功. 任何帮助将不胜感激. function setup(){createCanvas(400,400);背景(220);} ..
发布时间:2021-04-07 20:03:39 前端开发

向量之间的碰撞检查-移动向量-HTML,JS,P5

每次游戏结束时,我都会为玩家创建碰撞检查功能,直到物体(在这种情况下为矢量-圆圈)碰到玩家(也是矢量-圆圈)时. 我设法创建了一个逻辑,并且进行了碰撞检查,但是它并没有计算元素之间的实际距离(而不是结束游戏,当它们彼此相距一定距离时才真正触及它的结尾. 两个物体都在移动-障碍物在移动x + = 6,并且玩家跟随游标,因此速度有所变化. 我尝试过稍微调整距离,并且当障碍物的x触碰到 ..
发布时间:2020-11-24 02:51:10 前端开发

在p5.js中按住键时如何使事情发生

我正在尝试创建一个简单的绘图程序,在按住e键的同时,绘制的线条的颜色和大小也会发生变化。但是,当我尝试使用 keyPressed 时,它只执行一次,导致绘制了一个蓝点,而不是改变整行。基本上,我需要知道的是在按住某个键时如何使某件事发生,因为它只注册一次按键。到目前为止,这是我所拥有的: 函数keyTyped( ){ if(key ==='e'){ if(mouseY ..
发布时间:2020-10-26 06:27:26 其他开发

如何在Vue中导入和利用P5.Sound?

我一直在尝试使用Vue和P5制作音乐可视化器应用程序,并在使用本文作为指导对P5进行修改之后(现在,我正在尝试在给定歌曲的波形/幅度与画布中呈现的视觉效果之间建立链接.我一直在尝试从P5.sound库中获取构造函数/函数,以从文件路径中加载歌曲,然后使用FFT对象的输出来控制画布中的视觉效果. 现在,我的研究表明P5库必须在实例模式下运行才能起作用(这是我的模型中设置P5对象的代码: ..
发布时间:2020-09-14 00:00:36 前端开发