30得票4回答
如何将p5.js画布放置在HTML div中

我想在网页的一个部分中添加 p5.js 的背景。我是 JavaScript 的新手,不知道如何将这两个部分绑定在一起。

20得票1回答
性能缓慢,在React中使用p5

我正在尝试在一个React应用程序中使用 p5 (https://p5js.org/),但一些草图的性能非常差(包括开发和构建后的应用程序)。项目骨架是使用create-react-app创建的,没有进行任何构建设置更改。 当直接在浏览器中运行草图时,它们运行大约50-60帧每秒,但当加载到...

13得票3回答
在p5.js中导出视频

我正在使用p5.js创建一个简单的动画程序。当用户点击保存按钮时,我想要下载动画的视频。 我有一个名为frames的对象,其中每个键都标记为frame_1、frame_2等等。与每个键相关联的值是组成该帧的线段的array。 我尝试思考一种方法来获取这些数据并创建一个mp4视频。p5.js...

13得票3回答
在p5js中将画布导出为GIF/PNG

我使用Atom编辑器。我想用我的画布制作一个20秒的GIF动图。 saveFrames()有一些限制(我猜测)。即使我键入 saveFrames("aa","png",15,22);,它仅能将.png文件保存为短暂的gif(3-5秒)。 我发现了CCapture.js,但是我找不到任何导出...

13得票1回答
可拖动的背景

我希望实现类似Konva js中无限拖动的效果,有人能帮忙吗?我尝试了很多方法,但都不行。我是p5js和JavaScript新手,请给我一些提示。只有这个元素阻止了我完成整个项目。var grid; var current_img; var BgCat1 = []; var layerOne;...

12得票2回答
在P5.js中更改坐标系

你知道P5坐标系不是从画布的中心开始的,并且y轴是翻转的。我的问题是如何改变P5的坐标系,使其与笛卡尔坐标系相同。

12得票3回答
如何将p5.js嵌入网站?

我在互联网上搜索了几乎所有的信息,并且离找到答案已经很接近了,但我仍然不知道如何在网站中使用p5.js。更具体地说,我想能够创建一个像Weebly这样的网站,并且使其显示p5代码。我知道这涉及到网站通过文件或在线文件加载p5.js和sketch.js。如果在Web上没有使用p5.js的方法,那...

12得票3回答
P5js SVG导出

我有一个使用P5js编写的程序,可以创建用户想要输入的任何字体。 我希望允许用户下载他们结果的svg/pdf(矢量)版本。 目前,我已成功让用户通过保存命令并保存屏幕截图的方式下载.jpg版本。 有什么想法吗?

11得票4回答
如何在Angular 5应用程序中使用p5.js

我已经完成了。 npm install p5 --save 我编辑了.angular.cli.json文件。 "scripts": [ "../node_modules/p5/lib/p5.min.js", "../node_modules/p5/lib/add...

11得票3回答
如何将React与p5.js结合使用

我非常喜欢p5.js和react.js,所以想知道如何将它们结合起来,但我无法做到,因此需要您的帮助。 我无法提供任何代码示例,因为我不知道如何开始。 所以我想做的是: 1. 创建一个基于React的应用 2. 使用p5.js渲染画布(我不需要p5.dom和p5.sound)