Animações complexas e controle de impacto com HTML5 e CSS3

[Detonador PHP 1]

Olá galera, tudo bem?

Estou pensando em algo bem ousado e por isso gostaria de saber se alguém tem exemplo de animações bem complexas com CSS3. Gostaria de, por exemplo, criar um tiroteio em HTML para um game que estou mentalizando. Algo próximo ao Xcom: Enemy Unknow. Quero fazer em Html porque acho legal e seria bem inovador e desafiador.

 

Até as animações do tido se movendo de um lado para outro da tela não é tão complicado, mas como eu conseguiria fazer controle de impacto? Como eu saberia que uma div entrou na área de outra?

 

Ideias?

[Vinicius Rangel 208]

nada como uma boa leitura:

http://www.amazon.com/gp/product/1449315178

[Detonador PHP 1]

Muito obrigado pela dica Vinícius.

Pesquisando sobre o assunto descobri mais estas duas engines:

- LimeJS

- CraftyJS

 

Alguém sabe dizer se tem uma melhor que a outra ou se todas são boas?

[Detonador PHP 1]

E o que vocês acham de usar uma Engine para criação de layouts isométricos.

Eu vi uma aqui e achei interessante:

http://www.youtube.com/watch?v=HFdOwV6NbSU

 

Só que eu não sei se ela atende o que eu preciso.

Então pergunto: É muito complicado fazer divs isométricas com CSS?

 

Quero fazer o sistema onde eu tenha o ponto A e selecione o destino para o ponto B, e ocorra uma animação de movimentação.

Fora também que eu quero criar um sistema onde tenha obstáculos.

 

Exemplo:

Quero que um objeto possa se movimentar por até 10 blocos, mas se tiver um obstáculo ele tenha que desviar.

Ou se o objeto que estiver se movimento tiver 4 blocos e a passagem for menor que isso ele não possa passar.

 

Será que é difícil montar um sistema assim?

Alguém tem ideias para me passar?

 

Ou será que já tem uma engine preparada pra isso onde eu só tenho que aplicar meu layout?