Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ruby/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Browser P5.JS草图赢得';不在浏览器中加载_Browser_Loading_P5.js - Fatal编程技术网

Browser P5.JS草图赢得';不在浏览器中加载

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

我有一个简单的程序,但我有一个问题。我以前在页面显示“加载…”时遇到问题,但我已经解决了。每当我现在尝试加载时,都会收到“localhost拒绝连接”。我尝试过互联网,但所有的修复似乎都是针对第一个错误。我怎样才能把它装上?代码如下:

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)与草图位于同一文件夹中(在这之前我复制了代码)好的,发生了一些有趣的事情:我检查了控制台,它说找不到图像,因为我忘了我更改了文件位置,所以我修复了代码,但现在,它甚至不会加载,一旦放弃,也不会给出错误消息。