Html5 escala em gamemaker: studio

Video: Game Maker HTML5 - Upload to Newgrounds, Kongregate & More

Resolução e dimensionamento técnicas em GameMaker: Estúdio para alvos de desktop também trabalham para a maior parte da meta de HTML5. No entanto, você pode ajustar o seu código especificamente para as janelas do navegador em vez de desktops. As principais diferenças são que a janela é agora referido como um elemento de tela da página web eo visor torna-se a largura e altura do browser.

Este conjunto de instruções funciona em conjunto com o tutorial do software, HTML5_Scaling. Você pode encontrar este tutorial a partir da janela New Project no separador Tutoriais. Na árvore à esquerda, aberto Intermediário e selecione HTML5_Scaling.

1. Com o tutorial HTML5_Scaling aberta, a partir da árvore de recursos, na pasta de objetos, clique duas vezes em obj_HTML5_Scaling.

   As propriedades do objeto aparecer.

2. Escolha Adicionar Evento → Criar.

   Criar Evento aparece na seção Eventos.

3. Arrastar e soltar uma ação Executar Código da guia de controle para a seção Ações.

   A janela de código aparece.

4. Na janela de código, digite o seguinte:

   base_width = room_width-base_height = room_height-width = base_width-altura = base_height-

5. Clique na marca de seleção verde.

   
   
   
   

   A janela de código é salvo e fechado.

Video: GameMaker:HTML5 Trailer

Este código define variáveis ​​para a largura da base e altura da sala. O segundo conjunto de variáveis ​​serão responsáveis ​​por quando a altura do navegador e mudança de largura. O valor inicial para as variáveis ​​de largura e altura igual à largura da base e altura.

Para escrever um script de escala para HTML5, siga estes passos:

1. Na árvore de recursos, direito, clique em Scripts, e escolha Criar Script.

   A janela de código de script aparece.

2. No campo Nome, digite scr_HTML5_Scale_Canvas.

3. Na janela de código, digite o seguinte:

   aspecto = argument0 / argumento1-se argumento2 / aspecto gt; Argument3 {window_set_size (Argument3 * aspecto, Argument3) -} else {window_set_size (argument2, argument2 / aspecto) -} if argument4 {window_center () -}

4. Clique na marca de seleção verde.

   A janela de código é salvo e fechado.

Este código verifica o tamanho da janela do navegador e faz os cálculos necessários para manter a relação de aspecto e escala se o jogador muda o tamanho da janela. A última linha de código gira o jogo dentro do navegador, que é opcional, e actualmente não trabalha com a meta Windows 8 (JS).