Fazer uma matriz para aparecer imagens
Pessoal, boa tarde, iniciei a pouco tempo e estou com algumas dúvidas sobre Matrizes, para ser mais exato, ao colocar imagens nela.
O que eu quero fazer é o seguinte, um jogo na qual uma imagem aparece e a pessoa rapidamente tem que clicar em cima dessa imagem, mas eu preciso usar nesse jogo, matrizes e ser em Javascript. Consegui fazer ele aparecer mas não ficou bem uma matriz rs, vou postar o trecho do código para vocês entenderem o que eu quero dizer e ir me explicando o que eu posso ir fazendo para que uma imagem apareça na matriz, desde já agradeço !!
<html>
<head>
<script type="text/javascript">
var ctx;
function inicio()
{
var c=document.getElementById("cnv")
ctx=c.getContext("2d");
var vi=[];
vi[0]=document.getElementById("i1");
vi[1]=document.getElementById("i2");
vi[2]=document.getElementById("i3");
for(i=0;i<3;i++){
for(j=0;j<3;j++){
ctx.drawImage(vi[[i][j]],100,100)}}
}
</script>
</head>
<body onload="inicio()">
<canvas id="cnv" width="1024" height="568">
Navegador sem suporte
<img src="img1.png" id="i1">
<img src="img2.png" id="i2">
<img src="img3.png" id="i3">
</canvas>
</body>
</html>Discussão (0)
Carregando comentários...