Entrar
Últimos assuntos
» Colisões não funcionandopor RastaMaan Ontem à(s) 19:49
» Como ajustar velocidade de cada frame da animação no game maker
por pequetux Ontem à(s) 16:45
» Preciso de ajuda
por AftonDuGrau Dom 21 Abr 2024, 20:18
» Como faz o evento drawn GUI, não se repetir?
por aminaro Sex 19 Abr 2024, 20:30
» PROBLEMAS COM FÍSICAS DE ÁGUA
por aminaro Ter 16 Abr 2024, 10:07
» Retorno da GMBR!!!
por Ralphed Sex 12 Abr 2024, 22:45
» JOGADOR PARANDO NO AR QUANDO ATACA
por aminaro Qua 10 Abr 2024, 13:51
» Problemas com texto interativo
por Kaaru72 Dom 07 Abr 2024, 11:31
» Erro escondido e indecifrável
por dev_gabize.azv Qui 04 Abr 2024, 10:11
» Mudar cor de apenas uma palavra
por Ralphed Sáb 30 Mar 2024, 00:39
» Procuro Programador de game maker
por Wou Sex 15 Mar 2024, 10:27
» Mod APK
por gamerainha Qua 13 Mar 2024, 06:30
» Aceito pedidos de sprites (Com exemplos meus)
por Sevilha Qua 28 Fev 2024, 12:17
» Inventário simples
por Isquilo_Roedor Qui 22 Fev 2024, 15:18
» Problemas na programaçnao de inimigo [jogo DOOM LIKE]
por Black Mirror Dom 11 Fev 2024, 13:34
» ANDROID MULTI TOUCH
por DiegoBr Dom 04 Fev 2024, 12:13
» Servidor de Discord do fórum?
por Lighter Sáb 27 Jan 2024, 17:18
» Save e Load Json
por Klinton Rodrigues Qui 25 Jan 2024, 11:12
» Colisão com mais de um objeto
por aminaro Seg 22 Jan 2024, 15:02
» Oi sou novo aqui
por Thiago Silveira Alexandre Sáb 20 Jan 2024, 20:55
» Como acessar conteudo comprado no marketplace
por macmilam Sex 19 Jan 2024, 07:42
» Devlogs em vídeos do Block Room
por Joton Seg 15 Jan 2024, 16:56
» Alguém aqui já ganha dinheiro com seus games?
por Joton Seg 15 Jan 2024, 16:49
» ACERVO GMBR MAGAZINE
por Joton Qui 11 Jan 2024, 19:21
» como aumentar o obj sem aumentar a colisão??
por GabrielXavier Qua 10 Jan 2024, 07:21
[Aula - 03] Arte gráfica e efeitos especiais para Game Maker
3 participantes
GMBR :: Ensine & Aprenda :: Tutoriais :: Game Maker
Página 1 de 1
[Aula - 03] Arte gráfica e efeitos especiais para Game Maker
Extremamente rápido e funcional, ds_grid é um dos melhores e mais potentes recursos do GM pois sua utilização pode ter propósitos infinitos desde funcionar como uma simples array, se transformar em um banco de dados ou ser usado para criar efeitos especiais diversos.
Considerações iniciais
Não só a ds_grid como todas as outras datas estruturadas presentes no GM tem uma performance bastante rápida, ou seja, suas funções não pesaram na velocidade de execução do jogo e somado a alta capacidade de controle que você tem, na maioria das vezes elas se mostram muito mais eficientes do que uma array.
Nessa aulas aprenderemos a utilizar ds_grid como um banco de informações para efeitos especiais.
Esse tutorial é de nível avançado, ou seja, e para aqueles bem acostumados com o GM e questões matemáticas simples.
DS_GRID
Assim como uma array 2D ou uma "grade" ds_grid funciona como se fosse um plano cartesiano guardando informações baseado em posições, por exemplo:
- Código:
ds_grid_set(ds,8,8,10);
ds_grid_set(ds,8,20,20);
ds_grid_set(ds,30,54,30);
Sabendo isso vamos começar.
Abra o GM, crie um objeto chamado objControle.
Nessa parte da aula vamos desenhar uma grade de círculos e colori-los com o mouse.
No evento Create vamos definir um fator para se trabalhar com as posições.
- Código:
fator = 20;
Agora criamos a ds_grid:
- Código:
data = ds_grid_create(view_wview/fator,view_hview/fator);
Vamos então definir todas as posições com uma cor e podemos fazer isso com uma única função:
- Código:
ds_grid_set_region(data,0,0,(view_wview/fator)-1,(view_wview/fator)-1,c_white);
Essa função defini toda a região entre x1,y1,x2,y2 com o valor especificado.
Agora todas as posição da ds_grid tem o valor de c_white.
Note que diminuo 1 nos tamanhos pois, o primeiro ponto da grid começa em 0x0.
Com a lista criada e seus valores padrões definidos vamos desenha-la!
Crie um script com o nome de "draw_ds_grid":
- Código:
// draw_ds_grid(id,x,y)
var i,ii;
for (i = 0; i < ds_grid_width(argument0); i += 1) // Loop para a linha
{
for (ii = 0; ii < ds_grid_height(argument0); ii += 1) // Loop para a coluna
{
// definir cor
draw_set_color(real(ds_grid_get(argument0,i,ii)));
// se cor for branca, desenhar sem preenchimento
if ds_grid_get(argument0,i,ii) = c_white
{
draw_circle(argument1+i*fator,argument2+ii*fator,10,true);
}
else
{
// se cor não for branca, desenhar com preenchimento
draw_circle(argument1+i*fator,argument2+ii*fator,10,false);
}
}
}
Usando esse loop duplo i retornará o valor para x e ii o valor para y, multiplicando por 20 eu tenho as posição exatas dos círculos.
Coloque isso no evento Draw do objControle, mude a cor do background da cor se quiser para ver melhor (eu coloquei um verde meio escuro) e execute o jogo para ver o resultado.
Agora vem a parte interessante.
Quando clicarmos os círculos vão mudar de cor.
No evento Draw:
- Código:
if mouse_check_button_pressed(mb_left)
{
cor = random(c_white);
}
if mouse_check_button(mb_left)
{
ds_grid_set_disk(data,mouse_x/fator,mouse_y/fator,3,cor);
}
A função ds_grid_set_disk(id,xm,ym,r,val) defini todos os pontos de forma circular a partir de uma posição e um raio.
Até aqui temos já temos algo interessante mas vamos incrementar um pouco mais.
Não há uma função para se definir os valores em forma de circulo sem preencher a parte de dentro (só as extremidades) mas podemos faze-la.
Crie um script com o nome "ds_grid_set_disk_outline" e coloque:
- Código:
// ds_grid_set_disk_outline(id,x,y,distancia,valor)
for (i = 0; i < 360; i += 1)
{
ds_grid_set(argument0,argument1+cos(degtorad(i))*argument3,argument2-sin(degtorad(i))*argument3,argument4);
}
Volte no evento Draw e adicione essa função ao código.
- Código:
if mouse_check_button_pressed(mb_left)
{
cor = random(c_white);
}
if mouse_check_button(mb_left)
{
ds_grid_set_disk(data,mouse_x/fator,mouse_y/fator,3,cor);
ds_grid_set_disk_outline(data,mouse_x/fator,mouse_y/fator,3,cor*cor mod c_white);
}
draw_ds_grid(data,fator/2,fator/2);
Datas estruturas tem outro ponto forte, é muito fácil salvar e carregar com as funções ds_grid_write(id) que retorna uma string com todos as informações e ds_grid_read(id,str) que as defini a partir dessa string.
No evento Draw mesmo:
- Código:
if keyboard_check_pressed(vk_enter)
{
switch (show_message_ext('O que deseja fazer?','Salvar','Carregar','Cancelar'))
{
case 1:
// Salvar
var f;
f = file_text_open_write(get_open_filename('Todos os Arquivos|*.*',''));
file_text_write_string(f,ds_grid_write(data)); // copiar a data
file_text_close(f);
break;
case 2:
// Carregar
var f,str;
f = file_text_open_read(get_open_filename('Todos os Arquivos|*.*',''));
// Salvar todo o arquivo em uma string
str = '';
do
{
str += file_text_read_string(f);
file_text_readln(f);
}
until file_text_eof(f);
ds_grid_read(data,str); // passar a data
file_text_close(f);
break;
}
}
Baixe meu resultado aqui:
- Código:
http://www.mediafire.com/?gi4ya818u9udx3u
Observações
ds_grid_add e ds_grid_set são diferentes!
As função com add obviamente adicionam um valor somando ao atual, ou seja, se o valor atual for 2 e você adiciona 1, então o ponto valerá 3 mas as função set definem exatamente o valor especificado. Há também as funções multiply que multiplicam o valor dado ao atual.
Lembre-se que quando você cria uma grid, altura e largura devem ser números inteiros e positivos.
Números negativos causaram erro e números fracionados são arredondados.
Na hora de trabalhar com as posições lembre-se que elas começam pelo ponto 0x0.
As grid nunca ultrapassam seu tamanho definido e qualquer função para setar ou retornar pontos que não existem não terão efeito.
Você pode usar ds_grid_resize(id,w,h) para redefinir o tamanho.
A lina do exemplo pratico onde definimos toda grid com a cor branca "ds_grid_set_region(data,0,0,(view_wview/fator)-1,(view_wview/fator)-1,c_white);" pode ser substituída por:
- Código:
ds_grid_clear(data,c_white);
draw_circle é uma função razoavelmente rápida, mas você sabe não é? Não pode exagerar então é provável que o que fizemos aqui possa ser um pouco lento com FPS acima de 30 em alguns computadores.
Tem um jogo criado no Game Maker que se chama Grid Defender e serve como um ótimo exemplo da utilização das grids em efeitos especias.
https://www.youtube.com/watch?gl=BR&v=M9J4SwbfhSM
- Código:
Download do jogo
http://www.yoyogames.com/games/108971-grid-defender-2
Re: [Aula - 03] Arte gráfica e efeitos especiais para Game Maker
Muito bem explicado, dá pra aproveitar muito desse tutorial, basta ler e seguir, eu mesmo aprendi uma coisa nova com o ds_grid, dá pra fazer muito com ele, guardar dados, efeitos especiais etc. Gostei bastante.
Fuzenrad- Games Ranking :
Notas recebidas : A-A-A-A-B
Data de inscrição : 04/07/2010
Reputação : 46
Número de Mensagens : 1063
Prêmios :
x 0 x 0 x 0
x 1 x 0 x 1
x 0 x 0 x 0
Re: [Aula - 03] Arte gráfica e efeitos especiais para Game Maker
Bem interessante.
Eu achava que essas coisa eram mais complicadas de lidar.
Não a muitos tutoriais de brasileiros sobre os assuntos que vem mostrando nas suas aulas.
Essa iniciativa é muito boa!
Eu achava que essas coisa eram mais complicadas de lidar.
Não a muitos tutoriais de brasileiros sobre os assuntos que vem mostrando nas suas aulas.
Essa iniciativa é muito boa!
DS Santos- Data de inscrição : 19/05/2010
Reputação : 2
Número de Mensagens : 98
Prêmios :
x 0 x 0 x 0
x 0 x 0 x 0
x 0 x 0 x 0
Tópicos semelhantes
» [Aula - 01] Arte gráfica e efeitos especiais para Game Maker
» [Aula - 02] Arte gráfica e efeitos especiais para Game Maker - Parte 2
» [Aula - 02] Arte gráfica e efeitos especiais para Game Maker - Parte 1
» Game Maker - Aula 4 - Variáveis
» Game Maker - Aula 10 - Instrução Do e Until
» [Aula - 02] Arte gráfica e efeitos especiais para Game Maker - Parte 2
» [Aula - 02] Arte gráfica e efeitos especiais para Game Maker - Parte 1
» Game Maker - Aula 4 - Variáveis
» Game Maker - Aula 10 - Instrução Do e Until
GMBR :: Ensine & Aprenda :: Tutoriais :: Game Maker
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos
|
|