Javascript p5.js类未正确绘制
JavaScript是一种广泛应用于Web开发的脚本语言，p5.js是一个基于JavaScript的创意编程库，用于绘制图形、动画和交互式应用程序。它提供了简单易用的API，使开发者能够快速创建各种视觉效果和交互体验。
p5.js类未正确绘制可能是由以下几个原因导致的：
- 语法错误：检查代码中是否存在拼写错误、缺少分号、括号不匹配等语法错误。这些错误可能导致代码无法正确执行。
- 引用错误：确保正确引入p5.js库文件，并且路径设置正确。如果引用错误，浏览器将无法找到p5.js库文件，导致类未正确绘制。
- 绘制逻辑错误：检查绘制类的逻辑是否正确。可能是在绘制过程中缺少必要的步骤或参数设置不正确。
为了解决这个问题，可以采取以下步骤：
- 检查代码：仔细检查代码，确保没有语法错误。可以使用开发者工具或代码编辑器的语法检查功能来辅助。
- 确认引用：确认是否正确引入了p5.js库文件，并且路径设置正确。可以通过在HTML文件中使用
<script>标签引入p5.js库文件。 - 调试绘制逻辑：使用调试工具或打印语句来检查绘制逻辑。可以逐步执行代码，观察每个步骤的结果，以确定问题所在。
如果以上步骤都没有解决问题，可以参考腾讯云的云开发产品，如云函数（https://cloud.tencent.com/product/scf）或云托管（https://cloud.tencent.com/product/tcb）来部署和运行p5.js应用程序。这些产品提供了稳定可靠的云计算环境，可以帮助开发者快速部署和运行他们的应用程序。
相关·内容
1回答
我使用JavaScript库P5.js创建了一个项目，并使用它的内置line()和省略()函数将线条和圆圈绘制到画布上。我现在试图从我的项目中删除P5.js及其函数的全部，以保留纯JavaScript，但是当我用JavaScripts、ctx.LineTo和ctx.arc替换P5s行和椭圆函数时，结果就不一样了。
用P5.js库创建的图纸看起来更清晰，分辨率更高。
下面的图像是使用P5.js line()和省略()函数创建的。
然而，这个映像是使用纯JavaScript创建的，您可以看到它看起来更糟。
使用纯JavaScript，我已经将线宽设置为最薄的，但是它看起来仍然比P5.j
浏览 3提问于2017-07-15得票数 3
回答已采纳
1回答
我正在使用P5.js和Perlin noise()函数来尝试使用Perlin噪声生成的x和y坐标绘制一个圆。我没有收到任何错误消息，但画布上没有绘制任何内容。我做错了什么？
let width;
let height;
function setup() {
createCanvas(windowWidth, windowHeight);
width = windowWidth;
height = windowHeight;
}
var Circle = function () {
this.x = width / 2;
this.y = height
浏览 0提问于2018-06-05得票数 0
2回答
如何开发自定义统一图形？
、、、、
正在处理中是一个用于处理计算机图形学的Java库，它提供了绘制原始对象、自定义网格等的方法，以及用于动画和控制它们的数学方法(例如简单调和运动)。
p5.js是一个与JavaScript等价的库，用于处理web上的图形。您还可以使用openFramworks，这与C++类似。
如何在统一游戏引擎中实现类似的图形功能？
例如，假设我想构建一个像二重唱这样的游戏。我可以想象如何在处理或p5.js中创建这些图形，而不是在UnityandC#中。你怎么能有那种创造的自由来建立和画统一呢？
谢谢。
浏览 0提问于2019-01-02得票数 2
回答已采纳
我在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
回答已采纳
我对编码很感兴趣。
我平移到画布的中心，我想要绘制的点更低，而不是在画布的中心。我遗漏了什么？
<script language="javascript" type="text/javascript" src="libraries/p5.min.js"></script>
<script language="javascript" type="text/javascript" src="p5.js"></script>
<script langu
浏览 0提问于2020-03-27得票数 0
1回答
在p5.js画布上旋转和绘图
、、、、
我试图在旋转的p5.js画布上绘制，其中画布元素是通过其transform CSS属性旋转的。用户应该能够使用光标在画布上绘制点，即使画布元素正在积极旋转。
下面的代码是我迄今为止尝试过的。但是，它目前无法工作，因为这些点没有正确地显示鼠标在旋转画布上盘旋的位置。我目前正在上测试这一点。
let canvas
function setup() {
canvas = createCanvas(400, 400)
background('#fb88f3')
strokeWeight(10)
}
function draw() {
canvas.style(`
浏览 4提问于2021-06-07得票数 3
回答已采纳
我正在做一个项目，想在同一个画布上同时使用p5.js和fabric.js。我需要fabric.js的功能来在画布上拖动图片，p5.js在图片被拖动时动态地在图片之间绘制线条。我不确定这是否可能，因为它们似乎都有各自独立的画布创建函数 p5.js createCanvas(100, 50); fabric.js canvas = new fabric.Canvas('c'); fabric line类似乎有点太死板，无法实现我想要的效果，所以我正在寻找一个解决办法的想法，或者是一个更适合在fabric canvas上绘制动态线的不同的库。
浏览 85提问于2020-08-07得票数 0
我想在支持webgl的p5.js中绘制一个四边形。我的代码如下所示
function setup() {
myCanvas = createCanvas(window.innerWidth,500,WEBGL);
myCanvas.parent('canvas');
}
function draw(){
background(255);
fill('blue');
beginShape();
vertex(-100,-100,20);
vertex(100,-100,20);
vertex(1
浏览 0提问于2015-11-06得票数 0
我使用p5.js是为了构建一些想法的原型，但由于p5.js并不是真正使用实际的HTML绘制内容(据我所知，它使用的是画布)，所以它不包括可选文本之类的内容。我想要达到的效果是不断变化的( DOM元素的CSS会不断变化)，有没有办法让我可以像p5.js的update函数那样，每“帧”改变一次CSS函数？
浏览 13提问于2020-04-22得票数 0
回答已采纳
1回答
每次点击鼠标时，我都想在画布上画一个随机图像。
let img = []
function preload(){
for (let i = 0; i < 3; i++) {
img[i] = loadImage('img/img' + i + '.png')
}
}
function setup() {
createCanvas(windowWidth, windowHeight)
background(200, 255,255 )
let img = random('img')
}
浏览 0提问于2018-07-08得票数 0
我有一张画在里面的画布。我的目标是使用mouseClicked函数生成绘图，并让它在画布上的任意位置(使用mouseClicked函数)以任意大小绘制，而不会失去形状。形状缩放正确，并且它们似乎指向正确的x和y坐标；但是，当绘图缩小时，形状展开，而当绘图放大时，形状移动得更近。如何缩放绘图，使其相对于x和y坐标，并且不会丢失其整体形状？
function setup() {
createCanvas(800, 800);
background('red');
}
function draw() {}
function drawMickey(mic
浏览 1提问于2017-11-06得票数 1
我一直试图在p5.js中重新创建一个在屏幕上绘制三角形的程序，很像这样：
它是基于Mike的 on codepen.io开发的，但是我在经历它的过程中改变了一些东西。当我第一次尝试在我自己的电脑上直接从他的项目中运行代码时，它根本不起作用，所以我花了一个早上的时间编辑它，使它成为这个新版本，如下所示。
var img;
var xPos = [];
var yPos = [];
var sampleRate = 8;
var shapePoints = 3;
var frames = 0;
function preload() {
img = loadImage(&#
浏览 1提问于2016-07-17得票数 2
回答已采纳
这是我的
<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
我正在尝试使用回调来创建一个异步函数，该函数在绘制循环之后执行计算，而不会减慢它的速度。我读过很多回调示例，很明显我做错了什么。
我已经创建了我想要做的事情的简化版本。当你点击鼠标时，它应该在不挂起绘图循环的情况下完成数学运算。现在，它会导致挂断：
var nPoints = 1;
var sumDone = false;
var sum = 0;
function setup() {
var myCanvas = createCanvas(200, 200);
myCanvas.parent("p5");
}
function draw(){
nP
浏览 0提问于2018-03-20得票数 1
我正在尝试使用p5.js从屏幕上的滑块派生的值来简单地调整对象的形状。
我遇到的问题是，之前绘制的形状的轮廓仍然存在，给人一种后遗症。
我已经尝试过noStroke()修改器，但它根本不能绘制形状。此外，noFill()还给出了一种更奇怪但仍然不正确的行为。
代码示例：
var slider
function setup() {
createCanvas(600, 600)
slider = createSlider(0, 50, 0)
}
function draw() {
rect(10, 10, 80, 80, slider.value())
}
我如何减轻这种行为？
浏览 14提问于2017-07-28得票数 1
1回答
我已经写了一个connect4的python3实现。它的特点是一个将与你对抗的人工智能。它目前使用模块pygame运行，该模块允许您在窗口上绘制某些对象。
我想让这个游戏工作在一个超文本标记语言画布与JavaScript绘图。类似于p5.js的东西。
我不想全部用JavaScript编写，因为python文件运行得很好(出于安全考虑，我不想在客户端运行所有代码)。Python也为此提供了更好的功能。
有什么简单的方法可以做到这一点吗？
浏览 3提问于2017-09-11得票数 1
我在javascript中有几个滑块(特别是使用p5.js库)，需要添加一些样式(添加标签和着色)。有没有可能在javascript中做到这一点，而不使用HTML和CSS？
浏览 36提问于2018-06-10得票数 1
回答已采纳
1回答
我从得到了一个倒计时代码，我做了一些修改，我想让倒计时不要从一开始就开始，当我刷新页面时，我的Js代码是：
var timeleft =5400;
var startTime = 0;
var currentTime = 0;
function convertSeconds(s) {
var decimal = (s/3600) - Math.floor((s/3600))
var h = floor(s/3600);
var min = floor(decimal * 60) ;
var sec = s % 60;
return nf(h, 2)
浏览 0提问于2018-09-02得票数 0
1回答
我正在尝试将我为processing.js编写的一些代码转换为使用p5.js。在现有代码中，我使用processing = new Processing(canvas, p => (p.draw = draw_frame))之类的语句创建了一个对象，画布在HTML语言中定义为<canvas id="canvas"></canvas>，所有处理函数和属性都附加到处理对象上。例如，要绘制一个三角形，我会编写类似self.processing.triangle(...)的代码。在p5.js中，所有常见函数似乎都是全局定义的。有没有办法在不污染全局范围的
浏览 21提问于2021-04-05得票数 1
回答已采纳
0回答
从处理转移到p5.js
、、、
我正在用processing库做一些简单的实验，我想把其中一个草图移植到P5.js上，这样它就可以放在web上了。下面是processing (Java)中的代码：
float t;
void setup() {
background(20);
size(500, 500);
}
void draw(){
stroke(random(0,255), random(0,255), random(0,255));
translate(width/2, height/2);
rotate(radians(45));
line(x(t), y(t), y(t), x(t)
浏览 13提问于2017-01-03得票数 1
我有一个简单的烧瓶网站，在那里我有一些p5.js草图动画播放，这一切都很好。我正在尝试添加另一个草图，但这个草图的唯一区别是它使用的是WEBGL，这就是我认为导致出现以下错误的原因：
Uncaught TypeError: Cannot read property 'transpose3x3' of null
at p5.Matrix.inverseTranspose (p5.js:33125)
at p5.RendererGL._setMatrixUniforms (p5.js:34058)
at p5.RendererGL._bindImmediat
浏览 6提问于2021-02-28得票数 0
我试图跟踪一个物体的位置，这样我就可以在p5.js中画出它后面的轨迹。
我使用translate()和rotate()函数在屏幕周围移动对象，为了绘制跟踪，我打算在每次更新后将对象的位置存储在一个数组中。我知道在处理3，the model X, Y and Z functions时有类似的要求，但据我所知，这些都还没有在javascript版本中实现。
甚至访问画布当前的转换矩阵都是有问题的，此时我正在考虑重新设计api的转换部分，直到添加了此功能。
因此，我的问题基本上是:在应用了一组转换之后，有没有办法确定屏幕(画布)坐标(0，0)？
浏览 6提问于2016-04-30得票数 7
回答已采纳
我目前正在尝试生成艺术/创意编码。我使用p5.js在一个不可见的圆之后生成一些椭圆，我可以用一些控件(改变比例、方向等)来调整椭圆。
现在，我想添加一些功能来切换一些轴/网格等等，如下所示：
我知道，p5.js每秒绘制60次，我可以重新绘制每一帧(我认为我可以通过存储所有的椭圆等来重新绘制每一帧，但对我来说，这似乎是一种糟糕的做法，因为我需要存储大量的信息来重新绘制一些“元翅膀”)。
因此，我的问题是:在不以一种完美的方式存储整个绘图的情况下，我如何才能切换轴/网格？我的第一个想法是使用两个到N个画布来进行“元绘制”，比如斧子、网格等等，如果我切换它们的话，可以清除或重新绘制它们。
浏览 12提问于2022-02-07得票数 2
我有几个p5.js草图，它们都可以在本地运行，但都不会显示在GitHub页面上。下面是html：
<html>
<head>
<meta charset="UTF-8">
<script language="javascript" type="text/javascript" src="libraries/p5.js"></script>
<script language="javascript" type="text/javascript&
浏览 17提问于2017-03-16得票数 0
我尝试使用p5.js绘制画布，但在选项卡不活动时画布停止绘制。我该怎么做呢？，下面是示例代码
function setup() {
frameRate(30);
textSize(20);
textSize(30);
textAlign(CENTER);
}
function draw() {
background(200);
text(frameCount, width / 2, height / 2);
}
浏览 3提问于2018-04-19得票数 2
1回答
我一直使用Stackblitz作为我的IDE，使我能够在我的Chromebook上更好地编码，它确实工作良好，但我一直在努力实现p5库。我应该提到，我只是最近才开始学习编程，所以我将只了解绝对的基本知识。
我添加了p5依赖项以及稍后的p5.js文件，并将其链接到HTML中。但还是什么都没有。
如果所有操作正常，则绘制函数将调用循环并绘制所请求的背景和方格。如果我试图像通常在JavaScript中那样调用函数，它会给我一个错误：“没有定义背景”，本质上告诉我p5没有实现。
浏览 0提问于2019-02-10得票数 0
回答已采纳
1回答
我正在尝试用JavaScript /HTML语言编写一个程序，其中用户输入一个数学函数字符串，比如cos(x)+3或x^2-1，然后JavaScript程序解析这个输入，并使用p5.js绘制它。我不是在寻找整个问题的解决方案，而是一种开始解决问题的方法，或者是一个可能有帮助的外部库。 我已经做了一些研究，以了解如何解决这个问题，但除了一些Python和Objective-C解决方案之外，我什么也找不到。我可以使用什么JS函数/框架将此输入解析为函数？
浏览 15提问于2019-06-16得票数 0
回答已采纳
2回答
我正在尝试创建一个代码，其中一个笑脸是随机绘制在屏幕上和一个随机的颜色，这应该循环，但我不知道如何最好地使用随机()函数来实现这一点。有人能给我指点吗？我已经尝试过使用变量(var在绘制函数中调用函数smileyFace )，但没有成功！
代码：
function setup() {
createCanvas(400, 400);
background(220);
smileyFace(random(0, 400), random(0, 400));
}
function draw() {
}
function smileyFace(x, y) {
fill(250)
浏览 3提问于2019-10-04得票数 2
回答已采纳
2回答
我试图使用html画布制作一些东西，但我必须一次又一次地将上下文传递给每个函数。有什么方法可以跳过或自动完成这个任务吗？
例如，在p5.js中，我们只有设置和绘制函数，没有额外的上下文等等。我也想做同样的事，但规模很小。
function render() {
console.log(data)
// i have to pass context again and again to each function
drawPoint(context, new Vector(mousex, mousey), 6)
drawPoint(conte
浏览 2提问于2021-11-22得票数 0
回答已采纳
1回答
P5.js和嵌套循环
、、、
我对JavaScript和P5.js库非常陌生，目前我正试图在嵌套循环中找到我的头绪。我试图同时迭代x位置和填充透明性，并且我已经使用了while循环，但是当我试图创建一个嵌套的for循环时，我会取消它。
下面是while循环：
function setup() {
createCanvas(500, 200);
}
function draw() {
//background colour
background(0,0,0);
let x = 20;
let alpha = 50;
while (x <= width){
fill(25
浏览 1提问于2020-07-25得票数 1
回答已采纳
我的问题很简单。在p5.js中，有一个绘制函数。我认为您只能绘制元素(就像这个函数中的矩形)。我想要在外部绘制的函数中绘制一个矩形。(仅由某些事件触发)。有人知道我是怎么做到的吗？
编辑:尝试过用rect(x，y，w，h)在外面绘图不起作用。
还尝试在this.drawRect ()中创建一个函数() {}，也没有任何结果。
浏览 1提问于2018-06-09得票数 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
回答已采纳
1回答
我们的网站从查询中选择机构，并将结果以10个位置为一批返回给用户，在网格视图中显示详细信息，并在必应地图中将位置显示为用户图钉。悬停在地图上的项目弹出信息面板等。我的要求，使这更有用如下：
1)当用户将鼠标悬停在网格视图列表中的项目上时，地图上相应的图钉应该高亮显示。2)当用户单击列表中的项目时，地图将缩放到该位置。(我认为用不同的中心和比例重新绘制地图是相对简单的)
我对第一种方法的想法是使用JavaScript来获取相关图钉的元素，并将其替换为处于“突出显示”状态的新图像，然后将其替换为原始图像。
所以我的问题是：-这是正确的方法还是有更好的方法，有没有做类似事情的示例代码？
非常感谢保罗
浏览 1提问于2011-09-28得票数 3
回答已采纳
1回答
我只是试图获得我的音频水平，并绘制一些效果，对于这个基本的例子，只是一个椭圆，但我不能让它工作。以下是代码文件： var mic;
function setup() {
createCanvas(200, 200);
mic = new p5.AudioIn();
mic.start();
}
function draw() {
background(0);
var vol = mic.getLevel();
ellipse(100, 100, vol * 200, vol * 200);
}
function touchStarted() {
getA
浏览 55提问于2021-06-30得票数 0
回答已采纳
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
回答已采纳
2回答
我正在试着根据光标移动的方向旋转图片。下面是我为tring编写的一些代码： <head>
<meta charset="UTF-8">
<script language="javascript" type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.7.3/p5.min.js"></script>
<!-- uncomment
浏览 21提问于2019-04-29得票数 0
2回答
我正在用博客中的JavaScript做实验。它起作用了。但是我不知道如何重新定位画布，因为它出现在页面的底部。我希望它是“在一个帖子里”。你可以看看。我要画布内联，就在帖子标题(穆尔特)下面。
就像，有可能吗？
另外，对于js部分，我使用的是p5.js。很简单，也许我可以在里面放点东西。
HTML代码：
<html>
<head>
<script src="http://cdnjs.cloudflare.com/ajax/libs/p5.js/0.4.12/p5.js"></script>
<script src="
浏览 1提问于2015-09-27得票数 1
回答已采纳
1回答
我试图在画布上生成一个由向量描述的点的网格，以形成一个流场。我在嵌套循环中生成向量，然后将它们推到列表中，最后尝试绘制它们。但是，当我试图绘制它们时，.x和.y属性不被识别。我认为这是因为向量列表是空的/其中只有一个条目，而我不知道为什么。抱歉，如果这是一个简单的问题-这是我第一次使用javascript和p5.js。我的代码如下所示，它应该生成一个统一的点网格。
let width = 600;
let height = 600;
let points = [];
function setup() {
createCanvas(width, height);
background
浏览 7提问于2021-12-24得票数 0
回答已采纳
几个星期以来，我一直在调整我的工作流程，以适应新的亚马逊网络服务版本的Cloud9，它基本上进展顺利，但我遇到了一个奇怪的问题，我找不到任何相关文档。
每当我尝试从客户端JavaScript发送GET请求以从公共目录加载到JSON文件中时，我都会得到一个状态代码为499 ()的HTTP错误。
我尝试运行的主要内容是一个静态页面，它加载到一些JSON中并在画布中呈现数据。现在，我可以使用一种变通方法，我只是将JSON放在一个单独的JS文件中，并将其设置为全局变量，但这并不理想。
以下是一些细节。AWS服务器用于客户端js的Cloud9服务器创建-反应-应用程序web服务器P5.js库相关的JSO
浏览 1提问于2018-03-26得票数 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
回答已采纳
我正在开发一个游戏，非常类似于。为了在游戏中绘画，我用p5.js在mouseX/Y和pmouseX/Y之间画了线
if(mouseIsPressed){
line(mouseX, mouseY, pmouseX, pmouseY);
}
随着代码变得越来越复杂，点的距离变得越来越大，绘图发生延迟，并且在快速拖动时是“有角度的”：
有没有其他方法可以在p5.js中绘制？我正在寻找一个解决方案，使这些“反向C”更圆，而不是~8行。所以基本上在pmouseX/Y中保存坐标的速率更高。
浏览 3提问于2021-06-18得票数 0
1回答
我有一张帆布(用p5.js做的)。当您第一次加载页面时，画布将使用完整的窗口宽度在后台绘制。但我有个按钮可以显示我的项目。按钮会增加窗口的高度。画布不更新以绘制额外的附加高度。没有画布的网站是现场直播的()。
我的问题：
我怎样才能让画布“刷新”或重新绘制画布来覆盖新的窗口大小。
我是否需要担心组件安装，还是p5.js有某种可以帮助解决问题的功能？
//homepage.js
class Index extends React.Component{
constructor(){
super()
this.state
浏览 0提问于2019-06-13得票数 0
我在javascript中创建了一个函数，它可以改变三角形的高度。我还做了一个距离滑块。我试图让滑块改变三角形的高度，但我正在努力使它工作。
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.1.9/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/aja
浏览 2提问于2020-10-03得票数 0
回答已采纳
所以我试着用p5.js在画布上做一个形状移动。然而，它所做的就是在新分配的位置重新绘制相同的形状，而不删除旧位置中的形状，留下某种轨迹，并且不像我想要的那样完全移动它。
下面是我的"Player“类的代码(我想移动的形状)：
function Player() {
this.hp = 10;
this.x = 230;
this.y = 240;
this.color = "red";
this.r = 10;
this.spawn = function(){
fill(this.color);
浏览 7提问于2017-08-05得票数 1
回答已采纳
我已经成功地在P5.js sketch中获得了串行数据 使用这个- GitHub - p5- Serial /p5.serialport:串口API和p5.js库的服务器作为字节数组或字符串值。 当我尝试使用NaN ()将字符串转换为浮点型时，我得到了很多浮点值，这些值不应该出现，因为数据是数值型的。 或者，我尝试以字节数组的形式从串口获取数据。 我找不到一种方法将这个数组转换成我在P5.js中的原始浮点值。 关于如何将字节数组转换为浮点型，或者在将字符串转换为浮点型时避免获取NaN，您有什么想法吗？ 感谢您的时间和帮助。谢谢。 我尝试转换的代码： 从字符串到浮点数，我使用 让incomin
浏览 121提问于2021-02-16得票数 0
回答已采纳
1回答
通过创建一个新实例(请参阅javascript文件中的第58行)，我用p5.js创建了两个单独的画布。然后，我插入了一个名为"firstAnimation“的函数，它将显示在其中一个画布中。
在这里运行代码-->
在我的javascript文件p5.js的第45行中，p5.js告诉我我的函数"secondAnimation“不存在。所以我不能在这个画布上输出另一个动画。
在第49行中，我仍然可以用sketch.circle(100,100,100)在第二个画布中画一个圆圈。
如何在第二个画布中显示我的第二个功能，使我有两个动画？
我只能加一个简单的圆圈
浏览 5提问于2022-02-09得票数 0
回答已采纳
1回答
API加载失败
、、
正如我对前面说的，我正在用chrome编写一个字典扩展，所以现在我使用javascript部分.In命令来获取单词数据，我需要加载一个api，所以我使用了p5.js库，因为加载json数据更容易，但是我对语法感到困惑，我运行到errors.What，我应该这样做吗？
以下是我的javascript代码：
var Dict;
var button = document.getElementById("sub").onclick = submit;
function submit() {
var word = document.getElemen
浏览 2提问于2022-01-09得票数 -1
回答已采纳
2回答
我正在用p5库编写一个小的JS僵尸游戏。当你点击一个僵尸时，它应该计算命中次数，当你错过一个僵尸时，它应该计算命中次数。但是当阵列中有10个僵尸时，它会在每次点击时给出10个结果。这看起来很简单，但我已经花了很长时间来解决这个问题。在我用笨重的代码搞乱游戏之前，我需要一个适当的解决方案。THX请求帮助
// object storing arrays
let zom = [];
let hb = 25;
// player info and ui
;
let hits = 0;
let missed = 0;
function setup() {
let cnv = creat
浏览 0提问于2020-08-12得票数 0
2回答
我使用p5.js编写了简单的代码，在鼠标按下时在屏幕周围绘制图像。 我注意到创建的图像流并不是真的很平滑，特别是当鼠标移动得更快时，它看起来不像一个统一的画笔，而是许多独立的图像。即使鼠标移动较慢，仍然可以看到所有不同的图片。 有没有可能用p5.js使这种效果更流畅，或者我应该尝试另一种方式来实现这一点？ let image1;
function setup() {
createCanvas(windowWidth, windowHeight);
background(220);
image1 = loadImage('https://upload.wikimedi
浏览 34提问于2021-06-29得票数 1
回答已采纳
1回答
据我所知，我已经完成了正确加载静态文件的所有步骤。我能够按照在我的模板中加载一个jpg
但是，我的静态文件夹中的Javascript文件没有加载。
这是我的base.html：
<!DOCTYPE html>
{% load staticfiles %}
<html>
<head>
{% block js %}
<script src="{% static "js/p5" %}"></script>
{% endblock %}
<title>Rango
浏览 4提问于2016-05-31得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
