1回答
p5.js图像直方图均衡
、、、
使用p5.js很容易实现两幅图像的blend()，这很好，但我希望能够平衡结果混合图像的直方图。类似于-equalize in ImageMagick。有人知道如何在p5.js中这样做吗？
浏览 8提问于2019-09-27得票数 2
回答已采纳
2回答
我知道怎么用黑和白来做
let a = 0;
function setup() {
createCanvas(400, 400);
}
function draw() {
background(220);
fill(map(sin(a), -1, 1, 0, 255));
rect(20, 20, 50);
a += 0.01;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.1/p5.js"></script>
我希望它是紫色的，而不是黑色
浏览 13提问于2022-06-24得票数 0
回答已采纳
1回答
执行一个函数5秒
、、
我试图在p5.js中做一个加载条，其中顶部有一个像YouTube加载条一样的条。
就像这样
var x = 0;
function setup() {
createCanvas(400, 400);
x = width;
}
function draw() {
background(220);
stroke(255,0,0);
strokeWeight(10);
line(0,0,x,0);
}
我想使用map()函数，在这里我可以减少线的宽度。
map(x, width , 0 , second(),second()+5);
注意事项：使用p5
浏览 3提问于2017-12-20得票数 0
回答已采纳
我有一个P5.js的艺术，但当我删除背景，效果改变。我想去掉背景，但效果保持不变。之所以如此，是因为我计划在另一个画布上覆盖它。
我想删除的行是：background(30);，但是，当我删除它时，效果就不同了。
完整的代码可以在这里找到：
class Particle {
constructor(){
this.pos = createVector(width/2,height/2)
this.vel = createVector(0,0)
this.acc = p5.Vector.random2D().normalize()
浏览 2提问于2022-01-31得票数 1
在p5.js中，有一个名为map()的函数，它将某个范围内的值映射到另一个范围内的另一个值。在香草javascript中有类似的方法吗？
浏览 2提问于2018-02-15得票数 2
2回答
我正在尝试上传一张照片作为p5.js的背景。不幸的是，我在控制台中变成了2条错误消息。 p5.js:74522 Fetch API cannot load file:///C:/Users/User/Desktop/project/sample.png. URL scheme must be "http" or "https" for CORS request.
_main.default.loadImage @ p5.js:74522
setup @ sketch.js:15
_setup @ p5.js:58811
_start @ p5.js:5
浏览 87提问于2020-01-13得票数 0
回答已采纳
2回答
使用p5.js，我希望创建100个同心圆，如下所示：
绘制初始圆：
- choose size based on 0.8 x width
- start at color 1 (based on HSB color mode)
- start at opacity 0.01 (based on HSB color mode )
- start at shade 100 (based on HSB color mode)).
绘制下一个圆圈：
- size to be 0.98 x previous circle size
- color to progress by 1
- opacity t
浏览 10提问于2022-11-01得票数 0
回答已采纳
我目前正在开发一个小的react应用程序，我正在尝试找出一种方法来在react应用程序后面渲染我的p5.js草图，并在某种程度上成为根的背景。这意味着P5.js草图具有浏览器的完整大小，并在此基础上渲染应用程序。
我已经用容器div尝试了几种方法，但都不起作用。如果任何人有这方面的经验，我很高兴能得到各种帮助。
浏览 1提问于2021-11-25得票数 1
我看到processingjs (p5.js)使用map()将一个数字从一个范围归一化到另一个范围。如果我想在列表中映射一个函数，我该怎么做？在js，python，Haskell，scheme等等中，我会使用map(fn，list)...我试着找到讨论过的内容-如果是常见问题，
还有谢谢
浏览 6提问于2019-12-26得票数 1
我一直在尝试使用p5.js中的内置函数，但我不知道我做错了什么，col变量不会赋值给moon.brightness而是当我预览它时月亮总是白色的，我在setup函数之前赋值了我的变量col和dor，并在初始化here变量之前在setup函数中调用了它们，在这里完全失去了使用p5.js的新手，所以任何关于我将在哪里出错的帮助都将不胜感激
var groundHeight;
var mountain1;
var mountain2;
var tree;
var moon;
var sun;
var darkness;
var brightness;
var col;
var dor;
f
浏览 0提问于2021-11-19得票数 1
我正在从this应用程序接口获取JSON数据。我的代码如下所示： function setup() {
noLoop();
//Enable cross-origin request
let CO = 'https://cors-anywhere.herokuapp.com/';
//API link
let source = 'http://hitchwiki.org/maps/api/?continent=AF';
let url = CO + source;
loadJSON(url, insertInToArray
浏览 31提问于2019-02-22得票数 2
回答已采纳
我从Processing的Java版本中提取了一幅草图，并将其改编为p5.js，创建了一个漂亮的波浪线场。
但我正在学习p5.js，并希望通过P5的内置函数(如noise()、lerp()等)获得噪声和偏移值，从而进一步简化代码。
我正试图用periodicFunction()和offset()以及t的价值来实现p5自己的助手函数，但还没有成功。
我在Perlin噪音圈上看了Daniel的惊人的几次，但仍然没有进展，因为我不想把噪声值链接成一个圆形的形状(就像他的视频中的那样)，我想把它改编成我的素描。
任何帮助都将不胜感激。
代码：
function setup()
{
浏览 10提问于2022-06-20得票数 2
1回答
所以基本上我是用p5.js制作音频均衡器，我不知道如何调整一个特定的频率。在soundFile中，如果有人知道，请提供一些见解。
浏览 14提问于2021-05-17得票数 1
回答已采纳
我正在制作一个非常基本的示例，它使用p5.js和一个带有WEBGL的画布
function setup(){
createCanvas(100, 100, WEBGL);
}
function draw(){
beginShape(POINTS);
vertex(0,0);
endShape();
}
这是完整的节目。当我运行这个程序时，我会得到以下错误
p5.js:31516 WebGL: INVALID_VALUE: enableVertexAttribArray: index out of rangep5.RendererGL._bindImmediat
浏览 3提问于2016-11-24得票数 1
回答已采纳
我有一张画在里面的画布。我的目标是使用mouseClicked函数生成绘图，并让它在画布上的任意位置(使用mouseClicked函数)以任意大小绘制，而不会失去形状。形状缩放正确，并且它们似乎指向正确的x和y坐标；但是，当绘图缩小时，形状展开，而当绘图放大时，形状移动得更近。如何缩放绘图，使其相对于x和y坐标，并且不会丢失其整体形状？
function setup() {
createCanvas(800, 800);
background('red');
}
function draw() {}
function drawMickey(mic
浏览 1提问于2017-11-06得票数 1
2回答
几年前，我用处理程序编写了这个程序：
import processing.pdf.*;
drawing w;
void setup() {
size(1080, 720);
beginRecord(PDF, "drawing.pdf");
w = new drawing();
background(0);
}
void draw() {
w.step();
w.render();
}
class drawing {
float x, y;
float tx, ty;
float prevX, prevY;
drawing() {
浏览 19提问于2022-05-30得票数 1
回答已采纳
1回答
恩。我需要帮助在下面的p5.js代码，以使形状停止“模糊”，我的意思是如何使它，使这些形状不再有痕迹。
我相信这个问题与“更新”部分有关。但我不知道怎么解决它。
谢谢
let cubes = [];
function setup() {
createCanvas(windowWidth, windowHeight, WEBGL);
backCol = color(40, 100, 124);
background(backCol);
for (let i = 0; i < 10; i++) {
for (let j = 0; j < 10; j++)
浏览 4提问于2020-05-31得票数 1
回答已采纳
1回答
我试图在html/css flexbox中实现这个p5.js代码，但它不起作用。我知道它需要p.在很多代码行之前，但我不知道它在哪里。我过去曾经这样做过，而且已经成功了，但没有达到这样的规模。有人能帮忙吗？
var phase, speed, maxCircleSize, numRows, numCols, numStrands, colorA, colorB;
var sketch4 = function (p) {
p.setup = function() {
p.createCanvas(500, 500);
p.noStroke();
phase
浏览 3提问于2020-09-01得票数 0
我希望在类中使用p5.js函数，并使用ECMAScript表示法。
如何修正这段代码？
class Sketch {
constructor(p, params) {
// generate vars use in class with object
if (typeof params !== 'undefined') {
for (let key in params) this[key] = params[key];
}
// p5.js object
this.p
浏览 2提问于2017-03-28得票数 0
回答已采纳
几个星期以来，我一直在调整我的工作流程，以适应新的亚马逊网络服务版本的Cloud9，它基本上进展顺利，但我遇到了一个奇怪的问题，我找不到任何相关文档。
每当我尝试从客户端JavaScript发送GET请求以从公共目录加载到JSON文件中时，我都会得到一个状态代码为499 ()的HTTP错误。
我尝试运行的主要内容是一个静态页面，它加载到一些JSON中并在画布中呈现数据。现在，我可以使用一种变通方法，我只是将JSON放在一个单独的JS文件中，并将其设置为全局变量，但这并不理想。
以下是一些细节。AWS服务器用于客户端js的Cloud9服务器创建-反应-应用程序web服务器P5.js库相关的JSO
浏览 1提问于2018-03-26得票数 1
1回答
我最近尝试进入p5.js，在我正在从事的第一个项目中，我正经历着一个完全不正常的问题，无论出于什么原因，我在网上找不到任何其他地方。
我在setup()之外定义的任何变量都是未定义的，但这是众所周知的事实。问题是，我在setup()中定义的任何变量也将是未定义的，这意味着我根本不能使用任何变量。
以下是代码：
function setup() {
const canvasRatio = 0.975;
createCanvas(int(windowWidth*canvasRatio), int(windowHeight*canvasRatio));
fill(0);
stroke
浏览 3提问于2017-04-07得票数 0
回答已采纳
我用p5js写了这个函数，指针附近的圆圈变小了。我想让它做相反的事情。我想让指针附近的圆圈更大一些。我还希望它们在鼠标附近变得更亮。但是我还没能想出解决方案！代码如下： function setup() {
createCanvas(400, 400);
colorMode(HSB, 400);
}
function draw() {
background(220);
noFill();
noStroke();
for(var y=10;y<400; y+=40){
for(var x=10; x<400; x
浏览 19提问于2019-10-03得票数 1
回答已采纳
1回答
我正在尝试转换一个普通的2D图像(一个简单的JPEG)到一个3D点图，用户可以到处移动。但是，在尝试呈现点图时，程序会变得非常慢。有谁能指出我哪里错了吗？ var x = [];
var y = [];
var z = [];
var colors = [];
var a = 0;
var counter = 0;
let img;
function preload() {
img = loadImage('https://www.paulwheeler.us/files/clooney.jpeg');
}
function setup() {
create
浏览 59提问于2021-08-23得票数 3
回答已采纳
我在JSFiddle中编写的这段代码在我的计算机中运行良好，每次按下该按钮，它都会创建一个按钮并加载一个草图。我“加载”了p5.js，p5.dom.js通过CDNJS导致p5.js在javascript框架和扩展选项中不可用。但这种行为并没有得到正确的再现。这是怎么回事？
链接：
我试过：
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/a
浏览 10提问于2017-07-18得票数 0
回答已采纳
1回答
p5.js新手，正在尝试创建一个时钟，理想情况下是一个滑动时钟。我已经成功地创建了一个工作时钟，现在正在努力添加滑动效果。到目前为止，我遇到了一个bug，其他的时间是time-1和time-2。下面是发生的事情：Clock Bug 0-2,0-1,0 https://editor.p5js.org/miteshjethwa/present/zeYgP3rzx 以下是需要时使用的代码： sketch.js： var myFont
var button
var activated
var myDesign
function preload () {
myFont = loadFont(&#
浏览 11提问于2020-11-22得票数 1
所以我在课堂上使用p5.js，我对它非常迷惑，因为我不太理解它。如何使此图像具有动画效果以与声音匹配？我尝试了频率分析，但我不知道如何应用于图像。我想让它像心脏一样跳动起来，但根据我在草图中输入的bpm声音。这里是草图+图像+声音
浏览 8提问于2021-05-28得票数 0
最近，我在Atom ide中使用p5.js，并尝试使用从其网站下载的本地p5.js库。作为一个最小的例子，我尝试使用atom联机web服务器包( atom -live plus)并引用位于atom项目父文件夹中的p5.js库来执行一个基本的sketch.js文件。这样，我只需要一个p5.js库的副本，我所有的p5.js项目都可以引用同一个库，而不需要重复。问题:我无法执行代码，因为当我使用'..‘在.html文件中指定p5.js库位置时出现了问题语法。示例：
<script src="..\libraries\p5.js"></script>.
浏览 5提问于2020-12-13得票数 1
回答已采纳
因此，我在js中使用ml5编写了一个简单的NeuralNetwork，它将由图像训练，使用p5 js库将图像放入数组，然后通过ml5对它们进行训练，但我遇到了一个主要问题，我花了几个小时寻找这个错误的答案，但在任何地方都找不到答案。使用库p5，p5.声音，草图，ml5
Js文件
let RustImage = [];
function preload() {
for (let i = 0; i < 5; i++) {
RustImage[i] = loadImage(`RustPhotos/2020-12-08 (${i+7}).png`);
}
}
浏览 2提问于2020-12-09得票数 1
我正在尝试从google应用脚本访问p5.js库。下面是我尝试过的doGet()函数。我做错了吗？或者这个库在使用应用程序脚本时是无法访问的？
function doGet() { eval(UrlFetchApp.fetch('https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.14/p5.js', Object).getContentText());
return HtmlService.createHtmlOutputFromFile('index');
}
我还尝试通过删除对象参数来更新代码，如下所示：
浏览 0提问于2017-10-11得票数 1
回答已采纳
2回答
我在p5.js中有一个rect()：
rect(10, 10, 10, 10);
我想把它设计成这样：
box-shadow: 20px 20px 50px #00d2c6,
-30px -30px 60px #00ffff;
然而，我不确定如何做到这一点。检查，看起来我应该能够简单地使用：
let testSquare = rect(10, 10, 10, 10);
testSquare.style('box-shadow: 20px 20px 50px #00d2c6,');
testSquare.style('-30px -30px 60px #00ffff;&#
浏览 2提问于2020-08-26得票数 1
1回答
我正在尝试使用一些数学方法在P5中旋转一个红色和蓝色的圆圈。它由两个半圆组成。正如您所看到的，这两个圆当前围绕10像素半径运行，而不是旋转。如果我将半径更改为0，它将失去该关系。我不想使用旋转函数...
let angle = 0; //declare a variable for the initial angle
function setup() {
createCanvas(400, 400);
noStroke();
}
function draw() {
background(255);
noStroke;
angleMode(DEGREES);
浏览 25提问于2020-08-01得票数 0
回答已采纳
我有一个绘制树的类，但是我希望当鼠标按下时能够绘制另一棵树，但是我现在不能像redraw()一样；简单地在当前画布上添加一棵树。我希望能够绘制一个新的每一次点击树。 我试图找到一种删除对象或重置类属性的方法，但是没有成功。我使用了p5.js编辑器，下面的代码可以在这里找到：https://editor.p5js.org/remcqueen/sketches/Sk0smd8G4 var a;
function setup() {
createCanvas(600, 600);
a = new clCreateTree();
}
function draw() {
noLoo
浏览 12提问于2019-01-12得票数 2
回答已采纳
我试图使用p5.js中的loadXML()函数加载本地保存在我的计算机上的XML文件，然后使用httpPost()函数将其发送到服务器，该服务器希望通过以下代码获得一个XML文件：
var url = "http://localhost:9000";
var file;
function preload(){
file = loadXML("filename,xml");
}
function setup(){
httpPost(url,"xml",file,success,failure);
}
function success(
浏览 0提问于2018-08-20得票数 1
回答已采纳
这是我的
<script type="text/javascript" src="{{ url_for('static', filename='lib/p5.js') }}"></script>
<script type="text/javascript" src="{{ url_for('static', filename='lib/p5.dom.js') }}"></script>
<script
浏览 5提问于2019-12-31得票数 0
我在这里一定犯了一些编码错误，因为我一直在调整这段代码，并且在过去几周里成功地运行了它。现在看来，我得到了一个错误，我不太确定为什么。当我注释这一行(124)时，错误就消失了：
sphere(20);
此错误如下所示：
Uncaught TypeError: Cannot read property 'transpose3x3' of null
at p5.Matrix.inverseTranspose (p5.js:31017)
at p5.RendererGL._setMatrixUniforms (p5.js:31953)
at p5.Render
浏览 1提问于2017-03-14得票数 1
回答已采纳
1回答
我差点让这个p5.js‘艺术品’开始工作了。但我不知道他们为何都停留在某一点上。我用类格式编写了它们，并检查了代码，但是找不到导致这种错误的任何错误。谢谢
不多的细节要添加对不起不多的细节要添加对不起
cubic = [];
function setup(){
createCanvas(windowWidth, windowHeight, WEBGL);
back = color(22,22,22);
for (let i = 0; i < 5; i++) {
let looper = map(i, 0, 4, 100, width - 100);
浏览 1提问于2020-06-13得票数 2
回答已采纳
1回答
我遵循教科书的示例7.1 (原始代码是用Java编写的，但由于处理库在功能上与p5.js相同，所以为了方便起见，我重写了它JavaScript )。
我相信我已经逐字复制了示例代码，但不知怎么的，我最终得到了一个我没想到的结果。所显示的Sierpinski三角形中有一个不完整的部分。
我想知道我的代码哪里出错了，或者我可能误解了什么才导致了这类问题。
这是图像的代码
class CA {
constructor(ca_width) {
this.generation = 0;
this.w = 5;
this.cells = new Array(105
浏览 9提问于2022-05-24得票数 2
回答已采纳
我使用iframe来运行P5.js代码。当我点击运行按钮超过两次，它总是给出'p5.js似乎已被导入多次。请删除重复导入‘的信息。发生了什么？我该如何解决这个问题？ var buttonElement = document.querySelector('button');
buttonElement.addEventListener('click', function(event){
clearIframe('iframe');
var idocument = iframe.contentDocument;
i
浏览 13提问于2021-02-02得票数 0
我正在使用p5js，我试图在我的目录中加载和显示一些图像。我试图在预加载函数中使用loadImage()方法来加载图像。然而，当我运行程序时，我会得到以下错误
Fetch API cannot load file:///Users/mainuser/Documents/school/Senior/FinalProject/imgs/arms_up.png. URL scheme "file" is not supported.
p5.js says: It looks like there was a problem loading your image. Try check
浏览 7提问于2021-11-29得票数 0
回答已采纳
我用P5.js开发了几个游戏，我设法让它们在60fps左右工作。遗憾的是，我发现它们在很多浏览器上的速度都在10fps左右，包括最新版本的chrome和safari。问题似乎来自P5.js。
这是一个显示帧速率的非常简短的草图。在snippet上工作得很好，但当我把它变成整个页面时，它在许多浏览器上都变成了10fps。
有没有办法解决这个问题？我有点迷路了。
下面是P5.js的草图
我也在上贴出了这个问题
function setup() {
createCanvas(windowWidth, windowHeight);
}
function windowResized() {
浏览 3提问于2018-05-29得票数 0
我正在尝试使用p5.js构建一个响应界面。
它使用用户响应来更新pyo4对象变量。
问题
我可以在p5.js中使用Python吗？
问题
如果我不能使用Python，我可以在p5.js中使用PHP并在PHP中唤起Python吗？
我尝试了这个简单的例子，但没有成功：
var htmlString="<?php echo $htmlString;?>"
浏览 3提问于2018-03-17得票数 0
回答已采纳
在p5.js示例项目"song“中，有一行代码说
function mousePressed(){
var key = floor(map(mouseX, 0, width, 0, notes.length));
playNote(notes[key]);
}
我无论如何也想不出这到底是怎么回事。我知道这层楼只会四舍五入到最近的整数。Map，不过，我认为这是为了将一个数组转换为另一个数组，并在此过程中进行了一些更改。
当前的音符是基于按下鼠标时的x位置播放的，而不是y位置，所以这就是我要做的。有没有人能帮助我理解这是做什么，它是如何工作的，以及我如何改变它？
浏览 1提问于2017-05-23得票数 0
我将如何将这个p5.js代码转换成画布？例如，createCanvas方法不在画布中。draw()和setup()也是如此。
function setup() {
createCanvas(300, 300);
}
function draw() {
background(50);
for (var r = 0; r < 10; r++) {
for (var c = 0; c < 10; c++) {
stroke(0);
fill(10 * r, 10 * c, 255)
rect(30, 30, 30, 30);
浏览 1提问于2021-06-29得票数 0
回答已采纳
我想把可点击的库添加到我的素描中。
<!DOCTYPE html>
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.8.0/addons/p5.dom.min.js"></script>
<
浏览 0提问于2019-09-02得票数 0
回答已采纳
我希望获得一个变量的值与用户单击按钮的次数一样多。我正在使用P5.js编辑器。
let button;
let upScore =0 ,preScore=0;
let run = [1, 2, 3, 4, 5, 6, 7, 8, 9, 0];
function setup() {
createCanvas(200, 200);
background(128);
button = createButton('click me');
button.position(60, 100);
button.mousePressed(clickAdd);
浏览 2提问于2020-08-12得票数 2
回答已采纳
我使用p5.js是为了构建一些想法的原型，但由于p5.js并不是真正使用实际的HTML绘制内容(据我所知，它使用的是画布)，所以它不包括可选文本之类的内容。我想要达到的效果是不断变化的( DOM元素的CSS会不断变化)，有没有办法让我可以像p5.js的update函数那样，每“帧”改变一次CSS函数？
浏览 13提问于2020-04-22得票数 0
回答已采纳
嗨，我有一个简单的脚本，我在画布中间画了一个圆圈！我想要做的是在DOM的特定点添加画布。 下面是我尝试将画布添加到id为canvas的div中的代码，而不是脚本所在的位置！： function setup() {
//REMOVE p5JS default canvas:
//var p5Canvas = document.getElementById("defaultCanvas0");
//p5Canvas.remove(); //Remove DOM element
//CREATE NEW CANVAS:
//var canvas =
浏览 48提问于2021-05-07得票数 1
回答已采纳
如何用纯香草JS编写p5.js函数p5.Vector.random2D()？我试图在普通画布中重新创建它，而不使用p5.js
浏览 3提问于2021-04-17得票数 0
回答已采纳
1回答
我想从/home/ut/programmes/Programmation/p5-linux/Projets/访问我的文件夹localhost/p5.js
对于/etc/apache2/sites-available/000-default.conf的这种配置(在<VirtualHost *:80>标记中)， ：
Alias "/p5.js" "/home/ut/programmes/Programmation/p5-linux/Projets"
<Directory "/home/ut/programmes/Programmation/
浏览 0提问于2017-02-04得票数 0
1回答
所以，我试图在我的网站上加入一个绘图页面，P5.js可能是我知道的最简单的方法，因为它类似于Processing.js，我从可汗学院学到了这一点。但出于某种原因，画布没有出现，问题是，没有错误信息，而且，它在P5.js网站编辑器上工作。
诚然，除了将代码复制粘贴到脚本标记之外，我还没有尝试过更多的方法，所以这可能是非常明显的。以下是脚本标记：
<script src="lib/p5.js">
function setup() {
createCanvas(400, 400);
background(255, 255, 255);
no
浏览 1提问于2021-09-27得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
