GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Adicionando vídeo no Canvas utilizando tag background

Tags: #<Tag:0x00007f05dde99f50>

Oii sou desenvolvedora aprendiz e estou criando um jogo simples porém eu queria dar mais dinamismo ao meu jogo colocando um vídeo no Canvas enquanto as ações do jogo acontece porém não tem a mínima ideia de como fazer isso. Segue um trecho do meu código onde acredito que é o local que deverá ser implementado algo,no caso quero trocar a imagem ali inserida por um vídeo,quem puder ajudar ficaria grata,estou tão animada.
Comentei “aqui” especificar as linhas

let imagemDaEstrada;//AQUI****
let imagemDoAtor;
let imagemCarro;
let imagemCarro2;
let imagemCarro3;

//sons do jogo

let somDaTrilha;
let somDaColisao;
let somDoPonto;

function preload(){
imagemDaEstrada = loadImage(“imagens/estrada.png”); //AQUI***
imagemDoAtor = loadImage(“imagens/ator-1.png”);
imagemCarro = loadImage(“imagens/carro-1.png”);
imagemCarro2 = loadImage(“imagens/carro-2.png”);
imagemCarro3 = loadImage(“imagens/carro-3.png”);
imagemCarros = [imagemCarro, imagemCarro2, imagemCarro3, imagemCarro, imagemCarro2, imagemCarro3]

somDaTrilha = loadSound(“sons/trilha.mp3”);
somDaColisao = loadSound(“sons/colidiu.mp3”);
somDoPonto = loadSound(“sons/pontos.wav”);
}

function setup() {
createCanvas(500, 400);

//somDaTrilha.loop();
}

function draw() {
background(imagemDaEstrada); //AQUI
mostraAtor();
mostraCarro();
movimentaCarro();
movimentaAtor();
voltaPosicaoInicialDoCarro();
verificaColisao();
incluiPontos();
marcaPonto();
}

//