Canvas html 5

[Good 4]

Estou criando um jogo com html5 multiplayer, e minha dúvida está na hora do movimento do jogador.. tipo, criei várias camadas: parede, chão, água, etc.. e a camada dos personagens, só que eu dando uma olhada em outros códigos, vi que usa a função clearRect (a função é mover a imagem), mas não estou com os códigos para testar.

 

Eu usando a função clearRect, moverá apenas a imagem do personagem que eu quero ou moverá todo o canvas? :s

 

Como faço para mover apenas uma das imagens colocadas no canvas?

 

até mais, obrigado :D

 

 

Resumindo: tenho várias imagens colocadas no canvas, e uma dessas imagens eu tenho que mover.. como fazer isso?

[xanburzum 169]

vc teria que criar tipo um loop para ele ir movimentando ou funções para obter as coordenadas do mouse.

 

 

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="red";
ctx.fillRect(0,0,300,150);
ctx.clearRect(20,20,100,50);

 

 

exemplo

[Good 4]

Mas a questão não é essa não..

 

Como deve ser:

- Há 3 ou mais quadrados num canvas, cada um representando uma pessoa;

- Se um quadrado desse se mover, terá que mover em todas as outras telas;

- Se eu passar o mouse sobre um quadrado desse, vai mostrar o nome de cada indivíduo;

 

 

O que eu pensei:

- Criar um canvas para cada quadrado;

- Terá um loop para atualizar todos;

- Se alguém fizer um movimento, o loop mesmo vai atualizar a posição;

- Cada canvas será definido por uma ID, assim irei distinguir cada quadrado;

 

Desse jeito está bom? Pois achei estranho ter que criar um canvas para cada quadrado;

[xanburzum 169]

Terás que criar o canvas separado, pois cada quadrada é um elemento

[Good 4]

Isso que eu queria saber, vlw