Fiz tudo igual ao professor, olhei linha por linha, mas esse erro aparece sempre, parece que o sketch.js não consegue pegar a referência do imagens.js no background.
Mensagem de erro:
Error: [object Arguments]is not a valid color representation. at undefined:56916:15
p5.js says: An error with message "[object Arguments]is not a valid color representation." occured inside the p5js library when background was called (on line 16 in sketch.js [/sketch.js:16:3])If not stated otherwise, it might be an issue with the arguments passed to background. (http://p5js.org/reference/#/p5/background)
*sketch.js *
//carro
let xCarro = 600
//ator
yAtor = 366
function setup() {
createCanvas(500, 400);
}
function draw() {
background(imagemDaEstrada);
mostraAtor();
mostraCarro();
movimentaCarro();
movimentaAtor();
}
function mostraAtor(){
image(imagemDoAtor, 100,yAtor,28,28);
}
function mostraCarro(){
image(imagemCarro, xCarro,40,50,40);
}
function movimentaCarro(){
xCarro -= 2
}
function movimentaAtor(){
if(keyIsDown(UP_ARROW)){
yAtor -= 3
}
if(keyIsDown(DOWN_ARROW)){
yAtor += 3
}
}imagens.js
let imagemDaEstrada;
let imagemDoAtor;
let imagemCarro;
function preload(){
imagemDaEstrada = loadImage("imagens/estrada.png");
imagemDoAtor = loadImage("imagens/ator-1.png");
imagemCarro = loadImage("imagens/carro-1.png");
}index.html
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.4.0/addons/p5.sound.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8" />
</head>
<body>
<main>
</main>
<script src="sketch.js"></script>
<script src="imagens.js"></script>
</body>
</html>
