Arquivos da categoria: Apps

Ray Casting em JavaScript

No começo da década de 90, quando os recursos computacionais eram bastante limitados, surge um jogo revolucionário: Wolfenstein 3D. Utilizando uma técnica chamada Ray Casting, o jogo conseguia reproduzir um ambiente 3D a partir de um mapa 2D, fazendo apenas cálculos muito loucos simples.

Segue então um exemplo de um cenário 3D, similar ao Wolfenstein 3D, porém utilizando apenas JavaScript. O código está todo comentado em português e foi baseado neste tutorial.

raycasting

Você pode visualizar o exemplo online AQUI, baixar o código AQUI ou me ajudar a melhorar o código no Github.

Ahh, o mapa é um array em JavaScript, então para modificar os objetos do mapa, é só alterar este array. 🙂

Até a próxima 😉

Breakout em JavaScript

breakoutjsUma das dificuldades que encontrei quando comecei a estudar o desenvolvimento de jogos eletrônicos, foi a falta de códigos comentados e de fácil entendimento disponíveis. Pensando nisto, estou disponibilizando o código fonte de um jogo simples feito em JavaScript.

O jogo é um clone do famoso Breakout, porém totalmente escrito em JavaScript, graças ao tão bem-vindo HTML 5. 🙂

O código do jogo foi baseado em um tutorial disponibilizado pela Mozilla. Está totalmente comentado em português, foi escrito exclusivamente em JavaScript (sem a ajuda de nenhum framework) e possui menos de 300 linhas de código (com os comentários!!!). Baixe o código AQUI ou acesse o repositório no Github. Você também pode testar o jogo AQUI. 🙂

Até a próxima 😉

Shake Choose

Shake ChooseO Shake Choose é um aplicativo para Android que tem como objetivo tirar as dúvidas do usuário. Nele, o usuário preenche uma lista com as opções na qual está em dúvida, balança o dispositivo e ele automaticamente sorteia uma das opções informadas.

O app é bem simples e eu o desenvolvi em poucas horas. Ele está disponível na Play Store e o código fonte está disponível AQUI e também no Github.

Até a próxima 😉

Brincando com o elemento canvas do HTML 5

Neste post disponibilizo um script que fiz há algum tempo na qual mostro um exemplo bem básico de como utilizar o elemento canvas do HTML 5. O elemento canvas é um elemento que ajuda os desenvolvedores na criação de aplicativos 2D e 3D utilizando apenas HTML e JavaScript.

O script apenas exibe quadrados de cores aleatórias em lugares aleatórios da tela.

Ele pode ser acessado AQUI e baixado AQUI.

Até a próxima 😉

Tradutor de Código Q

O código Q é uma linguagem internacional de códigos utilizada para comunicações, geralmente feitas através de rádio amador. Através deste código é possível obter e passar várias informações.

Como o código possui várias siglas e seu aprendizado não está entre as coisas mais fáceis do universo, resolvi criar um script que ‘traduz’ o código Q. Basta abrir o aplicativo digitar o código desejado e o aplicativo informará o que aquele código quer dizer.

O script pode ser acessado AQUI e os fontes podem serem baixados AQUI.

O significado dos códigos foi pego na wikipédia.

Até a próxima 😉

JSDice

JSDice é um script que simula um dado virtual feito em JavaScript. O usuário clica no botão e o dado é ‘jogado’. Assim, quando você for jogar banco imobiliário e descobrir que perdeu o dado, pode recorrer ao JSDice :P.

O script pode ser acessado AQUI e os fontes podem serem baixados AQUI.

Até a próxima 😉