Combo Extremo

Art Inspirator - Alex Pascenko

2013-05-24T21:23:00.004-03:00

Olá caros amigos e amigas gamemakers! - olha eu inventando de novo =P

Antes de mais nada, sonzinho pra inspirar...

Hoje trago novamente na nossa coluna Art Inspirator mais um artista de peso.

Senhoras e Senhores, contemplem a arte de Alex Pascenko! Além de sua arte ter uma riqueza imensa de detalhes, ele trabalha muito bem efeitos de luz, sombra, cores com realismo e o cara manda muito bem no character design.

Apreciem a arte!

Blog do artista: http://alexpascenko.blogspot.com.br/.
DeviantArt do artista: http://alexpascenko.deviantart.com/.

Aproveite também para ver o Art Inspirator anterior:

Maker vs Marker.

Se você curtiu este post, espalha pra sua tribo!

Até a próxima. Falous!

ArturKilldragon

Criando Games - Aprenda a criar um Hack N' Slash usando a Unity 3D

2013-05-23T13:32:00.000-03:00

Olá caros amigos e amigas.

Se você gostou do último post sobre os vídeo-tutoriais em português para a a engine Unity 3D e gost de jogos no estilo hack n' slash, não podem deixar de ver os tutoriais do canal BurgZerg Arcade.

Dessas vez os tutoriais estão em inglês, mas já tem uma grande quantidade de vídeos (até o fechamento deste post, cerca de 285) que falam mais sobre a outra linguagem de desenvolvimento da ferramenta. Para quem não sabe, é possível desenvolver com a ferramenta em 3 linguagens: Javascript, C# e Boo. Os tutoriais do Games Indie são criados em javascript, se não me engano. Em contrapartida os tutoriais do BurZerg são escritos em C#. É uma ótima oportunidade de dar uma testada nas duas linguagens e escolher uma que melhor se adapte ao seu estilo.

Então force um pouquinho seu inglês e preste atenção nas aulas!

Como de costume, o primeiro vídeo:

Canal BurgZerg Arcade no youtube: http://www.youtube.com/user/BurgZergArcade
Site oficial BurgZerg Arcade, para terem acesso aos scripts das aulas: http://www.burgzergarcade.com/

Não perca mais tempo. Quero ver você um game maker fera!

Aproveite para ver também o último post Criando Games:

Tutoriais em vídeo sobre Desenvolvimento de games em Unity 3d e Blender.

E não esqueça de indicar o post pra galera que quer aprender também! =D

Abs.

ArturKilldragon

Criando Games - Tutoriais em vídeo sobre Desenvolvimento de Games em Unity 3D e Blender

2013-05-20T13:00:00.000-03:00

Olá caros amigos e amigas.

Sei que o título ficou um pouco comprido mas é exatamente disso que se trata. Se vocês querem aprender um pouco sobre desenvolvimento de jogos com a ferramenta Unity 3D ou mesmo a desenvolver games no Blender, uma ótima opção é o canal Games Indie, do Bruno.

Além do cara mandar muito bem nas explicações, os tutoriais dele são voltados para o entendimento da ferramenta e dos conceitos de programação neste tipo de engine. É bem diferente de ver um cara falando: "Ok, pega este script, coloca nesta caixa e o jogo está pronto".

Só na playlist do canal para Desenvolvimento de Games tem 60 video-aulas alternando entre os dois softwares, erntão vocês não tem do que reclamar de falta de material em português para começarem a estudar.

Eis o primeiro vídeo:

Tem muito mais lá!

Canal GamesIndie: http://www.youtube.com/user/GamesIndie
Lista de Desenvolvimento de Games: http://www.youtube.com/playlist?list=PLB9EE18EE0A788EC4

Bora estudar cambada!

Aproveite para ver também o último post Criando Games:

Animações dos personagens de Forge os Empires

Gostou do post? Compartilha com a galera!

Falou!

ArturKilldragon

Art Inspirator - Maker vs Marker

2013-05-20T12:45:00.002-03:00

Olá caros amigos e amigas.

Trago a você neste Art Inspirator uma animação super legal de Jonny Lawrence que tem tudo a ver com games. A animação é uma mistura de stop motion com desenho digital que mostra uma "luta"entre o personagem de Street Fighter, Akuma, e o criador da animação.

Muito legal mesmo =]

É muito inspirador, vocês não acham?

Canal de Jonny no youtube: http://www.youtube.com/user/jonnylawrence010

Aproveite para ver também o último post Art Inspirator:

Treinamentos em vídeos da FZD School pra você ficar fera em Concept Art!

Curtiu o post? Compartilha com a galera!

Falou!

ArturKilldragon

Art Inspirator - Treinamentos em vídeo da FZD SCHOOL pra você ficar fera em Concept Art!

2013-05-18T20:27:00.002-03:00

Olá caros amigos e amigas!

Desta vez trago ao Art Inspirator algo um pouco diferente. Ao invés de trazer um artista eu trago uma escola: a FZD School of Design.

A FZD é uma universidade localizada em Singapura e foi criada por Feng Zhu em 2009, um designer conceituado com mais de 14 anos na área que já fez trabalhos para empresas como: Microsoft, Electronic Arts, Sony, Activision, industrial Light + Magic NCSoft, Warner Brothers, Lucasfilm, Bay Films, Epic Games, e muitos outros estúdios top de linha.

Para quem quer levar a fundo seus estudos em Concept Art para games e entretenimento é uma das melhores escolhas atualmente. Mas caso a grana ainda esteja curta pra bancar uma viagem até lá a fim de experimentar este curso de 1 ano, ainda há como aprender alguns conceitos super interessantes com os vídeos de treinamento no canal do youtube da FZDSCHOOL: http://www.youtube.com/user/FZDSCHOOL

Sim, os vídeos são em inglês, obviamente, mas existem lá muitos conceitos que podem ajudar quem quer seguir por este ramo. Mesmo que Feng Zhu à vezes dê apenas uma "pincelada" por cima dos conceitos é muito interessante entender como funciona esssa indústria e como os profissionais dessa área pensam.

Visto isso, façam um esforcinho e tente ao menos entender pelas imagens ;]

Vou deixar aqui os meus 3 favoritos até agora, mas faço um apelo que os interessados entrem no canal e vejam os outros vídeos também. É basicamente um curso completo de arte e design digital. Se querem ser bons, meus amigos, vão ter que fazer algum esforço.

Uma curiosidade: a sigla FZD significa Feng Zhu Design, empresa de design do artista. Se vocês derem uma meia volta pela internet afora irão encontrar alguns dos artistas que saíram dessa escola e hoje trabalham em projetos bem legais de games.

E aproveite para dar uma olhada no último Art Inspirator:

Os veículos de Karanak

Se você curtiu este post, espalha pra galera!

Abs.

ArturKilldragon

Desbravadores de Tera - Capítulo Final

2013-05-17T20:16:00.000-03:00

Olá caros amigos e amigas.

Eis o último capítulo da série de vídeos Desbravadores de Tera, lá do nosso canal KilldragonPlayer. Saibam os motivos do fim da série e quais as próximas idéias neste vídeo que encerra a série.

Aproveite para ver o KilldragonPlayer anterior:

This is Magicka #2

Abs.

ArturKilldragon

Animações dos personagens de Forge of Empires

2013-05-15T22:37:00.000-03:00

Olá caros amigos e amigas.

Eis aqui uma animação bacana dos personagens do browsergame chamado Forge of Empires, publicado pela InnoGames.

A animação foi feita pelo estúdio GroundStudios. Eu achei muito legal mesmo. É uma pena que no jogo os personagens ficaram muito pequenos e não dá pra perceber toda essa sequência de movimentos e os detalhes nas roupas.

Espero que sirva de inspiração para modeladores e animadores iniciantes =]

E aproveite para ver o Criando Games anterior:

Construct 2 - Vamos conhecer um pouco?

Abs.

ArturKilldragon

This is Magicka! #2

2013-05-08T21:27:00.000-03:00

Olááááá caros amigos e amigas!

Neste segundo episódio de This is Magicka eu explico um pouco sobre os elementos opostos e aproveito para matar alguns goblins malditos! =]

Episódio anterior.

Divulguem! =]

Não esqueçam de se inscrever no canal KilldragonPlayer!

E aproveitem para ver o KilldragonPlayer anterior:

Nova saga no canal KilldragonPlayer - This is Magicka!

Abs.

ArturKilldragon

Art Inspirator: Os veículos de Karanak

2013-05-08T14:12:00.001-03:00

Olááá caros amigos e amigas!

Sonzinho para inspirar:

Dando continuidade à nossa coluna inspiradora Art Inspirator! Dessa vez eu resolvi mirar na galera que curte desenho mais orgânico do que mecênico, principalmente se sua intenção é desenhar boas e convincentes naves de batalha. E um cara expert nisso com certeza é o Karanak.

As ferramentas digitais favoritas do Karanak são o Google ScketchUp e o Photoshop. Várias dessas naves são modeladas mas muitas delas foram apenas concebidas no Photoshop! E o nível de detalhes nos esboços e concepts chega a ser tão absurdos que em algumas imagens é difícil definir o que é modelagem, o que é art digital sem modelagem e o que é a mistura dos dois.

Se você gosta de projetar concepts de naves para games (ou não) com certeza o trabalho deste russo é um dos que você terá de acompanhar de perto.

Bacana hein?
DeviantArt do artista para você conferir mais trabalhos: KaranaK
Blog do Artista (não sei se vai ajudar muito porque esté em russo): KaranaK Blog

Aproveite também para ver o Art Inspirator:

Xa-xa-xa.

Gostou do post? Não esqueça de comentar e passar adiante! =]

Abs^^

ArturKilldragon

Construct 2 - Vamos conhecer um pouco?

2013-05-07T13:55:00.000-03:00

Olááá caros amigos e amigas!

Sonzinho pra acompanhar o assunto:

Continuando aqui nossos estudos sobre desenvolvimento e design de games, venho apresentar uma ferramenta bacana para aqueles que querem começar a desenvolver jogos 2D sem muito envolvimento com código puro. Essa ferramenta chama-se Construct 2, e foi desenvolvida pela Scirra.

Sei que existem outras ferramentas como esta por aí mas Construct 2 traz algumas coisas realmente legais e necessárias para quem quer começar a desenvolver e já quer ver algo se movimentando na tela.

Eis uma listinha do que a ferramenta nos traz:

Efeitos de física realista;
É possível utilizar um preview enquanto estamos criando o jogo;
Mais de 70 efeitos visuais prontos para utilizar nos games (depende da licença);
Documentação completa e bem compreensível;
Comunidade grande com tutoriais de fácil acesso;
É possível extender a ferramenta com Javascript SDK.

E estas são só algumas coisas. A possibilidade de extender a ferramenta é bem legal porque dá possibilidades para programadores mais experientes criarem coisas novas além do que a ferramenta já oferece.

O que eu acho bastante interessante no uso dela é que, embora você não precise programar "de verdade" para construir um jogo nela, é possível começar a compreender muito sobre lógica, condições, métodos e eventos. E quando estivermos preparados, podemos avançar para programação "de verdade" com Javascript SDK.

Fora isso, ainda é possível exportar o jogo para plataformas mobile (iOS e Android), web (Facebook e HTML5) e desktop.

Isso por si só já seria o suficiente para começarmos a utilizar a ferramenta.

Aqui um vodeozinho oficial:

Além disso há a questão do custo. Existem 3 tipos de licença para a ferramenta.

- Free: Para iniciantes que querem estudar desenvolvimento de jogos e professores que querem passar este conhecimento adiante. Seria para "uso próprio", que é o nosso caso.
- Personal: Para desenvolvedores livres, que desejam fazer games e ganhar algum dinheiro postando eles por aí, compilando-o para plataformas móveis e tudo o mais. O preço é £79,00 e pode ser comprado na steam também. Se não me engano o preço na steam é algo em torno de R$150,00.
- Business: Este sim para empresas, sem limite para uso comercial. Por £259,00
Tabelinha oficial aqui.

Sejamos sinceros: é uma ferramenta interessante para aprendizado na versão Free, mesmo com todas as limitações, que não são tantas assim. A versão Personal também não é tão cara pra um profissional que queira investir. E a versão Business por £290,00 (aproximadamente R$450,00) é uma bagatela para empresas que desejam investir no ramo. Principalmente para empresas que trabalham no ramo de Advergames e Jogos Educativos, onde os clientes são cada vez mais impacientes e sempre querem jogos "pra ontem".

Esta será uma boa ferramenta para começarmos e espero ensinar alguns conceitos com ela antes de irmos mais a fundo no desenvolvimento de jogos. Ferramentas como essa possuem uma série de bibliotecas que facilitam, e muito, a vida do desenvolvedor.

Se quiserem já começar sem mim, esperimentem os tutoriais o ficiais e sintam-se magos do desenvolvimento com poucos cliques! =D

Não estou fazendo propaganda. Nem estou ganhando nada com isso. Só acho que é uma boa ferramenta para iniciarmos já que tem tudo isso que eu já citei e tem empresas/estúdios de jogos Indies que usam essa ferramenta da Scirra. Sem contar que a Steam tem um projeto chamado Steam Greenlight e vários jogos lá foram desenvolvidos com essa ferramenta.

Falando nisso, eis alguns joguinhos bacanas feitos com Construct 2:
Project Blaze Zero
AirScape
Crazy Aquarium
My Irracional Fears of Unicorns

E para aqueles que querem um pouquinho mais de informação sobre games em html5, eis aqui dois links legais:
O HTML5 na criação de games - que fala de outras alternativas de ferramentas para desenvolvimento.
HTML5 Game Development - para quem manja de inglês, já tem algum conhecimento de programação e quer fazer seus games com código mesmo.

Por hoje paramos aqui galera. Espero que tenham gostado.

E aproveiem para ver o Criando Games anterior:

Top 5 - melhores práticas para a construção de jogos em HTML5, em ação!

ArturKilldragon

Nova saga no canal KilldragonPlayer - This Is Magicka!

2013-05-05T15:21:00.002-03:00

Oláááá caros migos e amigas!

Eis mais um novo vídeo no canal KilldragonPlayer! Desta vez vamos jogar um pouco de um dos games mais legais e mais apelões que eu já vi: Magicka!

Neste primeiro capítulo passamos os tutoriais e eu explico como é a "lógica" dos controles do game. Por isso ele ficou um pouco maior do que eu imaginava. Provavelmente os próximos serão mais curtos.

Reserve meia horinha para encararmos essa aventura!

Espero que gostem.

Aproveitem também para ver como começou essa coluna!

Abs^^

ArturKilldragon

Art Inspirator: Xa-xa-xa (Gueuzav apenas para o irmão dele uU)

2013-04-30T23:44:00.001-03:00

Oláááá caros amigos e amigas!

Musiquinha pra inspirar a leitura =]

Beeeem, vamos lá. Acho que estou iniciando aqui uma seção. Existem alguns artistas excepcionais e bastante inspiradores por aí e eu gostaria de deixá-los registrados aqui no nosso Combo Extremo, principalmente como inspiração para os futuros (e atuais) artistas e designers de games.

Já deixo claro que a coluna irá ser destinada à mostrar arte em geral, independente se ela for direcionada a games ou não, mas eu pretendo sempre tentar deixar um ganchinho lá nos games e mostrar aqui artistas que servirão de boa inspiração.

Este é um dos motivos que resolvi nomear a coluna como Art Inspirator, que é meio óbvio mas acho que vai funcionar bem neste caso. Se eu tivesse nomeado como GameArt, DesignGamer ou algo do gênero, talvez isso deixa-se a coluna muito "presa" ao assunto e, apesar do blog estar sendo direcionado a design e desenvolvimento de games, é preciso ter em mente que bons artistas devem procurar inspiração em diversos meios, não só os relacionados ao caminho que ele quer seguir.

O cara que eu trago hoje é um dos principais artistas de projetos da Ankama, estúdio que tem jogos como Dofus e Wakfu (que são ótimas referência de arte), uma série de quadrinhos bem legais e agora tem uma nova animação rolando por aí. Em seu Deviantart, Xavier gosta de ser chamado de Xa-xa-xa (algo a ver com o fato de seu primeiro nome ser XAvier), mas nós que acompanhamos seu trabalho a um certo tempo sabemos que seu nick já foi Gueuzav e, provavelmente, se você procurar algo sobre ele na internet é assim que irá encontrar.

O que eu gosto bastante em sua arte é a forma com que ele trabalha as curvas e como ele usa as cores. O traço super-solto deixa os personagens com características bem simpáticas e as cores fortes com sombras trabalhadas dão um ar de "desenho animado longa-metragem". Basta observar as artes por algum tempo e começamos a perceber detalhes na pintura que antes pareciam imperceptíveis, mas que no conjunto da obra dão muito mais vida.

E vejam só: ele também tem dois vídeos-tutoriais no youtube. Eles não tem som, mas tem vários text-box (em inglês) e são bem intuitivos também.

No primeiro, ele mostra como utilizar as ferramentas do Paint Too Sai (Photoshop não é tudo, pequeno gafanhoto) de forma bastante produtiva e mostra conceitos muito bons, que não estão presos à ferramenta e podem ser aplicados em outros softwares.

O segundo é bastaaaante longo e mostra mais a "mão-na-massa" e outros conceitos muito legais e úteis.

Pra finalizar, o Deviantart e o Blog do artista. Devo admitir que o blog não é muito bonito mas chamo a atenção para a seção "LIENS" ali na esquerda, que possui diversos links para outros blogs de artistas também excelentes. Eu quase pirei aqui. Ah sim, ele é francês, então obviamente seu blog é francês e a maioria dos links também é.

Abs.

ArturKilldragon.

Top 5 Melhores Práticas para a construção de jogos HTML5, em ação! (tradução não literal)

2013-04-29T23:37:00.001-03:00

Oláááá caros amigos e amigas!

Sonzinho pra inspirar a leitura:

Procurando um pouco sobre engines e frameworks para games em HTML 5 acabei encontrando este artigo super bacana intitulado Top 5 Bets Pratices for Building HTML5 Games, In Action!. Tem alguns conceitos bem legais que serão interessantes para inserir nossa série de estudos sobre desenvolvimento de games.

Tendo isso em vista, resolvi então tentar dar uma traduzida no texto. Me desculpem se eu errar alguma coisa e, se puderem, me ajudem a corrigir. Meu inglês não é dos melhores e acabei utilizando a ferramenta do google para grande parte do texto, é verdade. Mas acho interessante termos mais material deste tipo em pt-br. Advirto que os créditos do texto são de seu autor: Kai Jäger. Espero que apreciem a leitura =]

Top 5 Melhores Práticas para a construção de jogos HTML5, em ação!
By Kai Jäger
Tentativa de tradução: ArturKilldragon

HTML5 é ótimo, porque ele é versátil, não é específico para um único caso de uso. Mais importante, HTML5 é onipresente. Está no seu PC, seu telefone, seu tablet, e pelo o que eu sei, ele poderia até mesmo estar em seus aparelhos de cozinha.

Pegue estas duas propriedades do HTML5 - versatilidade e onipresença - e deve tornar-se bastante claro por que tantos desenvolvedores são inspirados por ele. E, como diz o provérbio: "Quando os desenvolvedores são inspirados, eles costumam escrever jogos." (Ok, talvez eu tenha acabado de inventar isso).

Felizmente, artigos mais técnicos sobre desenvolvimento de jogos em HTML5 agora estão amplamente disponíveis. Em vez disso, eu gostaria de lhe dar uma visão geral das coisas que você deve considerar antes de escrever um jogo usando HTML5 e enquanto você está trabalhando nisso.

O que você vai aprender neste artigo? Eu irei falar sobre (cobrir) desenvolvimento de jogos HTML5 com frameworks, como você pode chegar a mais pessoas apoiando smartphones e tablets, como você deverá gerenciar seu estado in-game, como lidar com os problemas de desempenho e como tirar proveito máximo do seu navegador como plataforma.

Assim, sem mais delongas, aqui estão as 5 melhores práticas para a construção de jogos HTML5, em ação! ("Em ação", acrescentado para o efeito dramático).

Melhor prática # 1: Use um Framework

Escrever jogos simples em HTML5 é fácil, mas como você pode apostar, você precisa fazer certas coisas para ter certeza de que o jogo corra bem.

Por exemplo, quando você usa um monte de imagens, efeitos sonoros e outros recursos, vai demorar algum tempo para o seu navegador tudo do seu servidor web. Você terá uma surpresa, se você não levar isso em conta quando estiver escrevendo (desenvolvendo) o seu jogo. Como as imagens e arquivos de som são carregados de forma assíncrona, o código JavaScript irá iniciar a execução antes que todos os seus recursos tenham sido carregados. Isso geralmente resulta em "popping" (imagens que aparecem do nada), e em efeitos sonoros sem tocar quando deveriam. Uma boa solução para isso é criar um preloader que adia a execução do script até que todos os recursos foram baixados.

Outro risco que você provavelmente vai correr é que máquinas e / ou navegadores diferentes irão executar o jogo em velocidades diferentes. Enquanto não há nada que você possa fazer sobre isso, você ainda deverá se certificar de que velocidades de animação e movimento são independentes da taxa de quadros (framerate) que seu jogo está sendo executado.

Essencialmente, há um monte de código clichê que todo jogo precisa para funcionar corretamente. Felizmente, você não tem que escrever todo esse código você mesmo. Há agora uma variedade de estruturas que permitem que você se concentre em sua lógica de jogo, sem ter que se preocupar com todas as coisas pequenas (e grandes) necessárias para fazer o seu jogo funcionar sem problemas.

A única ressalva com o uso de um framework é que existem muitos para escolher. Frameworks como ImpactJS por exemplo, são projetados para ajudar com quase todos os aspectos do processo de desenvolvimento do jogo, enquanto frameworks como EaselJS se concentram principalmente na parte gráfica das coisas. No final, cabe a você escolher o framework que se sentir mais confortável. Isto pode parecer um tanto acéfalo, mas no mundo JavaScript, escolher um framework muitas vezes implica estar optando por um determinado estilo de programação.

ig.module(
'monster'
)
.requires(
'impact.game',
)
.defines(function(){
Monster = ig.Entity.extend({
eyes: 42
});
});

Um bom exemplo disso é o ImpactJS, que não só fornece abstrações para a exibição de gráficos ou tocar efeitos sonoros, mas também introduz seu próprio objeto e modelo de herança, conforme ilustrado acima.

Ascend Arcade entregou três jogos em três meses usando o framework ImpactJS.

Apesar de um monte de jogos HTML5 agora contarem com algum tipo de framework, muitos desenvolvedores ainda teimam em descer a estrada pedregosa de tentar fazer tudo sozinhos. Embora isso possa ser uma grande experiência de aprendizagem, se você quiser fazer as coisas em uma quantidade razoável de tempo, usando frameworks é definitivamente o (melhor) caminho a percorrer. Um bom exemplo disso é o bom trabalho da Ascended Arcade, que conseguiu liberar três jogos muito agradáveis (e um pouco aclamados), em apenas três meses utilizando o framework ImpactJS.

Melhor prática # 2: Considere dispositivos pequenos e (telas) touch-screen

Talvez um dos pontos de venda mais persuasivos do HTML5 é que ele funciona em PCs desktop, notebooks, tablets e até mesmo smartphones (se você ainda não viu IE9 rodando no Windows Phone 7 Mango, veja este vídeo).

Este exclusivo cross-platformness (Toma isso, dicionário Webster!) é intrínseco ao HTML5 e muitas vezes exige pouco trabalho adicional do desenvolvedor. No entanto, existem algumas coisas que você deve considerar ...

SpyChase rodando no Windows Phone 7 Mango.

Em primeiro lugar, tamanhos de tela podem variar muito entre as diferentes categorias de dispositivos que podem ter diversas resoluções e proporções. Se você quer que seus jogos HTML5 funcionem bem em dispositivos móveis, você deve se certificar que quer apoiar múltiplas resoluções ou que não excedam o tamanho do quadro WVGA de 800x480.

Além disso, como a maioria dos dispositivos móveis não têm o tamanho da tela para renderizar uma página web inteira de uma vez, que muitas vezes utilizam técnicas de zoom e visão panorâmica sofisticado que pode ser contraproducente quando se está escrevendo (desenvolvendo/programando) jogos. Isto pode ser desligado por meio de programação usando a meta tag viewport. O seguinte trecho de código fará com que a viewport do seu jogo irá ocupar toda a tela disponível em estado horizontal. Definir o parâmetro "user-scaleable" para "no" informa ao navegador mobile para desativar o pinch-zoom, que de outra forma muitas vezes entra em conflito com os controles de jogos finger-based ("baseado nos dedos", controles do tipo touch, acredito eu).

<meta name="Viewport"
content="width=device-width; user-scaleable=no; initial-scale=1.0" />

Uma vez que o jogo funciona bem em dispositivos de tela pequena, você também deve levar um minuto para pensar sobre o input (no caso, os comandos que são executados via input nos jogos). A maioria dos dispositivos touch tem um teclado virtual, mas eles tendem a ocupar espaço na tela demais para ser útil no controle de personagens do jogo. Se basear estritamente em toques na tela está fora de questão, você deve construir um teclado virtual limitado com apenas os botões que você precisa para o seu jogo (por exemplo, as teclas de setas). No entanto, é melhor ser criativo com meios alternativos de controle de seu jogo que não necessitam de elementos adicionais na tela. Um bom exemplo disso é o jogo Spy Chase, onde você dirige um veículo com um dedo (algo que você não deve tentar na vida real).

Melhor prática # 3: Salvar automaticamente o progresso do jogador

Com recursos como site pinning, navegadores tentar dar a aplicações web o mesmo status de aplicações desktop regulares. No entanto, a idéia de sites que funcionam como aplicativos é bastante nova, e assim é a noção de páginas web rodando no lado cliente. Você pode pensar duas vezes antes de fechar uma instância do Microsoft Word, mas você pode não ser tão cuidadoso com uma página web aberta. Na maioria das vezes, isso não é um problema - a maioria das páginas da web ou são estáticas ou mantem um registro de suas informações no servidor.

Jogos de browser, no entanto, são uma "besta" um pouco diferente. Uma vez que o código JavaScript é executado no cliente, jogos HTML5 tipicamente mantém seu estado de jogo na memória transitória (aka RAM). Feche a janela do navegador e seu recorde suado está perdido para sempre.

Agora, você pode argumentar que uma pessoa sensata seria cautelosa o suficiente para não fechar o jogo se ela está jogando por oito horas, mas os acidentes acontecem, especialmente quando várias abas estão envolvidoas ou baterias se esgotam do nada.

Para contar (fazer) uma longa curta história: Ao escrever (desenvolver/programar) jogos em HTML5, é uma boa prática absoluta salvar o progresso do jogador regularmente e permitir aos jogadores retomarem ao seu jogo quando voltar a uma página web que tinham fechado.

Agora, onde você deve acompanhar o progresso dos jogadores? No passado, o lugar óbvio era ou um banco de dados do lado do servidor ou um cookie do lado do cliente. Nenhuma solução é especialmente atraente. Com uma abordagem do lado do servidor, solicitações HTTP tem que ser feitas sempre que a informação precisa ser armazenada ou recuperada. A abordagem do cookie dá-lhe um espaço muito limitado para trabalhar e a longevidade de cookies depende muito da configuração do browser.

Uma solução muito mais viável é a utilização de armazenamento DOM no HTML5 (HTML5 DOM storage) . DOM storage permite guardar vários megabytes de dados por website através de uma interface que se assemelha a um armazenamento de uma key-value (ou um objeto JavaScript expando). É muito conveniente, mas no contexto de jogos HTML5, você também pode querer se lembrar de complexas estruturas de dados - algo que Dom storage não suporta nativamente.

Felizmente, modernas implementações de JavaScript têm mecanismos prontos que permitem a serialização de objetos em uma notação compacta conhecida como JSON. Utilizando esta abordagem, o DOM storage pode também ser usada para memorizar informações arbitrariamente. As duas funções auxiliares a seguir ilustram como o estado do jogo pode ser armazenado e recuperado usando HTML5 DOM storage e funcionalidades de JSON incorporadas em ECMAScript5:

function saveState(state) {
window.localStorage.setItem("gameState", JSON.stringify(state));
}
function restoreState() {
var state = window.localStorage.getItem("gameState");
if (state) {
return JSON.parse(state);
} else {
return null;
}
}

Melhor prática # 4: Use um profiler

Um dos maiores desafios no desenvolvimento de um jogo é manter altas taxas de quadros conforme você adiciona mais e mais recursos a ele (no jogo).

A boa notícia é que os navegadores, em geral, tornaram-se muito mais rápidos ao longo do último par de anos, e os jogos HTML5-powered rodando em uma constante de 60 fps (quadros por segundo) já são uma realidade.

Não foi fácil. Para o Internet Explorer 9, isso significava escrever um novo motor de JavaScript que pode usar múltiplos núcleos de CPU e um pipeline de renderização totalmente acelerado por hardware baseado em Direct2D. Em outras palavras: se você gastou um bom dinheiro em sua plataforma de jogos (pc para jogos, ou um tablet potente, neste caso), Internet Explorer 9 vai fazer bom uso dele.

Internet Explorer 9 integrado JavaScript profiler ajuda a localizar gargalos de desempenho.

Para jogos simples, isso significa que você não precisa se preocupar com o desempenho. Mas desde que o HTML5 é uma plataforma agnóstica(?), você está potencialmente desnvolvendo para toda uma gama de dispositivos e navegadores, alguns dos quais não são tão rápidos quanto você gostaria. Mesmo se você está visando apenas PCs de alta potência (algo que disse que nós não faríamos, lembra?), O desempenho ainda pode se tornar um problema.

Se você quiser que o seu jogo para ser executado em 60 fps, você não tem mais do que 16 milissegundos para renderizar qualquer quadro individualmente. No tempo que leva para você piscar, você tem que renderizar pelo menos seis quadros completos. Agora, isso pode parecer uma tarefa difícil ... e com qualquer jogo não-trivial, certamente pode ser.

Felizmente, existem ferramentas que podem ajudá-lo. No Internet Explorer 9 (ou 10, para a questão), pressione a tecla F12 para abrir as ferramentas de desenvolvedor. Selecione a guia "Profiler" e clique em "Start profiling".

Agora navegue até onde você acha que o desempenho deveria ser melhor, dê ao profiler cerca de 30 segundos para coletar dados, em seguida, clique em "Stop profiling". Você será presenteado com uma visão geral de quanto do tempo de execução acumulada é consumida por cada uma das funções do seu jogo. Na maioria das vezes, você vai descobrir que existem uma série de funções que ocupam a maior parte do tempo de execução geral. A otimização dessas funções lhe dará uma maior noção (bung for your buck fica muito estranho traduzido) e, quando você analisar seu código, sub-rotinas lentas deverão ficar imediatamente de fora.

Não confie em seus instintos cegamente - códigos que parecem lentos pode realmente executar muito rápido com motores de JavaScript hoje em dia. A melhor abordagem para a otimização e para a re-profile muitas vezes é sempre medir se as alterações feitas em seu código realmente tem um impacto positivo sobre o desempenho.

Gaming gone social: Warimals é baseado em HTML5 e permite que você convide seus amigos do Facebook para jogar.

Melhor prática # 5: Seja criativo!

Ser capaz de escrever jogos que rodam nativamente no seu browser é bastante impressionante, mas o que é ainda mais legal é que o HTML5 permite gravar jogos que rodam no seu navegador! Não apenas o HTML5 é interessante do ponto de vista tecnológico, um navegador também é uma plataforma perfeita para jogos.

Pense nisso ... Navegadores existem em muitos dispositivos diferentes, eles são (quase) sempre online, e eles são uma ferramenta que as pessoas usam para se conectar uns com os outros via e-mail, chat e redes sociais. Como um desenvolvedor de jogos em browser, você pode criar jogos que são divertidos e reunir pessoas de todo o mundo.

Se você é novo no desenvolvimento de jogos em HTML5, pode ser tentador escrever clones de jogos que você já jogou offline. Não há absolutamente nada de errado com esta abordagem. Mas se você pensar no seu jogo rodando dentro de uma "aplicação de comunicação", há uma boa chance que você vai vir para cima com todas as novas idéias de jogos altamente criativas. Um exemplo interessante disso é Warimals, um dos primeiros jogos de Facebook baseado em HTML5. Em Warimals, você pode jogar tanto como os cães ou como os gatinhos, e você pode convidar seus amigos do Facebook para jogar junto com você. O que há para não gostar?

Para resumir ...

Graças ao grande trabalho dos desenvolvedores de framework e pioneiros do JavaScript, HTML5 já se tornou uma plataforma bastante madura para escrever (desenvolver/programar) jogos. Esta é uma grande notícia, pois a Web é a única plataforma mais acessível para aplicações de qualquer tipo. Com as ferramentas certas (muitas das quais estão convenientemente integradas ao Internet Explorer 9 e 10 ou podem ser baixadas de graça) e do framework certo, a experiência de desenvolvimento de jogos em HTML5 pode ser agradável e muito gratificante, especialmente quando criando em interessantes experiências conectadas e de maneiras inovadoras.

Ferramentas para você começar:

Sobre o autor

Kai Jäger é um desenvolvedor web de longa-data, entusiasta em JavaScript, autor deste livro e agora um Desenvolvedor Evangelista Acadêmico da Microsoft na Alemanha. Quando ele não fala para o público de estudantes sobre as virtudes do HTML5, ele trabalha em seus projetos de estimação ou aprecia o ar livre da Bavária.

Obviamente o texto puxa um pouco a sardinha para a Microsoft e suas ferramentas integradas ao IE 9 e 10 mas mesmo assim é um texto bastante exclarecedor, na minha opinião.

Eu também quis deixar aí todos os links originais para quem tiver um pouco mais de curiosidade e quiser pesquisar um pouco mais a fundo.

Espero que esta tentativa de tradução nos ajude futuramente.

Eu escolhi outra ferramenta para experimentar ao invés das citadas aqui, e vocês verão isso nos próximos posts sobre criar games.

Aproveitem também para ver o post anterior da coluna Criando Games:

Que tal aprender a desenvolver jogo? Eis aqui uma apostila para começar!

Abs a todos.

ArturKilldragon

Um pouco sobre o RPGVale e o Canal KilldragonPlayer

2013-04-25T23:02:00.000-03:00

Olááááá caros amigos e amigas!

Sonzinho para inspirar a leitura:

Um pouco sobre o RPGVale.

Se vocês ainda não sabiam, eu tenho a honra de fazer parte deste blog de RPG super-bacana, chamado RPGVale, já a uns 3 anos =]
Quando fui convidado pelo RPGista eu já escrevia em alguns blogs, ele curtiu alguns artigos e começamos a bater um papo. Desde aí se iniciou uma amizade entre o trio Killdragon (MrGamerdev, na época), Darkwolf e O_RPGista e gerou alguns projetos bem legais. Vez ou outra eu escrevia alguns artigos sobre games e eu até acabei criando uma coluna chamada Paladinos da Arte. E tem o RPGCast, um podcast de campanhas de rpg que eu editava e foi remodelado com o tempo até atingir o formato atual. E provavelmente ainda terá muito o que ser mais remodelado e melhorado. Ele está em outras mãos agora, mas devo dizer que são ótimas mãos. Mas isso é segredo.

O RPGVale é um blog que me trouxe alguns frutos muito legais!

Mas devo confessar que uma das coisas mais legais que o blog me rouxe foi a oportunidade de ir a alguns eventos como imprensa. Sinceramente adoro participar destes eventos! Na maioria das vezes acabo aprendendo muita coisa e conhecendo bastante gente legal.

Os eventos que conseguimos filmar eu coloquei no Canal KilldragonPlayer, e até divulguei alguns vídeos lá no RPGVale.

Os vídeos não está lá muito bem editados mas você pode conferi-los aqui:

Este foi o primeiro.

Neste eu já tinha criado uma introdução, mas ainda não entendia direito de edição. Segui alguns tutoriais que me indicavam à tirar o aspect ratio e ele acabou ficando esticado! Sem contar que ficou um pouco comprido XD

Aqui alguma evolução na edição. Mas ainda meio comprido.

Este último foi o que eu achei o "formato" mais ideal para este tipo de vídeo. Até pensei em reeditar os outros para se encaixarem neste estilo mas a preguiça falou mais alto XD

Tinha ainda um 4º vídeo da Campus, com uma entrevista bem legal com o Ricardo Ogliari do Mobilidade é Tudo, mas infelizmente parte do material acabou se perdendo. Sorry =/

Como podem ver, eu não sou um exímio editor de vídeos mas por hora é o suficiente para o meu canal.

Mas o que é o canal KilldragonPlayer?

Alguns podem olhar e pensar que é mais um canal de gameplays. Pois de fato tem gameplays lá também! Mas... Bem, não é bem isso.

Devo contar um segredo: eu não sou um cara lá muito engraçado. Pelo menos não me acho.

E na minha concepção não basta só o cara ligar a câmera, jogar e falar algumas besteiras. Tem de ter o timming certo, o "jeitinho" pra coisa. E tem de ser engraçado! E já tem muitos canais por aí que são excelentes nisso.

Particularmente, o KilldragonPlayer é um canal criado para divulgar os eventos que eu participei (e espero participar de mais futuramente) e mostrar um "diário de aventuras" nos games que eu gosto de jogar. É mais pra minha diversão mesmo e pra me manter ainda mais próximo dos games e da galera que curte jogar tanto quanto eu.

Eu estou criando mais ou menos algumas "séries" de jogos que gosto. A primeira delas é a Desbravadores de Tera, que conta as aventuras de Artorios e outros guerreiros amigos.

Sinceramente não sei até onde ou quando vai este formato de "episódios". Mas é algo que estou gostando bastante de fazer no momento.
Gosto de editar e postar esses vídeos, pra ser sincero, e futuramente espero postar outros jogos, talvez em outros formatos e por aí vai.

E eu espero que vocês gostem e isso incentive a vocês me enviarem os seus canais e vídeos também!

Por que? Porque é legal! Sinceramente espero que isso incentive um bando de gente a jogar junto e gravar seus "diários de aventuras" também. Simplesmente porque isso é super-divertido! É uma oura forma de contar histórias e compartilhar idéias.

Então se estiverem nos mesmos games que eu, apareçam por lá e vamos gravar nossa diversão. Vamos registrar nossas aventuras! =]

Abs.

ArturKilldragon

Que tal aprender a desenvolver jogos? Eis aqui uma apostila para começar!

2013-04-24T21:34:00.001-03:00

Oláááá caros amigos e amigas!
Sonzinho para inspirar:

Uma idéia: "Um curso de 15 dias intensivo onde os alunos aprendam a fazer alguma coisa".

Foi assim que começou a idéia para a minha Apostila de Web Games. Eu dava aula na Microcamp e a coordenação me pediu um curso "diferente" para a temporada de férias. Eu estava meneando entre querer aprender algumas coisas e esta seria uma oportunidade bem interessante.

Nessa época eu estava trabalhando perto de casa e tinha mais interesse em aprender coisas novas e pagar as contas do que ganhar dinheiro. Havia acabado de passar por um período estafante de trabalho em São Paulo. Quase 5 anos enfrentando trânsito terrível de quase 2 horas (ou mais) por viagem... Isso já havia me cansado. Trabalhar dando aula pareceu uma boa idéia na época. E de fato foi por um tempo.

Essa apostila é fruto de um "experimento" com alunos que estavam lá "sacificando" suas férias para adquirir algo que eleva o ser-humano, que engradece os pequenos e que faz a diferença no mundo: Conhecimento.

De fato sem conhecimento não somos nada.

Eu já havia publicado um post sobre essa apostila lá no RPGVale, mas acho que é necessário repetir aqui essa informação. Mesmo porque acho que é um bom ponto de partida para o que pretendemos desenvolver à seguir.

Por hora, aos curiosos eu deixo aqui o download do material pelo Google Drive, como eu havia feito no outro post: https://docs.google.com/open?id=0B6CmgeUpVuEtQkJlV2RuejdZZ3M
E também o link direto pelo Dropbox: https://dl.dropbox.com/s/fl1z8w9v8491d47/Web%20Games%2001%20Final.rar?dl=1

Agora umas considerações, muito provavelmente eu não irei continuar essa série de apostilas de actionscript por alguns motivos:

Acredito que apostila consegue dar uma boa base àqueles que querem realmente aprender. Digo aqueles que tem sede de conhecimento. Estou descartando aqui aquelas pessoas que não gostam de pensar e que esperam que o conhecimento venha automático para a mente;
Não utilizo mais a linguagem. E isso já tem um tempo. Motivo? Simplesmente minha vida deu uma guinada profissional que eu não esperava e o conjunto flash+actionscript estão cada vez mais distantes da minha realidade;
Comecei a trabalhar com front end e HTML5 recentemente, e por este motivo estou me aprofundando cada vez mais linguagem. Sei que HTML5 ainda não é o melhor dos mundos para jogos. Ainda existem uma série de empecilhos chatos. Mas é o melhor dos mundos para mim neste momento aprofundar meus conhecimentos em HTML, CSS e principalmente Javascript. Portanto esperem ver bastante material sobre isso por aqui.

Então, embora eu tenha orgulho desta publicação, deixo bem claro aqui que pretendo direcionar meus estudos para outros lados. Ainda não estou firmemente certo quanto ao fato de ser HTML5. Pode ser que eu caia novamente para o desenvolvimento de jogos mobile nativos em Android, que também não estão muito longe de minha realidade atual.

Mas devo confessar que tenho aprendido bastante estes dias sobre HTML, CSS, Jquery e outras coisas mais neste sentido. E tenho me surpreendido e gostado bastante.

Mas eu aconselho veementemente: Se você tem aquela dúvida sobre "onde devo iniciar" sobre desenvolvimento de games, o melhor caminho didático (na minha opinião) é o actionscript 3.0. Dê uma olhada na apostila. Aprenda alguma coisa e depois busque mais.

A intenção aqui é dar o passo inicial para que seja despertada sua sede de conhecimento sobre jogos. E espero realmente que essa apostila ajude nisso.

E aproveite também pra ver como começou essa coisa toda de Combo Extremo.

Abs^^

Artur Killdragon

E eis que estamos aqui! E algumas idéias... =]

2013-04-15T16:46:00.003-03:00

Oláááá caros amigos e amigas!

BEM VINDOS AO COMBO EXTREMO!

É, eu ainda não perdi a mania de introduzir meus textos dessa forma ¬¬

Primeiro de tudo:
Musiquinha para mantê-los inspirados e no clima...

Deixe-me dizer algo sobre mim, um de meus primeiros defeitos: Eu tenho a péssima mania de ter muitas idéias!

"Isso é ótimo!" Provavelmente alguns diriam. E provavelmente é. O problema é quando todas essas idéias estão numa mente criativa bagunçada e descoesa.

Quero dizer, todo mundo tem idéias, e acha que suas idéias são as melhores do mundo. O grande problema é que a maioria das idéias acaba morrendo em algum lugar, e geralmente é um lugar onde você não olhará mais.
E o mais engraçado é que a maioria das idéias surgem do nada e em lugar nenhum! Ou seja, nos momentos que te pegam de surpresa e nos lugares onde você não tem uma caneta e um papel (ou um computador) para tentar rabiscá-las. E às vezes a idéia fica martelando incessantemente na sua cabeça. O que fazer com ela? Executá-la! Acho que essa seria a resposta mais correta.
Mas a maioria das pessoas parece não pensar assim. Grandes idéias morrem porque não são executadas, muitas vezes porque seus donos não sabem como fazê-lo, outras vezes porque eles tem algum tipo de preguiça mental. Alguns dos que não sabem fazer até tentam colocar em prática contratando os que sabem. Muitos são bem sucedidos.
Mas aí está outro de meus defeitos: Eu sempre gostei de criar e construir minhas idéias. Prmeiro porque não tenho lá muito dinheiro, e segundo porque sou um teimoso daqueles. Simplesmente acabo aprendendo a fazer as coisas.
Eu tenho uma certa veia criativa, inventiva e teimosa, que teima em tentar fazer as coisas por si mesmo. Isso às vezes me atrapalha bastante, porque acabo demorando um tempo a mais pra conseguir certas coisas fáceis. Mas parte disso acabou, de certa forma, formando esse cérebro imbecilóide e sádico por conhecimento que tenho hoje.

Uma coisa que chega a ser engraçada é que o conhecimento e o lado inventivo acaba me levando aos games, na maioria das vezes. É como um imã. Certo tempo cheguei a tentar desistir da área. Conversei com vários amigos e realmente fiquei um tempo afastado. Mas algo sempre me puxa novamente à isso: Criação e Desenvolvimento. Eu acabo caindo novamente nas graças deste mundo tão gigante, um universo quase infinito de possibilidades, que cada dia me surpreende mais. Então eu acabo de alguma forma aprendendo mais sobre design, sobre programação... E sobre coisas que não tem nada a ver com isso! oO

Até mesmo coisas que aprendi em outras áreas, como edição de áudio e vídeo, técnicas de web desgign e até mesmo de mobile design, ilustração e quadrinhos, artigos escritos em blogs, podcasts... Tudo isso que já trabalhei e trabalho até hoje... Acabam sempre me trazendo de alguma forma ao mundo dos games.

Eu acho que preciso de um lugar para unir tudo isso. Unir todas essas coisas que acabam convergindo para este mesmo ponto.

Este blog é sobre isso. Um COMBO EXTREMO de coisas que eu gosto, geralmente ralacionadas à jogos. Meu intuito é unir aqui tudo o que gosto de fazer e gosto de acompanhar, a começar por alguns projetos pessoais que tenho em mente (e finalmente agora terei algum tempo para criá-los). Este blog será um registro de todas as coisas malucas que quero expressar, criar e (porque não?) compartilhar.

O COMBO EXTREMO será o lar da realização do caos que é gerado em minha mente, e este caos irá diretamente para a mente de vocês sem intermediários!

E eu espero realmente que vocês participem ativamente disso. Este será o nosso canal de comunicação para idéias, malucas ou não, que devem sair do papel. Principalmente se isso se tratar de games de alguma forma.

Cansei de correr, cansei de me esconder. Vou me entregar a este universo que quer me dragar e transformar minha alma em algo melhor.

Que comecem os jogos! Que comece o COMBO EXTREMO!

Abs.

Artur Killdragon =]