Arquivos da categoria: 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 😉

Instalando jQuery com o Bower

O Bower é um gerenciador de dependências para pacotes de front-end, digamos, de uma forma bem genérica, que o Bower está para Js assim como o Composer está para PHP.

Neste pequeno post, vou mostrar como instalar a biblioteca jQuery no seu projeto através dele. Para seguir este tutorial vamos partir da premissa que você já possui o Bower instalado e funcionando.

Continue lendo

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

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 😉

Hello World com Node.js

Neste post trago a vocês um script simples que mostra como fazer um Hello World utilizando o Node.js. O Node.js é um software que permite rodar JavaScript do lado servidor, fazendo assim, com que as aplicações se tornem mais escaláveis.

O script pode ser baixado AQUI. Para saber mais e baixar o Node.js acesse o site oficial.

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 😉