Solucionado
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")
}
function setup() {
createCanvas(500, 400);
}
function draw() {
background(imagemDaEstrada);
image(imagemDoAtor, 100, 366, 30, 30);
image(imagemCarro, 420, 40, 50, 40)
}
Oi Thais, tudo bem?
Entendo que você está tentando copiar e colar um código, porém ele não está funcionando de forma adequada. Gostaria de ajudar você a resolver esse problema.
Ao analisar o código que você compartilhou, identifiquei algumas questões que podem estar causando o mau funcionamento. Vou explicar cada uma delas e sugerir possíveis soluções.
Pré-carregamento de imagens:
No código que você compartilhou, existe uma função chamada preload() que é usada para carregar as imagens necessárias. Porém, é importante verificar se os caminhos das imagens estão corretos. Certifique-se de que as imagens estrada.png, ator-1.png e carro-1.png estão localizadas no diretório "imagens" e que os nomes estão escritos corretamente, respeitando letras maiúsculas e minúsculas.
Configuração do canvas:
A função setup() é responsável por configurar o ambiente do seu programa. No código que você compartilhou, está sendo criado um canvas com as dimensões de 500 pixels de largura por 400 pixels de altura. Verifique se essas dimensões são adequadas para exibir as imagens corretamente. Caso necessário, você pode ajustar o tamanho do canvas de acordo com as suas necessidades.
Renderização das imagens:
No loop principal do programa, representado pela função draw(), as imagens estão sendo renderizadas na tela. A função image() é utilizada para exibir as imagens em posições específicas. No seu código, a função image() está sendo chamada duas vezes: uma para renderizar a imagem do ator e outra para renderizar a imagem do carro. Verifique se as coordenadas passadas para a função image() estão corretas, considerando a posição desejada para cada imagem. Além disso, verifique se as dimensões passadas (largura e altura) estão adequadas para a visualização das imagens.
É importante mencionar que, para um diagnóstico mais preciso e uma solução mais efetiva, seria necessário ter acesso ao código completo e a mais informações sobre o problema que você está enfrentando. No entanto, com base nas informações que você compartilhou, essas são as possíveis causas do mau funcionamento e as sugestões de solução.
Espero que essas orientações possam ajudá-la a resolver o problema.
Um abraço e bons estudos.