p5.js是一个JavaScript库，从最初的处理目标开始，为艺术家，设计师，教育工作者和初学者提供编码，并为今天的网络重新解释。
我刚刚制作了一个前端 HTML 项目，它使用 p5.js 和 p5.sound.js 从用户那里获取音频。 我的 HTML 代码一切正常。但是当我将该 HTML 代码与我的 DJANGO back-e 集成时...
使用 jsPDF addImage JPEG 将 p5.js sketch canvas 下载为 PDF
在使用 JS 将画布转换为 JPEG 后，尝试运行一个最小脚本，以使用 jsPDF（特别是 jsPDF addImage 方法）将 p5.js 草图画布元素下载为 PDF
我只是在尝试 p5.js。我想从 p5 更改一些 HTML 文本（不在 p5 画布上）。就像是： Score_display = createElement("文本", "分数：0"); ... Score_display.nodeValue = "分数...
我正在尝试创造演奏手鼓的体验。这个想法是，用户拿起鼓槌，将其悬停在鼓上方，如果用户再次单击，鼓就会播放音频。是...
我想设置光标位置。我已经尝试过一些非常规的解决方案，例如...... MouseX =（X 轴位置）； MouseY =（Y 轴位置）； 然而这不起作用（显然），...
我正在尝试使用 p5 js 库制作游戏，我希望用户能够使用选项卡按钮进入画布。 我尝试添加 tabindex = "0" 但这不起作用。我有能力...
我想知道如何集成 Webmidi.js、p5.js 和我的 Akai mPK49 midi 控制器？这是学校的期末项目。 通读 Webmidi.js 基础知识，我得到了
我有一个使用 p5.js 的库项目。 细节 我的 Webpack 配置是： const 路径 = require('路径'); 模块. 导出 = { 条目：'./start.ts', 输出： { 文件名：'start.js'， ...
我想编写一个基于p5js的库，所以在我的Javascript项目中我将Webpack安装为开发依赖项，并在start.js中编写了以下内容： 从“p5”导入 p5； p5.椭圆(0, 0, 100, 100); //
无法让 npm simplex-noise 包导入在 JS 项目中工作
我无法让这个包正常工作。我已经制作了一个基本的 P5JS 项目，但无法在我的 JS 文件中导入工作。 这是我的 JS 文件，它在浏览器中工作正常，直到我添加...
我目前在 https://artifical-life.vercel.app/smoothlife/smoothLife 上部署了一个使用 p5js 的 NextJS 项目。 它是 https://arxiv.org/pdf/1111.1567.pdf 的实现，本质上是一个
我正在学习生成艺术和创意编码。该代码旨在随机生成线，并且迭代次数也是随机的。 https://editor.p5js.org/rawrro/sketches/j4V6...
对于刺激演示器，我想使用 p5.js 创建一个颜色选择器。 我发现已经有一个很棒的颜色选择器函数，它几乎完全符合我的要求（p5.js 参考）。不过，我
为什么p5.js中tableRow.get()返回undefined？
我正在尝试使用地理定位来练习数据表。但是p5无法从tableRow.get()加载数据，因为我打印了纬度和经度，它说未定义。有什么问题？ 让苏豪区； 让桌子； 让拉特、隆...
为什么 tableRow.get() 在 p5.js 中不起作用？
我正在尝试使用地理定位来练习数据表。但是p5无法从tableRow.get()加载数据，因为我打印了纬度和经度，它说未定义。有什么问题？ 让苏豪区； 让桌子； 让拉特、隆...
我正在使用 Astro 开发我的个人网站。我网站的部分内容需要运行 p5.js 草图。我为 p5.js 和我的草图添加了 标签，但是当我运行页面时，就好像......</desc> <question vote="0"> <p>我正在与 Astro 一起开发我的个人网站。我网站的部分内容需要运行 p5.js 草图。我为 p5.js 和我的草图添加了 <pre><code><script></code></pre> 标签，但是当我运行页面时，就好像 p5.js 没有运行一样。 DOM 中没有添加画布，控制台也没有任何错误。</p> <p>我已在我的草图中添加了 <pre><code>console.log</code></pre>，因此我可以确认我的草图代码正在运行。</p> <p>如果我在本地下载 p5.js，将其放在 <em>/Public</em> 文件夹中并使用 <pre><code><script is:inline src="/p5.js"></script></code></pre> 导入，那么我可以验证它是否也使用 <pre><code>console.log</code></pre> 运行。或者，如果我从 CDN 导入 p5.js，那么我可以从网络日志中看到脚本正在下载，没有问题。</p> <p>我不知道如何解决这个问题。任何帮助将不胜感激！</p> <p>我在 GitHub 上放了一个最小的问题示例<a href="https://github.com/breadloaf64/Astro-with-p5.js-example/blob/main/README.md" rel="nofollow noreferrer">https://github.com/breadloaf64/Astro-with-p5.js-example/blob/main/README.md</a></p> <p>到目前为止我已经尝试过了</p> <ul> <li>从 CDK 导入 p5.js 并下载到本地。</li> <li>导入最小压缩版本，但没有任何区别（毫不奇怪）。</li> <li>直接在<pre><code><script></code></pre>标签中编写草图代码。</li> <li>在自己的js文件中编写草图代码并使用<pre><code><script>import '../scripts/mySketch.js'</script></code></pre>导入。</li> <li>添加 <pre><code>console.log</code></pre> 以确认 javascript 正在运行（确实如此）。</li> </ul> </question> <answer tick="false" vote="0"> <p>代码与 cdn 一起使用，将其转储到 w3schools 上的 try it 编辑器中，它可以工作</p> <p></p><div data-babel="false" data-lang="js" data-hide="false" data-console="true"> <div> <pre><code><!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>min p5js with astro example</title> <!-- Import p5.js. First way is directly from the downloaded source in /public. SEcond way is from the CDN --> <!-- <script is:inline src="/p5.js"></script> --> <script is:inline src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script> <script> console.log("Running script...") function setup() { createCanvas(400, 400); background(0); } function draw() { fill(255); ellipse(mouseX, mouseY, 80, 80); } </script> </head> <body> </body> </html></code></pre> </div> </div> <p></p> <p>问题一定是您的页面服务。</p> </answer> </body></html>
我是新来的！我正在做一个学校项目。我正在尝试使用 Arduino Uno、Arduino IDE 和 p5.js 制作蚀刻草图。在 Arduino 上我有两个电位器和一个按钮......
尝试在 p5.js 草图中管理调整窗口（矩形）的大小，以获得与我在这里演示的类似的结果。完整的 p5.js 项目可在此处获取。希望有人能帮忙，包容我...