p5.js 相关问题

p5.js是一个JavaScript库，从最初的处理目标开始，为艺术家，设计师，教育工作者和初学者提供编码，并为今天的网络重新解释。

无法在typeScript和Webpack中使用p5.js

我有一个使用 p5.js 的库项目。细节我的 Webpack 配置是： const 路径 = require('路径'); 模块. 导出 = { 条目：'./start.ts', 输出： { 文件名：'start.js'， ...

typescript webpack p5.js

回答 2 投票 0

如何将p5js与Webpack一起使用

我想编写一个基于p5js的库，所以在我的Javascript项目中我将Webpack安装为开发依赖项，并在start.js中编写了以下内容：从“p5”导入 p5； p5.椭圆(0, 0, 100, 100); //

javascript webpack p5.js

回答 2 投票 0

无法让 npm simplex-noise 包导入在 JS 项目中工作

我无法让这个包正常工作。我已经制作了一个基本的 P5JS 项目，但无法在我的 JS 文件中导入工作。这是我的 JS 文件，它在浏览器中工作正常，直到我添加...

javascript p5.js simplex-noise

回答 1 投票 0

如何提高p5js中smoothlife的性能/帧率

我目前在 https://artifical-life.vercel.app/smoothlife/smoothLife 上部署了一个使用 p5js 的 NextJS 项目。它是 https://arxiv.org/pdf/1111.1567.pdf 的实现，本质上是一个

typescript next.js optimization p5.js cellular-automata

回答 1 投票 0

运行 p5js 生成线条艺术代码有困难

我正在学习生成艺术和创意编码。该代码旨在随机生成线，并且迭代次数也是随机的。 https://editor.p5js.org/rawrro/sketches/j4V6...

javascript p5.js generative

回答 1 投票 0

调整p5.js colorpicker功能

对于刺激演示器，我想使用 p5.js 创建一个颜色选择器。我发现已经有一个很棒的颜色选择器函数，它几乎完全符合我的要求（p5.js 参考）。不过，我

p5.js color-picker

回答 1 投票 0

为什么p5.js中tableRow.get()返回undefined？

我正在尝试使用地理定位来练习数据表。但是p5无法从tableRow.get()加载数据，因为我打印了纬度和经度，它说未定义。有什么问题？让苏豪区；让桌子；让拉特、隆...

javascript csv p5.js

回答 1 投票 0

为什么 tableRow.get() 在 p5.js 中不起作用？

javascript database p5.js

回答 1 投票 0

弹跳球出现故障

我在使用类创建弹跳球时遇到了问题。球移动了，但它卡在了页面的底部。请帮忙！！谢谢你！！！球移动了，但它卡在了底部......

class p5.js

回答 1 投票 0

我正在努力将 p5.js 草图添加到我的 Astro 网站

我正在使用 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>   <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>

p5.js astrojs

回答 0 投票 0

P5.js 和映射 Arduino 按钮

我是新来的！我正在做一个学校项目。我正在尝试使用 Arduino Uno、Arduino IDE 和 p5.js 制作蚀刻草图。在 Arduino 上我有两个电位器和一个按钮......

arduino p5.js arduino-uno arduino-ide tinkercad

回答 1 投票 0

P5 JS 圆圈移动问题

我正在为学校做一个项目，它的想法是一个球开始运动并撞到另一个球，开始那个球移动，然后去撞另一个球，直到最终......

javascript p5.js

回答 2 投票 0

在P5.js中直接操作“窗口”的大小

尝试在 p5.js 草图中管理调整窗口（矩形）的大小，以获得与我在这里演示的类似的结果。完整的 p5.js 项目可在此处获取。希望有人能帮忙，包容我...