Browser P5.JS草图赢得';不在浏览器中加载
我有一个简单的程序,但我有一个问题。我以前在页面显示“加载…”时遇到问题,但我已经解决了。每当我现在尝试加载时,都会收到“localhost拒绝连接”。我尝试过互联网,但所有的修复似乎都是针对第一个错误。我怎样才能把它装上?代码如下:Browser P5.JS草图赢得';不在浏览器中加载,browser,loading,p5.js,Browser,Loading,P5.js,我有一个简单的程序,但我有一个问题。我以前在页面显示“加载…”时遇到问题,但我已经解决了。每当我现在尝试加载时,都会收到“localhost拒绝连接”。我尝试过互联网,但所有的修复似乎都是针对第一个错误。我怎样才能把它装上?代码如下: let pew; let crosshair; let imgConst = 100; var imgSize = imgConst; var imgChange = [4, (6 + 2/3), 10, -10, -10, -10, -10, -20, (-33
let pew;
let crosshair;
let imgConst = 100;
var imgSize = imgConst;
var imgChange = [4, (6 + 2/3), 10, -10, -10, -10, -10, -20, (-33 - 1/3), -50];
for(var i = 0; i = imgChange.length; i++) {
imgChange[i] = imgSize + imgConst/imgChange[i]
console.log(i)
}
function preload() {
crosshair = loadImage('crosshair.png')
}
function setup() {
createCanvas(windowWidth, windowHeight);
frameRate(10);
noStroke();
noCursor();
pew = new bullet();
}
function draw() {
background(50, 89, 100);
//Shrink bullets
pew.shrink()
//crosshair
image(crosshair, mouseX - imgSize/2, mouseY - imgSize/2, imgSize, imgSize);
}
// bullet class
class bullet {
constructor() {
this.x = [];
this.y = [];
this.size = [];
this.shrinkSpeed = 1;
this.diameter = 10;
}
shrink() {
fill(61, 41, 15)
for(var i = 0; i < this.x.length; i++) {
if(this.size[i] <= 1) {
this.size.splice(i);
} else {
ellipse(this.x[i], this.y[i], this.size[i], this.size[i]);
this.size[i] = this.size[i] - this.shrinkSpeed;
}
}
}
add() {
this.x.push(mouseX);
this.y.push(mouseY);
this.size.push(this.diameter)
for( i = 0; i < imgChange.length * 1; i ++) {
imgSize = imgChange[floor(i)]
console.log(imgSize);
}
}
}
function mousePressed() {
//add bullet
pew.add();
}
let pew;
让十字准线;
设imgConst=100;
var imgSize=imgConst;
var imgChange=[4,(6+2/3),10,-10,-10,-10,-20,--33-1/3),-50];
对于(变量i=0;i=imgChange.length;i++){
imgChange[i]=imgSize+imgConst/imgChange[i]
控制台日志(i)
}
函数预加载(){
crosshair=loadImage('crosshair.png')
}
函数设置(){
createCanvas(窗口宽度、窗口高度);
帧率(10);
仰泳();
noCursor();
皮尤=新子弹();
}
函数绘图(){
背景(50,89100);
//收缩子弹
皮尤心理医生
//十字线
图像(十字线,mouseX-imgSize/2,mouseY-imgSize/2,imgSize,imgSize);
}
//子弹级
等级子弹{
构造函数(){
这个.x=[];
这个.y=[];
this.size=[];
此值为0.shrinkSpeed=1;
这个直径=10;
}
收缩{
填充(61、41、15)
对于(var i=0;i 如果(this.size[i]for循环中有两个问题
首先,在您的第一个for循环中,将i=imgChange.length
更改为i
。其次,您的bullet类的add()
函数中缺少一个var
:for(i=0
)
现在,您的代码应该运行。我遇到了同样的问题,所以我决定从我的问题中复制代码,但更改您所说的,现在它不起作用了……这段代码以前确实起作用了。请从中复制代码以确定是否起作用。如果仍然不起作用,控制台中应该会出现错误消息(如果您不使用web编辑器,请使用CTRL+SHIFT+J)。请确保您的图像(crosshair.png)与草图位于同一文件夹中(在这之前我复制了代码)好的,发生了一些有趣的事情:我检查了控制台,它说找不到图像,因为我忘了我更改了文件位置,所以我修复了代码,但现在,它甚至不会加载,一旦放弃,也不会给出错误消息。