使用Browserify导出p5.js函数
在这里，我有一个要导出的p5对象，以供browserify捆绑: var p5 = require('p5') var colorPicker = require('./color_picker.js') module.exports = new p5(function () { this.setup = function setup () { this.createCanva
..
p5.js相关内容
p5.js碰撞/对象交互.球弹跳
在阵列中的球与对象(矩形)之间发生碰撞之后，该球似乎没有像其撞击地面时那样的弹跳效果. 当与物体接触时，它似乎加快了速度，突然出现故障并停在地面上. 问题: 为什么它似乎要搁在地面上而不是物体本身? 如何使球与物体接触时的弹跳效果与与地面接触时的弹跳效果相同? 代码: var balls = []; var obstacle; fun
..
P5.js-有没有办法切出图像区域?
是否可以“裁剪"一张图像并将其与P5.js库一起使用? 示例:假设我有一张尺寸为100x100的图像，但需要获取一个从像素50,50开始的10x10像素切口 我想拍摄生成的10x10图像，并使用 image(result，X，Y，10，10)放置在任何地方. 注意: 我唯一可以在网上找到与此类似的东西是使用 mask()，但结果不是我所需要的. 解决方案 深入研究内部，并
..
如何用圆圈替换光标，而不是在p5.js中将其绘制到画布上?
问题:我正在尝试使用p5.js创建一个简单的绘图应用.我想在光标位置显示一个表示绘图笔刷大小的圆圈，而不是标准的光标图像. 潜在的解决方案1:使用p5固有的cursor()函数替换光标. 为什么不起作用: p5游标功能仅采用以下参数: 箭头，交叉，手动，移动，文本或等待，或图像的路径 因此，没有使用ellipse类替换光标的原生方法. 潜在的解决方案2:使用noCur
..
改变正方形相交区域的颜色
这些天我正在做一个项目.我的目标是更改两个正方形相交区域的颜色.我已经编写了检测两个正方形何时相交的代码，但无法弄清楚如何更改相交区域的颜色.请帮助我. let squares = []; let dragObject = null; // variable to hold the object being dragged function setup() { createCa
..
p5.js createCanvas未定义错误.未捕获的ReferenceError
问题: 我正在尝试在我的计算机中使用 p5.js 一个简单的应用程序，并包括以下内容: 我尝试过的事情: 如果我放置调试器并在控制台中查看，我确实会获得p5Color(例如ex)和其他功能.然后脚本就可以很好地加载到页面上了.除了createCanvas不会自动完成，并且在页面中使用时，都会引发
..
P5，反应速度为60 FPS
要使P5与React一起使用，我正在使用 P5Wrapper 导入. 我有一个简单的 starfield 动画可以在我的图块上使用，但是性能是一个问题.动画在512个“星形"对象上的速度变慢，因此我将其缩放回128.但是，即使在128，FPS似乎仍然太低，平均低于30 FPS.我正在寻找方法来提高React中P5的性能，以使动画能够以接近60 FPS的速度运行. P5代码: fu
..
无法在TypeScript和Webpack中使用p5.js
我有一个使用 p5.js 的图书馆项目. 详细信息 我的Webpack配置为: const path = require('path'); module.exports = { entry: './start.ts', output: { filename: 'start.js', path: path.resolve(__dir
..
p5使用十六进制字符串和alpha设置填充颜色
我正在尝试对p5.js中的颜色使用十六进制值，但是在使用它并同时使用alpha时遇到了麻烦.我想用一个变量设置颜色，用另一个变量设置alpha. let myColor = '#FF0000'; let myAlpha = 128; function setup() { createCanvas(200,200); } function draw() { fill(col
..
Angular和p5.js-p5.loadSound不是函数
我想在Angular项目中使用p5.js时遇到问题. 我使用Angular CLI. 在我的 .angular-cli.json 文件中包含p5.js: "scripts": [ "../node_modules/p5/lib/p5.min.js", "../node_modules/p5/lib/addons/p5.sound.js", "../nod
..
在画布中的鼠标位置处放大/缩小
我正在尝试使用p5.js实现缩放功能.当前缩放级别以及x和y位置存储在controls.view对象中.默认或(0，0)位置在左上角.问题是在放大/缩小时调整x和y位置值，以便无论视图的当前位置是什么，它都将停留在缩放点或鼠标光标处. 缩放和转换是在draw函数中通过x，y和zoom值执行的，因此必须直接修改这些值(不能直接在画布上运行转换).这是 Codepen . let canv
..
在反应中使用p5会降低性能
我正在尝试在React应用程序中使用p5( https://p5js.org/)和某些草图的性能确实很差(开发中与构建应用程序后相同).我将create-react-app用于项目支架，而未对构建设置进行任何更改. 直接在浏览器中运行时，草图的运行速度约为50-60fps，但是当加载到反应中时，它们的运行速度将降至1-2fps. 我通过以下方式将草图与反应连接起来: // Rea
..
p5.js手动调用设置和绘制
我正在使用p5.js制作在线游戏，我想手动调用setup，一旦调用setup，我想运行draw(). 例如，如果我单击一个按钮: CLICK ME!!! 然后将创建画布，并运行设置中的所有内容，并运行draw(). 解决方案 为什么要这样做? 处理过程需要做很多与调用
..
在p5.js中导出视频
我正在p5.js中创建一个简单的动画程序.当用户单击“保存"按钮时，我要下载该动画的视频. 我有一个名为frames的对象，其中每个键都标记为frame_1，frame_2等.与每个键关联的值是构成该帧的线段的array. 我正在尝试一种获取这些数据并创建mp4视频的方法. p5.js具有内置的保存功能，我认为这可能会有所帮助，但没有帮助一个完整的解决方案.我可以将每个帧另存为单独
..
Javascript/p5.js中的独立随机数生成
在P5.js中，为了获得独立的随机数，我经常不得不编写多行随机数，例如: random(); random(); random(); // or a = random(); b = random(); c = random(); //etc p5.js或javascript中是否有任何其他代码可以执行相同/相似的生成，因此可以提高代码效率? 谢谢 解决方案
..
p5.js函数无法在ajax成功上运行
我正在尝试将p5.js集成到一个网页上，该网页将收到成功的响应.我想根据用户输入成为特定节点的信息来绘制一棵树.我正在使用Django作为后端. views.py def index(request): if request.method != 'POST': return render(request, 'index.html') else:
..
碰撞检测p5.js
仅尝试在p5.js中制作一个简单的Pong游戏.我最近刚接触JavaScript，无法弄清球和球棒之间的碰撞检测.我尝试了几种方法，但是它基本上只是停止了我的代码的运行..等..希望有任何帮助！ 这是我的源代码: function setup() { createCanvas(750, 750); } var x = 50; var y = 50;
..
(集成P5.js和Three.js)---用P5.js库中的动画创建ThreeJS场景吗?
在开始之前，您可能需要阅读我之前的文章，该文章导致了这个问题的产生: 使用Epicycle和Fourier变换绘制/渲染3D对象[动画] 上下文: 使用P5.js库，并遵循The Coding Train的教程(Coding Challenge#130.1->#130.3)，我能够使用Epicycles和Fourier变换制作动画并重新创建任何参数化图形. (阅读上一篇文章，相信
..
如何在p5.js中使用React
我真的很喜欢p5.js和react.js，所以我想知道如何将两者结合在一起，但是我做不到，所以我需要您的帮助. 我真的不能为您提供一些代码示例，因为我不知道如何开始. 所以我想做的是: 1.创建反应应用程序 2.使用p5.js渲染画布(我不需要p5.dom和p5.sound) 解决方案 需要做的第一件事是安装创建反应应用工具.一旦启动并运行p5.js和 react-p5-wrappe
..
当您在javascript中单击圆圈时，如何使其移动?
我正在为一个班级制作一个基于3x3网格的打地鼠游戏，但是我无法让该地鼠(使用p5.js制作的椭圆)移动到另一个网格上点击.我希望它在7秒钟后自动移动，这是我使用功能sleep(毫秒)实现的，但是如果玩家在7秒钟之前单击痣，那么我希望它立即切换网格正方形.这是我的mousePressed和moveCircle代码. function mousePressed() { var
..