Este tutorial é recomendado pela equipe de Construção! Isso significa que ele contém informações úteis e de alta qualidade que ajudarão a crescer você como desenvolvedor de jogos.
Obrigado por escolher a Construção 3! Vamos começar a fazer seu primeiro jogo. Faremos o jogo de demonstração do Ghost Shooter. Você aprenderá tudo o que precisa saber para fazer um jogo simples - de camadas ao sistema de eventos!
TUTORIAL DE PLATAFORMA ALTERNATIVA
Este guia fará um jogo de alto nível de tiro. Quer começar com um jogo de plataforma em vez disso? Experimente o outro tutorial para iniciantes Como fazer um jogo de plataforma.
VEJA O JOGO ACABADO
É útil saber para o que estamos indo, então. clique aqui para abrir o jogo acabado. Uma vez carregada, clique no botão Visualização (mostrado em vermelho abaixo) para executá-lo e experimentá-lo.
The Preview button in Construct 3
Então você pode ver o que estamos mirando: um jogador que olha para o mouse, se move com teclas de seta, e atira em monstros com o mouse.
Quando terminar, feche a visualização e pressione a recarga no seu navegador para que o Construct 3 reinicie. Isso é para que possamos começar o resto do tutorial a partir de uma lousa limpa.
PEDINDO AJUDA
Se você ficar preso ou tem uma pergunta, o melhor lugar para ir é nossos fóruns. Nós desabilitamos os comentários para este tutorial porque eles são facilmente perdidos - é mais provável que você obtenha uma resposta no fórum.
COMEÇANDO
Se você ainda não está olhando para uma cópia nova do Construto 3, basta visitar editor.construct.net. Isso mesmo, o Construa 3 corre bem no seu navegador! Não há nada para instalar ou configurar. Se você ver um erro, verifique o requisitos do sistema página, você pode precisar atualizar seu navegador ou sistema.
CRIE UM NOVO PROJETO
Clique no botão Novo projeto. Um diálogo aparecerá pedindo alguns detalhes. Você não precisa mudar nada, mas pode digitar um nome para o seu projeto se quiser (que tal o meu super incrível jogo?). Clique em Criar e você deve ver um novo projeto vazio algo assim.
A new empty project in Construct 3
Um novo projeto vazio na Construção 3
Nota sobre capturas de tela: estamos usando o tema padrão no Construct 3 para imagens. Se você mudar o tema, ou Construct 3 parece um pouco diferente, não se preocupe - ele ainda deve ser simples de seguir adiante.
The main view in the middle of the screen is the layout view. This is the design view where you create and position objects. Think of a layout like a game level or menu screen. In other tools, this might have been called a room, scene or frame.
ADDING OBJECTS
Let's add the objects our game will need. The first is the background.
TILED BACKGROUND
An easy way to make a background is to repeat an image over the layout. The Tiled background object can do this for us. First, here's your background image - right click it and save it to your computer somewhere:
Background image to use
Now, double click a space in the layout to create a new object. (Later, if it's full, you can also right-click and select Insert new object.) Once the Create new object dialog appears, double click the Tiled Background object.
Creating a tiled background object
The mouse will turn in to a crosshair for you to indicate where to place the object. Click somewhere near the middle of the layout. The image editor now opens for you to draw or import the image to tile. Let's import the background image you saved earlier. Click the folder icon to load an image from your computer, find where you downloaded the file to, and select it.
Importing an image
Close the image editor by clicking the X in the top-right. Now you should see your tiled background object in the layout. Let's resize it to cover the entire layout. Make sure it's selected, then the Properties Bar on the left should show all the settings for the object, including its size and position. Set its position to 0, 0 (the top left of the layout), and its size to 1708 x 960 (the size of the layout - this is the default size, based on twice the size of the viewport).
The position and size for the background
Vamos pesquisar nosso trabalho. Segure e role a roda do mouse para baixo para diminuir o zoom. Alternativamente, clique com o botão direito do mouse e selecione ControlVer►Diminuir o zoom um par de vezes. Você também pode segurar , ou o botão do mouse do meio, para garimpar ao redor. Legal, não é? Seu fundo de azulejo deve cobrir todo o layout agora:Space bar
Zoomed out view of layout
Visão ampliada do layout
Clique + ou clique com o botão direito do mouse e selecione Ctrl0Ver►Redefinir zoom para voltar à vista 1:1.
(Se você estiver impaciente como eu, clique no botão Visualização na barra de ferramentas principal - a janela de visualização deve aparecer mostrando seu layout de ladrilhos! Woo!)