Sabia que é possível fazer com que as pessoas que estejam vendo o seu genially possam arrastar seus elementos? Exatamente, qualquer elemento do seu genially pode ser um elemento arrastável.
Os elementos arrastáveis deixarão suas gamificações muito mais divertidas. Após provar essa funcionalidade, você vai ver que essa forma de interação é irresistível para o seu público. Todo mundo vai querer interagir com o seu conteúdo! Além disso, é uma característica muito fácil de utilizar, e você está a apenas um clique de ativá-la.
Neste tutorial, veremos:
- Ativar o modo arrastar em um elemento
- Ativar o indicador de elementos arrastáveis
- Como funciona o modo arrastar ao visualizar seu genially
Ativar o modo arrastar em um elemento
Para ativar o modo arrastar:
1. Selecione o elemento que deseja tornar arrastável;
2. Clique na opção Ativar arrastar ao visualizar (representada pelo ícone de uma mãozinha) que aparece na barra superior do editor. Você também pode ativar a função Arrastar clicando com o botão direito no elemento e depois em Ativar arrastar ou usando as teclas CTRL/CMD + D uma vez selecionado o elemento desejado. Faça do jeito que achar melhor.
Prontinho! O modo arrastar já está ativado! Recomendamos clicar no ícone Pré-visualizar da barra superior para comprovar como funciona.
Ativar o indicador de elementos arrastáveis
Habilitar o indicador de elementos arrastáveis permite que seu público identifique esses elementos com mais facilidade. Para ativá-lo:
1. Clique no menu superior direito do editor e selecione a opção Preferências;
2. Ative a opção Indicador de elementos arrastáveis, que é uma das opções de visualização.
O indicador é mostrado na parte superior direita das páginas. Quando o seu público clique no indicador, surgirá um ícone sinalizando os elementos que são arrastáveis, assim:
Como funciona o modo arrastar ao visualizar seu genially
É muito simples! Para arrastar um elemento, clique nele e mantenha o clique pressionado. Mova-o por toda a página e posicione-o onde desejar.
É importante ter em conta que um elemento que foi arrastado volta à sua posição original quando você:
- Passa a página;
- Atualiza a janela de navegação do genially;
- Fecha a janela de navegação do genillay.
Se deseja realizar uma dessas três ações, recomendamos terminar de interagir com os elementos arrastáveis.
Gostaria de pôr este tutorial em prática?
Observe este exemplo de uso dos elementos arrastáveis.
Na categoria Gamificação, há outros modelos para criar jogos baseados em elementos arrastados, tais como 4 em linha, parcheesi, forca e muitos outros! Quer dar uma olhada?
