Arquivo da tag: javascript

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 😉

Automatizando tarefas com JavaScript no OS X Yosemite

A partir da versão Yosemite, o OS X também incluiu suporte ao JavaScript como linguagem oficial para automatização de tarefas, dando uma boa alternativa para quem não gosta muito de AppleScript.

Para começar a escrever seus scripts, basta abrir o Editor de Scripts, selecionar a linguagem e começar a brincadeira.

Continue lendo

Utilizando o Local Storage do HTML 5

HTML5_Logo_128Neste post vou mostrar pra vocês como utilizar o Local Storage, uma característica muito útil e interessante adicionada na versão 5 do HTML.

O Local Storage é um recurso que permite armazenar dados no computador do usuário que não são perdidos caso o usuário feche o navegador, através de JavaScript. É algo similar aos cookies, porém com suporte a um maior volume de dados.

A escrita e leitura de dados é feita através de chave e valor através do objeto localStorage. Vamos então gravar um dado no objeto localStorage:

Continue lendo

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 😉