Массив изображений P5.js

Question

Я создаю в функции preload массив изображений, которые я хочу использовать позже. Однако, когда я хочу использовать высоту и ширину свойств изображения, тип не определен. Есть какой-нибудь способ бросить или что-то в javascript?

Я пытался создать новый образ, но я пропускаю свойства изображения, пример:

var images = new Array(); 
function preload() {  
images.push(loadImage("image0.jpg")); 

var img=loadImage("image1.jpg"); 
var aspect = img.height/img.width; // Here I successfully get the image properties 
images.push(img); 
} 

function setup() { 
createCanvas(1000, 600); 
var imgNum = parseInt(random(0, images.length - 1), 10); 
var img1 =images[parseInt(imgNum, 10)]; 
var aspect = img1.height/img1.width; // Here img1 has undefined type so the value img1.height is undefined too. 

      console.log("value: "+aspect); 
    image(images[imgNum], 0, 0); 
    console.log(img1); 
} 

поэтому значение img1.height не определено. Я предполагаю, что интерпретатор потерял тип, поэтому есть способ восстановить тип и информацию? что-то вроде приведения в java или C++?

Однако, если не изменить запрос свойств изображения, я могу распечатать изображение, но каждое изображение имеет свое значение, и я не могу изменить его размер.

function setup() { 
createCanvas(1000, 600); 
var img1 =images[parseInt(imgNum, 10)]; 
image(img1, 0, 0); 
} 

Answer 1

Попробуйте сократить разрыв. Что происходит, когда вы это делаете?

function preload() { 
    var img = loadImage("image0.jpg"); 
    console.log(img.height); 
} 

Если это не определено, вы знаете, что что-то не так с этим расположением изображения. Проверьте местоположение и орфографию. Просмотрите вкладку сети ваших инструментов разработчика в своем веб-браузере, чтобы убедиться, что файл загружается.

Что происходит, когда вы просто запускаете это?

var x = parseInt(random(100, width), 10); 
console.log(x); 

Какая ценность x? Это то, чего вы ожидаете?

Аналогично, какое значение это оценивает?

parseInt(imgNum, 10) 

Если это имеет смысл, а затем перейти к этой линии:

var img1 =new p5.Image(images[parseInt(imgNum, 10)]); 

Почему вы это делаете? Массив images должен содержать экземпляры p5.Image. Эта линия не имеет никакого смысла. Вы должны быть в состоянии сделать что-то еще:

var img1 = images[2]; 

Обратите внимание, что я жестко закодировал индекс. Начните с этого только для целей тестирования.

Обратите внимание, что эти вопросы больше для вас, чтобы задать себе вопрос. Это процесс отладки проблемы, и это то, что вы должны делать, когда у вас есть такие проблемы. Попытайтесь изолировать проблему, выяснив, какие части кода работают. Затем скопируйте эти части, чтобы создать MCVE, что поможет вам задать более конкретный вопрос. Удачи.