Reproduzir vídeo no Construct 2

Aprenda a inserir e manipular o componente de vídeo no Construct 2

Publicado em

É comum em vários games haver a necessidade de inserir vídeos, seja para Cut Scene, Tutorial do jogo ou qualquer outra funcionalidade.

Como toda boa ferramenta para desenvolvimento de jogos, o Scirra Construct 2 do total suporte para reprodução e manipilação dos vídeos, na qual será o tema deste artigo.

Os formatos permitidos são: .mp4, .ogv e .webm.

Antes de qualquer coisa, insira o componente vídeo em seu Layout e ajuste conforme achar melhor.

Inserir componente Video no Construct 2
Inserir componente Video no Construct 2

Na aba Projects, em cima da pasta Files, clique com o botão direito do mouse em seguida clique em Import Files, selecione o seu vídeo em uma das extensões válidas.

Importar arquivo de vídeo em .MP4.
Importar arquivo de vídeo em .MP4.

Agora já temos nosso vídeo importado e também o componente inserido na tela, insira também dois botões ou imagens para representar o botão de Play e Pause e por último o componente Mouse, para clicar nos botões.

Ajustar o layout com o vídeo e os botões: Play e Pause.
Ajustar o layout com o vídeo e os botões: Play e Pause.

Agora vamos para o Event Sheet 1, onde vamos adicionar os eventos e ações para nosso “player” de vídeo.

Quando o layout for carregado, na propriedade Setvídeosource, informe o nome com a extensão de seu vídeo.

Para o evento de clique no botão pause, adicione a propriedade pause do vídeo.

Para o evento de clique no botão play, adicione a propriedade play do vídeo.

O componente Video contém um evento chamado Hasended, que é disparado quando o vídeo finaliza e quando isto ocorrer devemos voltar o tempo inicial para 0. Adicione o evento Hasended e para ação do vídeo, adicione a propriedade Set playback time to para zero.

Event Sheet 1 com os eventos e ações do player.
Event Sheet 1 com os eventos e ações do player.

Se você seguiu os passos anteriores, de play no seu projeto e veja o resultado como mostrado abaixo.

Resultado final com o vídeo no Construct 2.
Resultado final com o vídeo no Construct 2.

Basicamente é isso, mas caso se perdeu ou não conseguiu, veja a videoaula abaixo, na qual mostra passo a passo os processos para a criação do player.

Até a próxima!

 

Gunnar Correa
Gunnar Correa

Autodidata, Graduado em Desenvolvimento Web, Especialista em Tecnologias na Educação e Pós-graduando em Segurança da Informação. Começou seus estudos na área de programação quando era criança, e atualmente, está estudando desenvolvimento de jogos. Fundador da SatellaSoft, criado em 2009 com o intuito de compartilhar conhecimento de forma gratuita e inédita.

Todos os nossos cursos em promoção
Todos os nossos cursos em promoção

Webstories

Todos os nossos cursos em promoção


Deixe um comentário
Aguarde...
Todos os nossos cursos em promoção