Luiz Paulo

[javascript] Jogo Sokobox em jQuery

Demorei um pouco para postar esse jogo. Mas enfim, tive tempo de fazê-lo, rs

Quem me acompanha, sabe que gosto de inventar moda, então resolvi refazer o famoso joguinho de empurrar caixas no jQuery.

O jogo tem 105 fases. E obviamente as fases subsequentes são bloqueadas. Você precisa passar da corrente para liberá-la, hehe.

Além disso o jogo conta com 2 skins

- homem emourrando caixas

- carro empurrando blocos

Alguns amigos já testaram e reclamaram que não funciona no touch do celular, mas por enquanto não só funciona via teclado mesmo (setas, a, s, d, e).

Histórico
Quando iniciei o desenvolvimento, estava escrevendo os cenários com vetores (GIGANTESCOS), o que estava tornando o trabalho metodico e difícil.
Levei por volta de 1 dias para finalizar o jogo (incluindo as fases), e gostei bastante do resultado.

Pensei em guardar estatísticas, scores, etc. Mas isso ficará para um próximo passo pois tenho muitas outras prioridades, rs.

Depois das fazes quase prontas, resolvi refazer utilizando caracteres para desenhar um cenário. Segue um exemplo:

__###___
__#+#___
__#-####
###@-@+#
#+-@&###
####@#__
___#+#__
___###__

Achei essa forma bem mais intuitiva para gerar os cenários.
Enfim... Espero que gostem!

Abraços.

Categorias: Artigo, JavaScript, Jogo
Tags: , javascript, Jogo, jquery, movebox, sokobox

CheatSheet – Guia rápido sobre Jquery 1.4

O Cheat Sheet é um resumo de um assunto específico que pode ser utilizada como guia rápido. Nele você pode encontrar sintaxes, códigos, exemplos, conceitos e dicas.

Não podemos considerá-lo um manual completo pois é bem compacto, mas quebra bastante o galho! Além de úteis, normalmente são feitos com visual agradável, podendo ser impresso e facilmente colado no seu escritório.

Taí um cheatSheet do mais novo jQuery 1.4. \o/
Esse é oficial divulgado no site do próprio framewowk.

Façam bom proveito!

Categorias: CheatSheet, Desenvolvimento web, JavaScript
Tags: , CheatSheet, javascript, jquery

[javascript] Jogo da velha em jQuery (tic tac toe)

Sempre quis fazer algum joguinho em javascript, então, resolvi fazer um Jogo da Velha, pois é relativamente simples.
Já havia feito um jogo da velha e um quebra cabeça em flash, mas não tem a mesma graça que em Javascript. hehe

Veja o jogo da velha aqui

Esse joguinho foi feito em jQuery está bem completo.
Com possibilidades de jogar sozinho ou contra o computador.

A inteligência do jogo está dividida em 3 níveis:
Fácil: Nesse nível o computador apenas joga na próxima casa (em ordem crescente).
Médio: No nível médio o computador joga aleatoriamente e bloqueia fechamento de jogos (quando estamos a uma jogada de ganhar o jogo).
Difícil: O difícil utiliza um algoritmo mais complexo com verificações de melhores jogadas, estratégias e etc.

Espero que gostem

Meu objetivo é continuar fazendo jogos, nos próximos farei em Canvas. Mais para refinar a tecnologia, hehe
Talvez até refaça o Jogo da velha nessa tecnologia.
O objetivo principal é fazer um xadrez, mas esse levará bastante tempo.

Categorias: Desenvolvimento web, JavaScript, Jogo
Tags: , exemplo, game, javascript, Jogo, jquery

CheatSheet – Guia rápido sobre Jquery 1.3.2

O Cheat Sheet é um resumo de um assunto específico que pode ser utilizada como guia rápido. Nele você pode encontrar sintaxes, códigos, exemplos, conceitos e dicas.
Não podemos considerá-lo um manual completo pois é bem compacto, mas quebra bastante o galho! Além de úteis, normalmente são feitos com visual agradável, podendo ser impresso e facilmente colado no seu escritório.

Postei a um tempo atrás o CheatSheet - Guia rápido sobre Jquery mas está desatualizado, então segue a documentação para o jQuery 1.3.2.

Cliquei aqui e baixe de uma vez!

Façam bom proveito!

Categorias: CheatSheet, Desenvolvimento web, JavaScript, Linguagens
Tags: , CheatSheet, jquery

CheatSheet – Guia rápido sobre Jquery

O Cheat Sheet é um resumo de um assunto específico que pode ser utilizado como guia rápido. Nele você pode encontrar sintaxes, códigos, exemplos, conceitos e dicas.

Não podemos considerá-lo um manual completo pois é bem compacto, mas quebra bastante o galho! Além de úteis, normalmente são feitos com visual agradável, podendo ser impressos e facilmente colados no seu escritório.

Nesse primeiro post, você poderá baixar algumas versões do jQuery no formato Cheat Sheet.
Façam bom proveito!

Categorias: CheatSheet, Desenvolvimento web, JavaScript, Tendências
Tags: , CheatSheet, framework, guide, javascript, jquery