P5. JS Эскиз не загружается в браузере - PullRequest
Новая
       9

P5. JS Эскиз не загружается в браузере

0 голосов
/ 31 марта 2020

У меня есть простая программа, которая заменяет вашу мышь перекрестием и оживляет пули при нажатии. Раньше у меня была проблема с отображением страницы «Загрузка ...», но я это исправил. Всякий раз, когда я пытаюсь загрузить его сейчас, он говорит «localhost отказался подключиться». Я просмотрел inte rnet, но все исправления, похоже, связаны с ошибкой, с которой я столкнулся ранее. Как мне заставить его загружаться правильно? Вот код, если кого-то интересует: 

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();
}

Извините за то, насколько грязный код, я давно не кодировал.

1 Ответ

1 голос
/ 01 апреля 2020

У вас есть 2 проблемы для циклов.

Сначала, в вашем первом для l oop, измените i = imgChange.length на i < imgChange.length. Во-вторых, вам не хватает var в функции add() вашего класса маркера: for( i = 0.

Теперь ваш код должен работать.

...