Como criar uma bússola em construct 2 – compass

Todos os dispositivos móveis que contém um acelerômetro, têm condições de retornar alguns ângulos de inclinações. Dentre eles temos o ângulo de inclinação vertical, horizontal, e de inclinação à direção norte. De posse destes ângulos temos condições de aplicar a funcionalidades de Apps ou Games.

Nesta aula apresento como capturar e utilizar o ângulo de inclinação à direção norte, aplicado a bússolas.

Para isto utilizaremos a ferramenta Construct 2, que pode ser baixada pelo site Scirra
Os testes da aula somente serão possíveis através de um dispositivo mobile (pois precisa ser utilizado o acelerômetro) e para isto iremos gerar o APK pelo site Cocoon.io
E imagens baixadas da internet.

Como criar uma bússola em construct 2 – compass

bússola compass construct2

Dentro do construct obtemos os valores da movimentação e inclinação do acelerômetro através do plugin de touch, onde temos os atributos: Alpha, Beta, e Gamma.
Nesta aula estaremos utilizando Alpha – indica a inclinação ao “norte” utilizado para bússola.

A lógica é bem simples: precisamos estar sempre capturando o valor de Alpha e depois de capturado precisamos aplicar no ângulo de um objeto, para que este sempre esteva apontado para o norte.

Passos da aula

– Criar um projeto novo
– Inserir o plugin de touch
– Criar uma interface amigável (com cara de bússola, e um objeto para ser a agulha)
– A todo momento (every tick) capturar o valor do atributo Alpha
– Aplicar o valor capturado no ângulo do objeto agulha
– Gerar o APK para teste pelo site cocoon.oi
– Visualizar o resultado no celular

Código

script compass construct2 bussola

Vídeo aula

Abraços
Maciel

Para receber atualizações assine nossa newsletter, e o canal no youtube: Canal Youtube

Siga nossas postagens nas redes sociais:
– Curta a Fanpage: Facebook
– Acompanhe nossas postagens no G+: Google Plus
– Receba atualizações pelo Twitter: Twitter

Fundador do Site / Blog Perametade Games.

Participe

Avalie nosso conteúdo, use os comentários do post ou nossas redes sociais. Você também pode participar sugerindo conteúdo ou requisitando uma atenção especial.

Assine nossa newsletter!

Fields marked with an * are required

Mais postagens

Veja todos os posts