Adicionando vídeo no Canvas utilizando tag background

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

}

Topicos relacionados