JS Robot: Aprenda JavaScript jogando


Gostaria de estudar JavaScript jogando? Então conheça o JSRobot!

O que é?

A ideia é bem simples, você precisa fazer o robozinho chegar de forma segura ao seu destino. Mas ao invés de faze-lo se mover utilizando setas ou o mouse, você utilizará de scripts JavaScript para dar ações a ele.

Como Funciona?

Na tela do jogo, há quatro abas de informações para o jogador:

  1. Instructions (instruções): É a documentação/tutorial do jogo. Para cada fase, ele explica um conceito do JavaScript (loop, if-else, etc) e como utilizá-lo no robô. As instruções são importantes para que o jogador consiga chegar até o final.
  2. Script: Está é a aba que você insere o código para movimentar o robo, ela começa oferecendo ao jogador dois métodos: init() e loop(). O primeiro, como o próprio nome já indica, é executado toda vez que a fase é iniciada. O segundo método, é executado a cada ciclo do robô. A ideia é que o jogador adapte o seu código dentro destes métodos para que o robô consiga alcançar o final.
  3. Console: Faz o mesmo que o console dos navegadores, permitinado exibir dados relevantes ao desenvolvedor. É possível também executar metodos para ver resultados
  4. Properties (propriedades): Exibe o objeto robô com todas as propriedades que ele possui em um determinado momento/fase.

O que posso fazer?

É possível faze-lo se movimentar de diversas forma, mas é importante observar as limitações dele (distancia maxima, altura, etc…) para que você não ache que deu bug :).

Gostaria de fazer algo rápido? Vá o console e insira os seguintes comandos:

robot.action = {type: 'move', amount: 40};
robot.action = {type: 'jump', amount: 10};

Esse é o começo, agora você pode adicionar mais código para faze-lo se mexer mais vezes. Bom jogo!

 

O jogo está em inglês e conta atualmente com apenas algumas fases, mas outras novas estão por vir. O seu desenvolvimento é todo obra do desenvolvedor inglês Reaal Khalil. O projeto também está disponível no GitHub.

E você, conhece mais algum jogo para aprender programação? Deixa ai nos comentários!

 

Deixe um comentário