我正在尝试上传一张照片作为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
我正在制作一个非常基本的示例,它使用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
我希望在类中使用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
我试图使用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(
我在这里一定犯了一些编码错误,因为我一直在调整这段代码,并且在过去几周里成功地运行了它。现在看来,我得到了一个错误,我不太确定为什么。当我注释这一行(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
我使用iframe来运行P5.js代码。当我点击运行按钮超过两次,它总是给出'p5.js似乎已被导入多次。请删除重复导入‘的信息。发生了什么?我该如何解决这个问题? var buttonElement = document.querySelector('button');
buttonElement.addEventListener('click', function(event){
clearIframe('iframe');
var idocument = iframe.contentDocument;
i
我正在使用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
每次点击鼠标时,我都想在画布上画一个随机图像。
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')
}
我的p5.js和sketch.js脚本都不会加载。
我的index.html由Node.js加载
我认为我在<script>标记中误用了<script>值。我的p5.js脚本在一个级别上,在一个名为P5的文件夹中,而我的sketch.js文件位于一个名为P5Scripts的文件夹中,与这个index.html文件位于同一个目录中。
在chrome控制台中,我得到以下消息:Loading failed for the <script> with source “http://45.76.140.199:3000/P5/p5.js”.
和
Loading fai
我有一个简单的烧瓶网站,在那里我有一些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
我正在尝试将我为processing.js编写的一些代码转换为使用p5.js。在现有代码中,我使用processing = new Processing(canvas, p => (p.draw = draw_frame))之类的语句创建了一个对象,画布在HTML语言中定义为<canvas id="canvas"></canvas>,所有处理函数和属性都附加到处理对象上。例如,要绘制一个三角形,我会编写类似self.processing.triangle(...)的代码。在p5.js中,所有常见函数似乎都是全局定义的。有没有办法在不污染全局范围的
正如我对前面说的,我正在用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
我目前正在使用p5.js进行一个项目。直到现在,我可以显示三维原语形状,如盒,球或圆柱。我在互联网上搜索,发现p5.js只接受.obj文件作为模型。因此,我尝试遵循编码列车的教程(),但结果是不同的。
我仍然尝试将教程中的代码放在我看来合乎逻辑的地方,但控制台上有一个错误。有关信息,我在http-server上运行我的项目,不需要只运行index.html文件。以下是代码:
let bottle;
function preload() {
bottle = loadModel('glass_bottle.obj');
}
function setup() {
请看下面的P5代码。
这个小应用程序的目的是拖放一个图像到画布上,根据上传的图像的宽度和高度改变它的大小。
/**************************************************/
//GENERAL
var canvas;
//IMAGE
var img;//image
var imgW;//image width
var imgH;//image height
/**************************************************/
function setup(){
canvas = createCanvas(710,