Comportamentos dinâmicos de slides ajudam a criar um treinamento interativo que mantém os alunos engajados. No entanto, criar essas experiências com JavaScript pode parecer intimidante, especialmente se você não tiver experiência em programação. Felizmente, agora você pode criar interações avançadas por meio de um simples bate-papo com o AI Assistant. Continue lendo para saber como funciona.

Entenda as interações de JavaScript

A funcionalidade de interações de JavaScript do AI Assistant permite que você crie um comportamento personalizado de slides com JavaScript. Basta descrever suas ideias no chat e o AI Assistant gera o código e o insere em um gatilho Execute JavaScript.

A maioria das interações pode ser conduzida por simples movimentos do mouse, cliques ou entrada do teclado. Você pode fazer com que objetos se movam e reajam de maneiras que os gatilhos comuns não conseguem, como seguir ou evitar o mouse, orbitar outro objeto, mover-se com facilidade, criar efeitos de paralaxe ou responder quando objetos se aproximam. Você também pode modificar as variáveis do Storyline 360 para que o slide lembre o que seu aluno fez e altere o que acontece a seguir.

As interações com JavaScript permitem que o AI Assistant aproveite totalmente a API JavaScript avançada do Storyline 360, desbloqueando possibilidades únicas, como transformar slides em jogos jogáveis. Siga as etapas abaixo para experimentar.

Observação: interações fora do escopo da API JavaScript avançada podem produzir resultados inesperados.

Crie interações em JavaScript

Veja como começar:

1. Abra a guia AI Assistant no lado direito da tela e use a caixa de bate-papo na parte inferior para inserir sua solicitação.
2. Inclua “interações JS” em seus prompts para indicar que você deseja criar interações em JavaScript.

Depois de usar essa frase, o AI Assistant lembra o que você quer, então você não precisará repeti-la, a menos que alterne tarefas, como gerar imagens ou cores de temas.

Exemplos de instruções que você pode experimentar:

• “Usando interações de JS, faça com que todas as formas neste slide evitem o ponteiro do mouse.”
• “Com as interações JS, faça o oval grande girar no mesmo lugar enquanto o oval pequeno orbita ao redor dele.”
• “Vamos usar interações JS. Ajude-me a planejar um jogo simples usando os elementos deste slide.”

Dica profissional: antes de gerar código para interações complexas, peça ajuda ao AI Assistant para planejar o comportamento primeiro. Ele pode sugerir estrutura, apontar detalhes ausentes e fazer perguntas esclarecedoras, ajudando você a se alinhar à abordagem antes que o código seja escrito e evitando resultados indesejados. Observe, no entanto, que ainda estamos trabalhando para melhorar essa funcionalidade.

3. Visualize e continue iterando suas interações.