Como fazer uma área curvada realística para touch ou click.

1

Tagged

Stats

1,672 visits, 1,787 views

Tools

License

This tutorial is licensed under CC BY 4.0. Please refer to the license text if you wish to reuse, share or remix the content contained within this tutorial.

Published on 18 Aug, 2015. Last updated 25 Feb, 2019

Bem-vindo, neste tutorial para que eu ensine uma maneira eficiente de criar áreas de objetos não-quadrados para dar mais realismo ao toque ou clique sobre estes objetos.

Para este projeto nós precisaremos dos seguintes objetos.

Eu fiz este tutorial porque eu tentei criar um projeto em que queria clicar em um objeto, porém um objeto curvo e com fundo transparente, clicando em tudo funciona perfeito, mas se você clicar fora da curva da figura mostrada, o objeto tem tido com clicado. Quando se clica em um objeto, o Construct 2 reconhece o tamanho total do objeto: sua plena altura e largura.

A imagem abaixo ilustra isso:

*

*

Para fazer esse projeto você precisa destes seguintes objetos:

A imagem png transparente mostrando um objeto curvo. No meu caso uma bola de futebol americano. Chame a de ball_1.

Um sprite de cor azul chamado touching_1 e tamanho 25x25. Note que você deve redimensionar as várias maneiras que esta figura posteriormente deve ter.

Um touch e / ou click disponível no projeto.

Mão na massa:

Adicionar a figura da bola ball_1 ao projeto.

Adicionar uma caixa de texto txt_listening.

Adicionar o cubo do sprite touching_1 para o projeto.

pressione Ctrl + C no touching_1 e posteriormente Ctrl + V para colar e posicionar repetidamente on Call ball_1.png várias vezes para concluir o esboço completo do ball_1.

Note-se que quanto menor e em maior quantidade a figura touching_1 tiver, mais realístico ficará o touch e / ou click, mas se colocar muita excessiva quantidade de objetos Touch vai exigir mais processamento do computador.

Você precisa deixar configurado de forma semelhante ao que mostra nesta imagem:

*

*

Touching_1 deve ter setada visibilidade inicial como invisível.

Se Touching_1 por algum motivo ainda é exibido na tela de torne a opacidade dele para 0.

Configurar o sensor de toque e / ou clicar para disparar/fazer alguma coisa quando você clicar em touching_1. No meu caso eu configurado para definir txt_listening com o texto: "tem sido clicado". E a cada 2 segundos com o texto "não tem sido clicado".

Defina a Event Sheet para ficar com esta aparência:

Qando tocar em touching_1 => Definir txt_listening para texto: "foi clicado"

A cada 2 segundos => Definir txt_listening ao texto: "Não foi clicado"

*

*

E o resultado final:

*

*

Pronto é isso que eu queria mostrar, muito obrigado por sua atenção.

  • 0 Comments

Want to leave a comment? Login or Register an account!