Wild Witch Project

Sapo peludo - Da ficção à realidade !

noreply@blogger.com (Marcos Bitetti) — Tue, 15 May 2012 00:14:00 +0000

Fazendo minha navegada nonsense diária passei por páginas com seres esquisitos e outras coisas insanas. Ai encontrei esse sapo africano e lembrei de um dos ingredientes que Cibele tem que achar dentro do jogo: O fio de pentelho de um sapo.

A ideia inicial era uma piração que eu tinha uma vaga ideia de como fazer, agora tenho total certeza de como fazer ^_~
Mesmo porque o fato dele ser africano ajudou muito mais ainda a história que eu estava bolando.

Referência: Wikipédia

Malditos NPCs folgados

noreply@blogger.com (Marcos Bitetti) — Mon, 07 May 2012 00:22:00 +0000

Open publication - Free publishing - More comedia

É assim que vejo uma boa relação com os NPCs do jogo, quando você tem mais de uma opção para resolver um determinado assunto a jogabilidade fica mais elegante.

Imagine por exemplo uma porta com um quebra cabeça. Sempre quis abrir as malditas na bicuda sempre que encontrava um desafio nos jogos de PC.

Ao estudar com calma os sistemas de RPG, como Daemon e WikiRPG, obtive uma resposta interessante e simples.
Ao invez de deixar o objeto intocável eu atribuo um valor de absorção de dano alto. Digamos que Cibele é obrigada a resolver o quebra-cabeça. Agora Lindomar o esquentado e Coisa Ruim o prático podem tranquilamente dar mais de 2000 de dano num pisão.

A solução é simples, a porta mágica funciona como qualquer porta, só mudando o valor de resistência. E eu tenho meu sistema flexível e feliz ^_^

Barra lateral do blog, jQuery, HTML5 e banners

noreply@blogger.com (Marcos Bitetti) — Mon, 23 Apr 2012 10:26:00 +0000

Estou fazendo aos poucos alterações no blog, melhor eu ir aos poucos doque ficar planejando uma grande reformulação.

De inicio a barra lateral agora vai contar com widgets retráteis, isto permite ao internauta mais observador retrair os mesmos ao invés de ficar dando scrolls intermináveis.

Também fiz algumas magicas com a jQuery, mudando a forma como o TITLE é usado, ao invés da caixinha de dia clássica agora aparece uma caixa de informação parecida com a que será usada dentro do jogo. Dessa forma pretendo dar uma pré imersão ao visitante.

Esse é o video dela em desenvolvimento (já deve estar funcionando agora).

Como dá pra ver o clássico menu de links lateral também esta em reformulação, com 3 seções distintas.

Banners grandes: Um slideshow onde soquei gifs animadas sem dó, claro a média de tamanho é de 50kb. O código que gera a transição eu deixei la no GIST para quem tiver interesse.

Banners normais: Uma série de lugares legais onde o leitor pode ter idéias e pirações.

Lista de links: Links de texto normais.

A feitura foi mais complicada do que a Javascript, pois esbarrei de novo com dois problemas da HML5:
1. Falta de maturidade - Originalmente o sidebar do blog era para ser feito com a tag ASIDE, no entanto isso mudou esses dias deixando o código que eu tinha feito no começo do ano obsoleto! #RAIVA
2. Ambiguidade das tags - notoriamente o uso de DIV ainda não é excluído e serve para 98% dos casos, as tags novas tem ainda uma diversidade de interpretação muito grande. Por exemplo, eu poderia fazer o esse menu com 1 NAV e 3 DIVs ou 1 NAV e 3 SECTION! Apesar de section não agregar valor ao uso, ele agrega valor na hora de pensar noque realmente a mini-seção é! #RAIVA

Tooltip
O sistema de tooltip novo é feito usando jQuery e tem compatibilidade com HTML4, já que a LibRocket é baseada em HTML4.

Pensei em usar o objeto CANVAS mas ai eu fiz uma conta:
média da distância x entre alvo e tooltip ~ 500px (veses) possível distancia y máxima 14000px
O resultado foi algo em torno de 30MB de memória para desenhar uma linha... pula!

Fiz a linha como uma imagem de 3 pixels de altura por 1 de largura. E eu manipulo a largura e angulo apartir do CSS. Tudo com base em contas que agente costuma encontrar facilmente em ambientes de game.

Há um problema ainda com o Internet Explorer pois ele não aceita uma propriedade CSS que deixa ele imperceptivel ao mouse. Mas tem técnicas para burlar isso que irei estudar com calma outra hora.

O público do IE não é despresivel como eu imaginava.

Quase 9% e se valores como 2% a 5% já são o suficiente para não serem ignorados (a exemplo usuários deficientes se encontram nessa faixa).

Código do slideshow:

Cibele The Barbarian Bunny Killer - Feliz Pascoa

noreply@blogger.com (Marcos Bitetti) — Sun, 08 Apr 2012 03:02:00 +0000

Coelhinhos, coelhinhos. Eu já falei em outro post o quanto eles são perigosos! Tanto que no mundo de Cibele existe uma classe de bárbaros especializada em caçar essas criaturas assustadoras.

Um desenho para comemorar um feriado virou um bom exercício, ando me concentrando bem neles ultimamente.

Também consegui fazer um video de speed paint descente finalmente:

Um fato legal é que tratei ele como uma meta, independente de ser um projeto grande é uma meta, ou "milestone" para alcançar. Isso dá um certo animo novo.
Ando sempre repensando sobre desenvolvimento de projetos, é sabido que jogos curtos tem mais chances de sair do papel doque projetos suntuosos. Então acho que um processo de estabelecer pequenas metas tem se tornado um bom mecanismo. Ao invés de pensar no jogo como um todo, focar nas pequenas partes. Mesmo que elas sejam só um exercício.

Mas vamos lá. Dessa vez fiz um video em timelapse do processo de uma forma diferente.
Ao invés de gravar um video do desktop eu fiz uma captura de tela a cada segundo. O resultado foi uma pasta com 9184 imagens e 4.2GB que se mostrou muito mais prática de manipular doque vídeos!

Primeiro criei um script simples:

O numero do frame fica no arquivo "count". Ai é só dar permissão de escrita:
chmod 666 count

O chato foi converter o video, o programa que uso chama-se FFMPEG no entanto ele tem toneladas ininterruptas de opções para explorar.

Mas eu cheguei nessas configuradões por enquanto:
ffmpeg -r 20 -b 50000 -minrate 50000 -maxrate 80000 -i rec/cap_%d.jpg -s 1680x1048 speedpaint.mp4

Gerou um arquivo de 80MB que o Youtube deixou com 22MB. Mas como base é bom.

Pensei que capturar 1 frame por segundo seria pouco, no entanto o resultado ficou bom para mostrar como Speed Paint, já um tutorial seria adequado um framerate menor, como 10 frames por segundo talvez.
Oque é claro terá que ser feito em uma linguagem externa. Em outro post farei isso em Ruby.

Toon shader e normalmap - recapitulando

noreply@blogger.com (Marcos Bitetti) — Sun, 01 Apr 2012 17:09:00 +0000

Esses dias passei no blog do mcunha98 e vi que ele estava com duvidas na etapa do normalmap do jogo e o pessoal lá do Blender Brasil não vai além do poder do Blender nessas horas.
Lógico que de imediato compartilhei minha ideia em relação aos macetes da coisa: Modelar com exagero os detalhes.

Mas como nunca é demais duvidar das próprias certezas eu resolvi dar uma repassada na coisa.

Basicamente ao ver o bom resultado do normalmap no meu Preto-Velho achei que o mesmo principio se valeria para todos os modelos. E de fato o fundamento existe, mas não é o bastante.
Olhem as áreas bem engruvinhadas da barba do velho e reparem na camisa, deveria haver um bolso.
No vídeo a coisa fica mais interessante.

Lógicamente o normalmap não faz milagres, observem a imagem abaixo, as veias quase não aparecem. Tive que fazer uns calombos monstruosos para aparecer algo efetivo.

Essas marcas propositais na escultura foram feitas para gerar efeitos exagerados. Isso não foi tão efetivo como oque eu esperava. Apesar das marcas terem se mostrado extremamente delineadas na textura.
Mesmo olhando com atenção fico com dúvidas de que o brilho no buraco do ombro esteja respeitando a topografia do buraco.

Talvez se eu aperfeiçoar o shader, de normal para um parallax da vida a coisa fique mais evidente. Ou quem saber mesclar melhor a etapa do brilho com maior eficiência. (nota: aqui estou falando do meu shader mesmo, faz tempo que não fuço na Unity)
Bom, até aqui já extrapolei tudo que aprendi de matemática na escola (quase nada muito relevante).

Outra alternativa seria eu compilar o Blender com o shader de toon para que o efeito aparece durante a visualização em GLSL, assim eu poderia ver os resultados da edição em tempo real.

Eu ainda chego numa resposta...

Esboços de malhas

noreply@blogger.com (Marcos Bitetti) — Sun, 01 Apr 2012 13:29:00 +0000

Musculos, ossos, áreas de massa (sim amigos falo de seios e bunda e sim amigas falo de barriga), além da roupa e cabelo. Mãos são outro inferno.

Venho segurando os personagens femininos o mais que posso pois eles pedem uma responsabilidade maior nos detalhes.

Para evitar muitos problemas na hora de construir é sempre bom fazer um esboço de malha.

A vantagem do esboço é que você ficar livre da interface do programa dando mais liberdade para se concentrar nos volumes. Eu prefiro usar esses estudos doque ficar seguindo tutoriais no Youtube, mesmo que muitas vezes o resultado seja igual ao menos eu tenho conhecimento doque estou fazendo.

Também é um ótimo momento para planejar a malha em peças, dando opção de trocar de roupa e armaduras.

Irei fazer mais alguns esboços antes de começar a modelagem, nas imagens abaixo dá pra se ver alguns lugares que precisão de atenção, como a junção da coxa com o abdomen, que sempre insistem em dobrar onde eu não quero.

Referências
www.deathfall.com
www.fantasy-artzine.com
www.adamsmassagetherapy.com

Papilon concept - Speedy Paint

noreply@blogger.com (Marcos Bitetti) — Sun, 25 Mar 2012 23:38:00 +0000

Rascunhando uma personagem, esse desenho também vai pro novo papel de parede do blog.

Muitos dos personagens começam assim, uma ideia simples e até cliché, mas que dá pra ir refinando com o tempo.

Bom o video não esta muito bom, vou passar a capturar a tela em JPEG apartir de agora em busca de um melhor resultado. (a musica foi sugerida do Youtube, se não eles bloqueiam o video como se eu não fosse o autor)
^_~

Fazendo ajustes no blog para 2012 (de novo)

noreply@blogger.com (Marcos Bitetti) — Sun, 25 Mar 2012 21:05:00 +0000

Esse começo de ano foi muito estranho e eu perdi o ritmo da produção, mas aos trancos e barrancos estou retomando as coisas.
Não estou de todo parado, apenas desordenado com as postagens.

Preparei páginas novas para melhor orientar quem não conhece o projeto (veja personagens).

E andei fazendo uns estudos mais apurados, tenho inclusive 2 projetos para subir como Open Source que derivam destes estudos, e no começo do mês subi uma ferramenta que foi baseado em Google Chrome que projetei para usar na RPG Vale (e ficou legal, vejam em loco).

Mas como o termômetro do projeto se baseia nas postagens é bom eu ir retomando elas.
Começando mudanças no Blog, que vão além do layout claro.

Já devem ter notado o background do blog agora esta mudado, a imagem que realmente vou utilizar de fundo ainda não esta pronta.
Esta imagem do lado é um rascunho no Blender.

Eu me inspirei na imagem que vi no blog do Blind Guardian, muito linda. Sei que os webdesigners irão se juntar em corrente para me espancar mas irei seguir a linha de sites de jogos onde você vê aquelas imagens de fundo cheia s de detalhes dos deuses do game, etc.

Há também páginas extras para melhor orientar os visitantes, que estão quase terminadas.
A página dos personagens é a que irei mostrar aqui.

Criei uma breve descrição dos principais e estou mostrando mesmo os modelos não estando 100% prontos.
página dos personagens.

Os textos são super simplificados, são mais para dar aquela água na boca.

O layout é simples.
Eu tinha começado usando o HUD que estava pronto do minimapa e usando uma paleta para reduzir o tamanho das imagens mas não ficou bom o resultado.

Sentei com calma e comecei a rascunhar algumas coisas no Blender.
Usando uma câmera definida em 90º deu para gerar uma imagem bem definida em 2D.

(Tem um detalhe bizarro para quem olha a imagem: Como sou um cara de muita sorte, fui sorteado com uma GeForce que saiu de fábrica com algum capacitor estufado! Não dá mais pra jogar e usar o sistema anda difícil, mas ainda dá pra enxergar razoavelmente. Enquanto o orçamento não permitir uma substituta vou me virando, ela deve ter mais uns 2 ou 3 meses de vida)

No final o layout ficou mais elegante.

E eu optei por deixar as PNGs sem paleta, são 3 vezes mais pesadas mas a qualidade é impecável. E para fãs de games qualidade visual é tudo.
Considerando que nunca vou atingir a qualidade de um jogo comercial não faria mal dar um acabamento melhor onde puder dar.

Também estou terminando a página com a descrição do game.

Há também uma com um game em javascript que se integra ao Blogger, e esse jogo irei portar para a LibRocket e usar dentro do jogo final! (detalhes em breve).

O menu e cabeçalho também estão sendo reformulados, a nuvem de tags devera estar no topo do blog daqui em diante.

Quanto as mudanças estratégicas
Cadastrei o blog em mais alguns fóruns e redes sociais. Dessa vez voltadas ao usuário final.

Também o Tumblr que eu usava para fazer mini-posts do projeto irá mudar.
Pretendo exercitar nele meu inglês podreira, mas com isso conseguir um feedback do exterior. Percebi que ele poderia chamar bem a atenção em outras línguas, principalmente quando apareceu nas pesquisas internas sobre LibRocket.

Evil Dead 2 Cabin (Cabana)

noreply@blogger.com (Marcos Bitetti) — Sun, 25 Mar 2012 15:51:00 +0000

Uma das casas mais famosas dos filmes de terror dos anos 80 não poderia ficar de fora.

Quando pesquisei por detalhes descobri umas coisas interessantes, a casa original pegou fogo e só sobrou a chaminé ~_~
E o filme tem mais de 30 anos! (eu crente que era dos anos 90, bom foi nessa época que eu o vi pela primeira vez).

Mas a parte mais legal em termos de jogo é o alçapão que leva ao subsolo. Por ele dá pra fazer um sub-cenário e tanto sem me prender a regras realistas.

Claro que ainda não fiz a parte interna, estou pensando em usar dois modelos de casa para isso.

Achei também mais gente modelando a casa, um inclusive fazendo uns "puchadinhos" já que a casa em si não parece ter espaço pra todas aquelas cenas.

Referências:
jeanoroid.com - Fotos dos restos mortais da casa.
Max-Realms com o projeto de um tal de Asimov modelando a casa.
Texturas usadas no meu modelo.

Separando áudio parte 1

noreply@blogger.com (Marcos Bitetti) — Fri, 27 Jan 2012 02:06:00 +0000

Hoje separei umas trilhas de áudio para usar em parte do game, um pouco foi inspiração (cutucada) pelo artigo Game Over #3 da RPG Vale, escrito pelo Thiago, que trata sobre a trilha sonora de games.

Comecei por escolher alguns binaurais, muitos conhecem esse tipo de som graças ao Virtual Barber Shop (ouça de olhos fechados).

O site www.freesound.org tem ótimos arquivos, bom ainda não sei totalmente se os áudios são realmente free, mas vou tranquilo pois todo arquivo de terceiro é creditado no game, qualquer coisa é só tirar e por a culpa no kra que gravou e pôs lá.

Tem horas que dá vontade de comprar um microfone binaural pra mim, as vezes se eu entro numa estrada mais deserta por aqui ouço tantos pássaros e até gaviões na estrada... seria algo muito melhor que pegar um áudio de trilha sonora de europeu mas por enquanto vamos no improviso.

Por último deixo esse video de referência, ele é simplesmente fantástico.

Revisão do instalador para Windows

noreply@blogger.com (Marcos Bitetti) — Thu, 26 Jan 2012 09:30:00 +0000

O feedback que recebi me deu umas orientações boas. Bom até alguns comentários bizarros apareceram, fazer oque faze de testes é sempre um momento tenso.
Estou contente com a velocidade do feedback. Segue agora um relato do impacto disso tudo.
O usuário Jëff Leadmann da GameDeve me lembrou do UPX, destinado a aprimorar o empacotamento de softwares ele tem versões para Win, Linux e Mac.
Ele representou uma boa economia no produto final do instalador. tipo comeu 20% do total oque me permitiu passar para um passo mais ousado: incorporar compressão LZMA ao projeto. A imagem abaixo mostra o resultado do produto final com uma economia de 27%.

Vírus
O meu aplicativo em estado bruto também chegou a ser considerado vírus pelo Norton. Provavelmente pelo tamanho pequeno e pela capacidade de acessar a Internet e escrever no disco o mecanismo identificou características de vírus.
Para me assegurar fiz uma verificação extra com o ClanAV e nada. A maquina virtual que usei para a produção parece estar limpa.

Também ando ouvindo relatos do UPX ter sido identificado como vírus! Justamente por alguns usarem ele para compactar seus trojans mau feitos.

Continuando os feedbacks... (cuidado a linguagem agora será quase algorítmica)

Foco da janela e arrastar
Eu tirei muito código de fóruns e colei no corpo da WindowProcedure, prático e rápido mas pelo visto não respondia a tudo.
Consegui ver o problema na máquina virtual e estou localizando os suspeitos de fazer a janela ficar sempre no topo (não era para isso estar acontecendo) e eliminando por tentativa e erro.

WindowProcedure
Aqui que rola a maioria dos pepinos, essa é uma função do tipo "Gigante Guerreiro" que por mais que você subdivida seu fluxo com mais funções ela vai ser extensa e confusa.
Para quem não conhece essa é a função base de uma janela do Windows e nela são tratadas todas as mensagens recebidas do sistema e dela própria. Por exemplo se o mouse passa perto ou se um Pendrive for inserido na USB alguma coisa passa por aqui.

Uma preocupação que parecia desnecessária no inicio foi quanto ao usuário poder arrastar e soltar a janela. Já que o código que tirei dos fóruns fazia isso fiquei despreocupado. No entanto esse código fazia que o usuário arrastasse a janela e ela só aparecesse na posição que ele soltava o mouse.
Mas isso não estava dando uma aparência natural e os usuários começaram a reclamar.

Agora ignorei o drag and drop natural e criei um novo temporizador dentro da janela que é ativado quando o mouse é pressionado sobre ela. Assim a janela segue o mouse ao arrastar. Ao invés de só aparecer quando você solta o mouse.
Nota: o temporizador esta marcado em 30 fps para não sobrecarregar o sistema.

Piscadela nas barras de progresso
Reclamaram de umas piscadelas nas barras de progresso, achei estranho pois vi algumas no texto e não nelas.
Suspeitei de alguma conta errada na hora de mandar os dados e adicionei umas variáveis extras, antes de mudar o tamanho da barra eu sempre verifico se o tamanho novo é maior que o anterior.

Velocidade das imagens
O deslizar das imagens também incomodou um pouco pois o pessoal não estava conseguindo ler e apreciar as imagens ao mesmo tempo, então reduzi a velocidade.

Imagens
Tive também reclamações curiosas, basta lembrar aqui que o estilo base é o mangá. Mesmo que no futuro eu consiga patrocínio para alguma coisa e consiga um desenhista fodão tudo será nesse estilo.

Finarsmentes
Por fim troquei o download do Wild.rar por um conjunto de media kit, já tinha gente querendo jogar!

Calma que o primeiro beta esta saindo, já estou produzindo o roteiro da fase.

Coisas legais que descobri

Outro teste pra reduzir o tamanho, como eu não sei tudo que um compilador faz resolvi fazer assim:
Tirei as definições estáticas como: unsigned char tela[WxHx3]; e troquei por um unsigned char* tela; onde eu crio o buffer na hora de iniciar o programa. O resultado foi NADA! O compilador já é bonitinho ^_^

Agora o golpe de misericordia: Compressão 7Z (LZMA)
Fiquei curioso com a economia usando o UPX, e no tempo livre baixei o source do 7Z.
7Z é realmente potente basta olhar a tabela de comparação de resultados:

O próprio UPX usa o 7Z, basta que você use --lzma no lugar de -9 na hora de comprimi.

Peguei o exemplo em C puro e desmontei, extraindo o mínimo que eu queria apenas para descompactar as coias e tirei os includes desnecessários. Na verdade dos quase 80 MB só 150KB é onde está o código propriamente dito.

Aconteceu uma coisa "bizonha" durante a incorporação no instalador, ao compilar o MinGW pirava parava na metade do processo pois perdia a referência aos arquivo principal mas não dava nenhuma mensagem de erro, só warnings!

Optei pela prática padrão nesses casos: chutei o balde, fui fazer café, coxilar, jogar joguinho... para depois voltar no dia seguinte com a cabeça fresca.
Não achei o motivo, e resolvi apelar para brutalidades: De novo montei uma lib estática.
Funcionou ^^
30Kb a mais que passam a ser 15.3Kb depois do UPX (compressão -9).

Pronto, era o ultimo elemento que faltava para esse modulo do projeto, e já deixo o extrator 7Z pronto, pois apartir da primaria instalação o usuário conta com updates apartir do próprio jogo.

Primeiro rascunho do roteiro da fase tutorial

noreply@blogger.com (Marcos Bitetti) — Sun, 22 Jan 2012 19:25:00 +0000

Acho que faz tempo que não posto nada humanamente compreencivel aqui no blog.

A fase tutorial também é uma forma de cativar o jogador apresentando os recursos do jogo de cara. Bom essa tática funcionou em Assasins Creed 1.

A construção é muito baseada em MMOs com a mesma ideia de graduação.
A história com o necromante não esta muito no padrão que gosto pois é bem "batida", se devo mexer nela ou deixar como está para deixar o jogador num ambiente mais familiar eu ainda não sei.
E acho que devo continuar o trabalho na personagem para deixar ela mais realista.

Notem que a história não é linear, por isso ela aparece mais como um infográfo. Enjoy.

Uploaded with ImageShack.us

No SOPA/PIPA Sim ao progresso

noreply@blogger.com (Marcos Bitetti) — Wed, 18 Jan 2012 00:14:00 +0000

Tá beleza e qual a importância de eu estar publicando isto num blog de poucas visitas, que não está nos Estados Unidos e não influência ninguém?

Pensei até em contar uma história parábolizando a coisa mas achei melhor ir aos fatos.
Se eles abrirem precedentes por lá logo isso irá servir de base para outros países. E nossos deputados não estão longe disso. Principalemnte influênciados por empresas grandes como Globo, Warner, Sony e CIA.

A web é nossa, nossa casa e devemos cuidar bem dela.
Somos nós os usuários que fazemos a web e não empresas, nenhuma IBM, nenhuma Apple, nenhum Google e nenhuma Microsoft e nem mesmo designeres e engenheiros em seus tronos de pedra, mas sim o usuário com seus desejos e necessidades que guiam a ferramenta.

Então levante seu traseiro e faça alguma coisa, pinte a cara que nem o Mel Gibson e ponha a foto no twitter, mande emails e mensagens em massa para sites que você participa, mande uma caixa de bombons de R$1.99 para seu vereador para ele ver o valor do trabalho dele, sei-lá.
A web é um campo fértil de idéias fluindo e não é bom que algo barre a evolução dela.

Agora sim parábolizando e explicando a frase inicial desse post:
Se aparecer uma rachadura numa represa logo ela pode aumentar e inundar tudo ao redor, mas se cada um jogar uma pedrinha na frente logo tem-se uma montanha para segurar a água.

Mais detalhes:
Revista Espirito Livre (descrição bem detalhada)
Software Livre Brasil
Forum Uunted (portugal)

Projetando a instalação Windows

noreply@blogger.com (Marcos Bitetti) — Sun, 08 Jan 2012 23:02:00 +0000

Eu estava estou acompanhando alguns artigos no Ubuntu Games sobre criação de pacotes .deb para instalação e acabei me inspirando/animando para essa etapa.

Para Windows existe uma outra filosofia já difundida, eu deveria estar pensando em Win8 e um modelo de instalação tipo Android e Linux mas com certeza o modelo de instalador clássico deve se manter por mais alguns anos.

E como parte do objetivo é brincar de grande Softare House resolvi seguir as leis de Esparta e desenhar meu próprio instalador que ficou com 146 KB !

Idealizando um usuário final, o instalador devera ser um software simples que baixe os arquivos principais da Internet e ponha eles para rodar.
Obviamente não conto com a credibilidade de uma Blizzard ou DC que podem gerar um instalador de 10MB tranqüilos, assim resolvi criar o aplicativo com o menor tamanho possível.

Para tentar resolver isso comecei pela questão das imagens e procurei uma biblioteca de tamanho reduzido. E encontrei a NanoJpeg um único arquivo adicional com 690 linhas!
Claro que no entanto ela perde um pouco de flexibilidade, por exemplo ela tem dificuldade de carregar imagens tipo "progressiva", a imagem tem que estar obrigatoriamente em 72dpi, ao preparar as imagens tenho q tomar o cuidado de "achatar a imagem" quando trabalho com as mascaras em "Tom de Cinza" e ela falha em alguns formatos por exemplo as barras tem 6 pixels de altura porque com 4 dava algum erro e até o botão de lançar teve que ser feito em 66x64 pixels porque com 64x64 não estava abrindo! Resolvendo esses pepinos por tentativa e erro foi o menor dos empecilhos.

Descartei o Visual Studio Express pois apenas em lembrar que precisava baixar as VC Runtime no cliente já saia do orçamento (mas não tentei compilar nele com o código finalizado ainda).
A saída foi o MinGW sem incorporar as bibliotecas iostream (450KB só pra dar um #include <iostream>).
O chato é que estou muito acostumado a usar cout pra debugar e agora tinha que usar printf.

Após isso o passo seguinte foi procurar uma biblioteca para baixar o arquivo. A CURL naturalmente gerou um executável obsceno, afinal ela dá suporte a tudo que é protocolo usado na Internet desde HTTP até SSH! Tem como compilar ela usando o mínimo de dependências mas começou a dar muita do de cabeça, principalmente no rwindows.

Após uma Googlada mais nervosa achei uma solução dentro do próprio Windows o WinHTTP, uma DLL inclusa no sistema com configurações mínimas mas que "dava pro gasto".

No entanto a biblioteca da MinGW não tinha um winhttp.h nos includes.

A primeira "cagada" foi pensar em montar uma LIB no Visual Studio que pudesse ser incluída no CodeBlocks apenas com as chamadas de função básicas.
Dores de cabeça depois até eu ver que em muitos casos os conflitos em se fazer isso eram enormes.
A segunda "cagada" foi montar uma DLL e chamar ela pelo CodeBlocks...

Fiz as duas até me tocar que uma alternativa secreta que consistia em copiar os cabeçalhos das funções em forma de ponteiros. E usar uma chamada básica da WinAPI para carregar a WinHTTP.DLL e apontar aquelas funções XP
Passado a raiva por não ter pensado nisso procurei as referências e copiei as chamadas.

No final acrescentei 1,5KB ao executável final!!!

Até aqui o código C (mesmo estando num CPP a coisa é baixaria pura) estava bem zoneado (não que eu esperasse menos desse tipo de projeto) tinha tanta função que a leitura estava pior doque a leitura desse parágrafo.
Ai eu acrescentei funções para "blending de imagem" ("mesclagem" pros phtotoshopescos e GIMPescos) ai fudeu tudo.

Desenhar o texto informativo foi uma descoberta sinistra, o sistema tem uma "viadagem" para trabalhar com Fontes que me surpreendeu pois estou acostumado a usar bibliotecas como GTK, Swing e WxWidgets para isso.

O Design
Por botão no negócio também foi meio complicado, afinal fazer uma interface customizada e usar um botão padrão seria bem feio, criei uma estrutura com os dados do retângulo e faço o calculo manualmente para ver se o mouse esta em cima dele ou não durante o "over" e o "click".

Também optei por uma alternativa pouco acadêmica: usar UM BOTÃO na interface. No lugar onde você geralmente fecha a janela ele chama um menu com o primeiro item "Fechar" como as pessoas estão acostumadas e os itens adicionais de controle.

Alguns detalhes mais divertidos estão por conta das saídas para manter o aplicativo em um único arquivo. No caso da Ajuda que é um arquivo HTML, resolvi usar a opção de incluir o arquivo .html direto no arquivo de resource, assim ele vai embutido no .exe. Na hora de exibir basta ler o resource, salvar em disco e chamar o navegador. Considerando que o usuário pode estar usando o Micro$oft Interner Explorer achei melhor não incluir imagens no documento (o IE não suporta base64 na HTML).

Download
Você pode escolher uma alternativa abaixo:
~~baixador.exe~~ (147KB)
~~baixarod.zip~~ (110KB) - melhor contra firewall
nota: removi os downloads temporariamente, breve disponibilizarei novos ^_~
Ao executar ele carrega um arquivo no meu DropBox chamado "simplelist" que indica dois arquivos de teste a serem baixados. Um deles é a primeira versão Wild Witch ainda com técnologia arcaica e experimental de 2003!

Dê sua opinião / FeedBack
Deixei este formulário no Google Docs para que quem teste possa reportar problemas e idéias de melhoria.
Acesse o este link ou use o frame abaixo. Tnks
&lt;p&gt;&amp;amp;amp;amp;lt;p&amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;Carregando...&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;/p&amp;amp;amp;amp;gt;&lt;/p&gt;

Capas
Imagens rascunho utilizadas nos slides/banners (feitos todos "nas coxa" sem pensar muito)

This is Isparta

noreply@blogger.com (Marcos Bitetti) — Sun, 08 Jan 2012 17:49:00 +0000

Enquanto eu preparava um post eu tive essa ideia na cabeça e achei que seria melhor começar o ano com essa imagem doque falando de programação XP

Sob efeitos do café rascunhei meu pinguim ~~(totalmente sem lembrar de procurar referências)~~ e aqui esta um Tux Espartano ^^

Passo a passo, eu poderia ter feito um video tipo speed paint mas sempre lembro de fazer isso depois que começo, o traço a lápis 2B é a base mesmo usando media digital.

Optei, na verdade tentei, dar um aspecto de arte-final mais grosseiro tipo aqueles de que parecem mais rascunho doque outra coisa.

Talvez eu possa colocar nas metas de estudo para esse ano "aprender a pintar". Venho usando a mesma técnica há séculos. Quem sabe se eu estudar alguma coisa nova consiga um resultado melhor de cores.
Já uma coisa que poderia fazer maior diferencial seria eu tentar praticar para deixar o desenho com um aspecto menos bi-dimensional pois não sinto um bom volume no resultado final, as cores até enganam mas olhando o preto no branco a coisa fica meio chapada.

O cenário foi na preguiça mesmo, peguei uns brushes diferentes e rabisquei algo sem muita forma alem de umas montanhas de pedra.
Depois foi dar pós produção no GIMP.

TODO: Acertar aquelas pernas do pinguim pois os pinguins não tem penas nas pernas. O Pinguim Imperador até tem uma soberba cobertura mas não em toda a perna.

Feliz 2012 Galera!!!

noreply@blogger.com (Marcos Bitetti) — Tue, 27 Dec 2011 00:27:00 +0000

O Natal passou comemoramos o nascimento de Inri Cristo com muito amor e cerveja e este ano quem vai ganhar o presente são vocês que acompanham este projeto desde o primeiro momento que esbarraram com esse blog sem sentido XD
Balanço de 2011
Estou fechando a parte bruta do sistema e projetando a faze de tutorial (aquela que você joga pra sentir o gostinho do jogo antes do jogo). Para tanto ando lendo e ouvindo bastante o pessoal do grupo de 20 anos de rpg brasileiro, muitas idéias maneiras andam correndo por lá e fora os artigos de game design da RPG Vale.

Entrei e fui bem recebido no portal Ubuntu Games onde devo soltar os primeiros alphas.

As versões para Windows e Android também devem sair ao mesmo tempo (a única dificuldade no momento é a clássica dor de cabeça de configurar as malditas IDEs, desde Eclipse à Visual Studio todas sempre tem um pauzinho ou outro)

Alguns frutos do projeto eu já disponibilizei no GitHub, como o mecanismo de scroll de fundo de página em parallax. Logo devo inserir suporte para swf object e uma versão tipo plugin para Wordpress.

E em janeiro devo publicar mais 2 projetos OpenSource que já estão prontos faltado apenas documentação, um servidor UDP usando node.js e um projeto de instalador para Windows.

Também iniciei os testes com uma plataforma de desenvolvimento em cloud da Red Hat chamada Open Shift. Ela tem um apelo interessante: é mais gostosa de usar doque o Google Apps.

Fora isso os aplicativos para Facebook tanto do WWP quanto da RPGVale estão na reta.

Também ando de zóio grande no Ubuntu One, que usa o CouchDB como base de dados.

Espero que com esses dois últimos eu consiga atingir a máxima do GitHub: "Be social"

Calma gente, não vai ter nada no jogo que twitte quando você passa de nível, prometo.

2012 MUITO RPG POWER E LIBERDADE DE ESCOLHA E EXPRESSÂO PRA TODOS!

Ajustes na seleção de objetos

noreply@blogger.com (Marcos Bitetti) — Sat, 19 Nov 2011 23:42:00 +0000

Esse sistema que mostra os dados básicos e umas marcas de seleção derão mais trabalho doque parece e se esperava.
Mexer com GUI é mais complicado doque parece! Logo deu para perceber que preciso fazer um casamento melhor entre o 3D e o 2D.
O primeiro passo é padronizar nos modelos o uso de Emptys para servirem de referência.

Um para ser usado como ponto de seleção e outro acima da cabeça para exibir indicadores (como os ícones de quests nos MMORPG).

E fiquei um bom tempo trabalhando nas funções de projeção, que me devolvem as coordenadas 2D de tela com base no 3D.

Nessa sexta a noite trabalhei intensamente na linha indicadora. Ela é um complemento da GUI, você seleciona o objeto e a linha aponta um quadro com detalhes do personagem.

Ela nada mais é doque uma linha gerada por OpenGL "bruto". Apesar disso eu tive que criar um "White" material para resolver o problema de reinicializar o OpenGL na hora de desenhar a linha.

Tive que apelar para usar código de desenho de baixo nível, o passo principal foi caçar em fóruns e ver que o melhor jeito é implementar um RenderQueueListenner no sistema.

O mais chato é que eu conheço bem a OpenGL e todo o conceito erá simples e fácil. Mas dentro do framework tudo ficou mais dificil. Bom, na verdade essa é a função dele: simplificar as coisas complexas mas logiccamente as vezes isso complica as mais simples.

Linhas consomem mais processamento doque simples faces, mas como o numero delas é reduzido acredito que deve o impacto será mínimo.

Estranhamente não estou conseguindo renderizar texto pelo overlay padrão da OGRE, é algum problema com o manipulador de recursos.
Mas a Rocket está dando um gás muito bom no processo. Com uma HTML simples deu pra fazer muita coisa.

Esse HTML ainda vai carregar mais algumas seções como a caixa de informação de probabilidade de dano e talvez um indicador de status dizendo como esta o personagem.

Por enquanto os pontos de seleção quando inseridos em cena perdem seu parent (objeto pai), talves eu tenha que fazer a conexão usando o C++, mas ainda não olhei com calma todos os exemplos da GameKit.
O ideal é que eles sejam aparentados com os bones.

Foi bom eu ter visto estas coisas no inicio, por enquanto o teste esta sendo feito apenas com 2 modelos se tivesse mais prontos teria muito trabalho.

Ubuntu 11.10 opinião de Game Developer

noreply@blogger.com (Marcos Bitetti) — Sun, 13 Nov 2011 14:49:00 +0000

Comecei nesta quarta a usar o novo Ubuntu 11.10. Eu pulei de propósito o 11.04 por ter dificuldade em achar tempo para fazer uma formatação geral no maquinário.

Como Game Developer eu posso lhes passar a impressão de quem precisa de um sistema operacional que precisa ao mesmo tempo atender necessidades da parte artística e e funcional dos jogos (design e programação).

Caso precisem da opinião de alguém mais conceituado recomendo a divindade brasileira Mozzart Couto.

Na tela acima esta a principal razão de impacto pra quem utiliza um Linux ou mesmo Mac em relação à concorrência. A utilização de vários espaços de trabalho torna o a nossa mente, que em geral é uma zona de ideias contínuas que ocorrem ao mesmo tempo, em um lugar ordenado por secções mais fáceis de manipular.

No geral eu divido em 4: social, programação, 3D e outros (no caso 2D).

Também pude retomar os projetos em menos de 1 hora após a formatação, onde para comemorar comecei a Brasília Amarela e mais tarde um rascunho de cena.

Teve uma hora durante a formatação que fiquei preocupado pois o sistema parou de responder, talvez estivesse baixando alguma coisa da Internet e não apareceu mostradores.

Vamos ao pós instalação:
A primeira coisa que me espantou foi ver TODOS as minhas pastas na Área de Trabalho.

Este problema deve ter ocorrido pelo meu processo de formatação, que não é o mais simples mas é muito adequado pra quem não tem condições de fazer um backup de 900GB. O processo é:

desligar os cabos a HD de dados
formatar/ferrar/zerar e instalar tudo na HD de sistema
reconectar a HD de dados e configurar a /home no arquivo /etc/fstab

Mas tudo é facilmente resolvido editando o arquivo:
~/.config/user-dirs.dirs

Como eu já esperava a Waccon funcionou 100% sem precisar fazer nada, lembro que no 10 eu tive que desliga-la do PC para instalar o sistema.
Na verdade o driver esta tão bom que esta usando TODOS os recursos da tablet sem que eu tivesse que fazer nada.

O driver da NVidia esta operando normalmente também.

O plugin do Flash também veio 100% na versão 11, atormentei a galera aqui de casa com a abertura dos Ursinhos Gummy XP

Em seguida tentei rodar meu jogo, o instalador funcionou legal baixando as 2 unicas dependências que pude identificar até agora e tudo rodou 100%.

Instalar o Blender me deixou cabreiro. Pois não uso a versão dos repositórios, mas sim a versão mais atual e estável. No caso a 2.58.
Só que ao baixar o software ele roda normal, mas não consegui de forma alguma adicionálo à lista do menu do sistema!

Tive que me contentar em criar um atalho .desktop e coloca-lo na barra lateral. Solução que acho meio porca já que não curto ícones poluindo a tela.
Na comunidade não puderam me dar uma dica de como resolver isso diferente da solução que encontrei. Acho que tem algum banco de dados de aplicações escondido em algum lugar para isso, mas eu encontro mais tarde.

Outra coisa não muito boa foi a navegação por pastas.
Geralmente só digito as primeiras letras do nome da pasta e dou um Enter e na pasta seguinte repito digitando as primeiras letras...
Só que no novo Ubuntu ele "não" esta apagando o conteúdo da caixa de digitação quando eu entro numa página. Oque esta tornando a navegação por pastas meio lenta (sim, eu sei que o mouse esta do lado mas não tenho a menor paciência para procurar o maldito).
UPDATE
Após uma correção do sistema esse problema foi resolvido.

Central de Programas

Muito boa, todos os programas estavam lá.
Na hora de instalar ela mostra recomendações de adicionais, plugins e etc. Bem como opiniões de outros usuários.
Os downloads ocorrem rápido e você pode continuar usando a Central enquanto a instalação de um aplicativo ocorre.
E não difere muito do Synaptic. No entanto instalei o Synaptic para tarefas mais "espartanas" como localizar dependências especificas. Mas isso foi nos primeiros momentos e já faz dias que não recorro a ele.

Multimedia
O Banshee, player padrão de musicas, deu umas travadas violentas no inicio. Mas agora parou. Suspeito de algum problema com o gstreamer talvez durante o mapeamento de minhas coleções, são 50 MB acho.

Rede
Umilha as versões anteriores do Ubunto pela simplicidade. Eu estava preocupado em fazer ajustes manuais usando o VIM, mas basta clicar com o direito no ícone de rede e você resolve tudo ali.

Ubuntu One e Dropbox
Comecei a usar agora o Ubuntu One, obviamente irei criar uns links para as pastas do DropBox. Isso é outro fator que faz você amar o sistema, clicar com o direito e escolher "criar link" e cola-lo em qualquer lugar e deixar de se preocupar com onde os arquivos estão é muito bom para projetos complexos.

Escritório
Estou com preguiça de clicar nos ícones do OpenOffice... já entrei usando o Acrobat da Adobe e o Docs do Google.

Preparar para desenvolvimento
Aqui não muda nada. Apenas nas minhas posturas pessoais porque dessa vez baixei o Eclipse completo e não apenas o CDT. Afinal vou portar isso para o Android.

O Eclipse mostrou alguns bugzinhos ao se integrar com o Unity do Ubuntu na hora que você precisa de uma barra de rolagem. Nada que o scroll do mouse não resolva.

Aqui também você tem que usar um pouco o terminal. Apesar de eu ser um absoluto desencorajador do uso do terminal ele é meio necessário ao desenvolvimento.
(sim acho que ficar exigindo e estimulando o terminal é coisa de usuário Linux que quer que usuário comum use Linux mas não dá a o outro a liberdade de usar o sistema como ele quer usar).

Preparando para a parte artística
Como todos os documentos que trabalho estão em "cloud" não mudou nada na hora de escrever roteiros e ideias, qualquer sistema operacional meia-boca resolve.

Quanto aos softwares gráficos faltou alguns como Hugin, Pitivi, WinFF, Synfig Studio, Scribus, GIMP, MyPaint, Audacity, etc. Bom, Central de Programas e pronto.

Geralmente uso o Ubuntu Studio que vem com a maioria mas dessa vez resolvi experimentar uma versão mais normal para ver se evita conflitos de bibliotecas.

Conclusão
É um ambiente com algumas mudanças mas o básico e primordial ainda esta lá. Resta me acostumar às mudanças já que elas são inevitáveis.

O Ubuntu é um sistema que me ajudou a entrar na "Nuvem" e me deu mais contato com um mundo onde tudo é em rede. Esta foi a principal razão pela escolha dele, ele não tem uma liberdade apenas de escolha, mas uma liberdade de comportamento. E indo a fundo uma oportunidade de aprender como a realidade funciona dentro de um ambiente de rede, para quem vive e trabalha com Internet é talvez a melhor escolha.

O Preto Velho

noreply@blogger.com (Marcos Bitetti) — Sun, 13 Nov 2011 11:41:00 +0000

Um velho ermitão com sua roupa rasgada e carcomida pelos longos anos, fumando constantemente um cachimbo, um sorriso "amarelo" nos lábios e um casco de tartaruga amarrado às costas.
Sua aparição sempre causa temor. Dizem que ele é um guardião das matas outros que é um espírito que foi enclausurado no mato.
O fato é que ele conhece muitos segredos do mato e das artes marciais.
Os que ousaram descobrir seus segredos nunca mais voltaram, mas as vezes ele é solidário com quem lhe dá agrados em busca de ajuda.

DETALHE: Essa é a primeira vez que mostro um personagem do concept ao game XD

É uma suave mistura de uma entidade chamada de Preto Velho com o a imagem do velho tarado dos animes. Mais cliché simbolizando a ponte Brasil Japão impossível.

Modelagem

Finalmente boas noticias, o acumulo de material esta rendendo ^_^
Apenas peguei a malha do Seu MacGayver e modifiquei alguns detalhes, como o rosto e a barriguinha saliente de verminose e os dedos nos pés descalços.

E também estou pegando a mãnha de fazer o sculpt para o normalmap. Um pouco mais de exagero no relevo dá uma impressão mais evidente.
A vantagem dos NPCs inimigos é essa, você não precisa se preocupar muito com a beleza e acaba aprendendo mais com a liberdade de experimentação.
E no final eu achei que meu Preto Velho ficou muito bonitinho.

As cores também, ao invés de fazer o bake do occlusion map pelo Blender, pintei algumas sombras de volume na mão mesmo. Além de outros retoques de luz e sombra nas cores.

Ao modelar o cachimbo revi os storyboards. O close no Velho é sempre feito de um ângulo baixo. Além dele ser mais alto doque a personagem tem sempre a questão de passar uma atmosfera de superioridade do inimigo.
Assim eu vi que não precisaria detalhar a parte interior do cachimbo, a textura se encarrega disso e economizo muitos polígonos.

Estou mais esperto de onde trocar os materiais, assim preparo melhor as texturas com transparência.

O resultado jogado na engine com toon shader ficou ótimo.

Também descobri que meu shader não tem suporte à transparência. Coisa aparentemente fácil de resolver já que pegar o alpha da textura é:
No Fragent Program (GLSL):

float alpha = texture2D(diffmap, gl_TexCoord[0].st).a;

E no material adiciono ao pass:

scene_blend src_alpha one_minus_src_alpha

Me atrasou bastante a parte do pass, pois não estava conseguindo a dica de como pegar a cor de fundo de cena pela GLSL, geralmente uso a Internet... mas minha Speedy tem o valor de um punhado de "substrato de pó de bosta" e eu fiquei 2 dias sem nada. Geralmente isso ocorre 2 vezes por mês.

Uma Brasilia Amarela de portas abertas

noreply@blogger.com (Marcos Bitetti) — Sat, 12 Nov 2011 11:22:00 +0000

Clássicos imortais as vezes se criam instantaneamente como em uma explosão.
Foi o que aconteceu com a Brasília Amarela que se mesclou como imagem e mitologia urbana de uma geração e se depender da divulgação estará presente nas próximas gerações.
E a figura do carro de povão chega na forma mais homérica possível, através de uma canção da banda mais carismática de todos os tempos.

Lembro bem que vi eles no Faustão, na época meu pai ainda era vivo e na hora eu pensei: -Pow, o veio vai começar a reclamar no meio da musica por causa da zueira deles... acabou o quadro e me surpreendi que ele também tinha curtido e olha que entre ele e eu havia 30 anos de cultura de distância.

Sem ter como explicar já que fenomenos apenas acontecem (a ciência sabe os seus aspectos, mas não os porquês a ponto de cria-los em laboratório) só posso deixar um exemplo da obra.

Em alguns momentos a fase vai exigir alguns veículos, alguns já estão prontos como o cavalinho de pau e o pogo-ball ou o patinete e a mobilete, outros preciso terminar como a barata mágica...
(trata-se de uma cena em que Cibele tem que subir nas costas de um deus-dragão e portanto precisa de uma montaria alada e de preferência magica. Discussões sobre o fato de uma barata ser ou não ser a melhor espécie para este fim estão doravante sumariamente ignoradas)

Eu consegui um blue-print da base do modelo num fórum e à partir dele estou revendo fotos de referência da Internet. Não quero nada "tunado" estou fazendo uma com aspecto de carrão velho mesmo.

Ao aplicar uma textura reflexiva no Blender o resultado foi meio desanimador, mas eu quero ver o que acontece assim que testar dentro da engine.

O uso dos materiais esta me dando um certo trabalho devido aos nomes terem um limite de caracteres. Ai eu optei por deixar alguns materiais com descrição coerente apenas como comentário nos arquivos .material.

Uma coisa que tem ocorrido direto na GameKit é ela dar "crash" quando encontra um nome de objeto já em uso, então estou em busca de um padrão para nomes de objetos, bones e materiais para tentar evitar esse problema.

Ainda estou decidindo se faço realmente o interior da Brasilia ou deixo os vidros sem transparência mesmo... vou jogar alguns jogos de corrida pra tirar ideias.

Links e referências:
Mamonas Assassinas Cover (show os vídeos)

Skyboxe em produção

noreply@blogger.com (Marcos Bitetti) — Tue, 08 Nov 2011 17:50:00 +0000

A parte mais chata antes de você começar a espalhar nuvens e rezar para ficar bonito na foto é configurar o material da nuvem.
Simplesmente há dezenas de possibilidades e combinações. Não apenas a nuvem em si, que é um render volumétrico de uma malha distorcida, mas a luz, a atmosfera e o céu tem que ser setados. Tudo é feito na base do "testômetro".

E para piorar o render é bem lento. Antes de começar é feito algum calculo que limita o programa a um núcleo do processador apenas.

Montagem do SkyBox
No meio do processo achei um macete, configurei a camera com uma abertura de 90° e posicionei ela no meio da cena.
Inseri 6 quadro-chaves, cada um com a camera rotacionada para o angulo da SkyBox a ser renderizado.
Na hora de render é só clicar em "Animation" e pronto, o Blender já salva os 6 arquivos para a textura do SkyBox.
Na OGRE fica assim:

texture_unit
  {
      cubic_texture 0001.jpg 0002.jpg 0003.jpg 0004.jpg 0005.jpg 0006.jpg separateUV
     tex_address_mode clamp
}

Deixei a base da camera na seção de downloads do blog. Enjoy ;P

Bases
Parti de um tutorial bem realista do Blender Guru e depois fui modificando o material para combinar com os shaders do jogo.
As pequenas nuvens ainda "dão um pau" estranho em alguns pontos, talvez as faces estejam transpassando-se e desordenando as normais.

O Blender também tem um script que ajuda a construir nuvens, criado durante a produção do Big Buck Buny. Foi portado para o 2.5 mas ainda não experimentei, no entanto ele parece promissor.

HUD marca de seleção animada

noreply@blogger.com (Marcos Bitetti) — Sat, 05 Nov 2011 01:23:00 +0000

Parece bobagem mas essa marca de seleção deu muito mais trabalho doque parecia que ia dar.
Rebater as coordenadas 3D na tela foi fácil, ao invés de pensar peguei uma base no Google.

Problem na GameKit...
Além de não ter métodos de controle para os Overlays (o circulo verde) perdi um bom tempo até descobrir alguma espécie de falha quando precisava localizar um objeto em cena!
Funciona assim o Seu McGeiver aparece automaticamente com o nome de roupavelha/UID{11} e ao procurar por esse nome para usar os métodos da OGRE como getBoundBox ele simplesmente falha!

Respirei emputecido, e simplesmente implementei um WWP.get(nome) que localiza pela OGRE o objeto e retorna uma variável do tipo userdata.
Acabou que ficou bem mais prático já que isso evita que eu fique correndo a cena atrás de um nome, a referência direta ao objeto fica armazenada no objeto Char.
Em cenas com milhares de objetos isso será um alivio.

Depois foi simples, agora posso pegar a boundbox do personagem e calcular a escala para a seleção 3D, esses raios em circulo em volta do personagem, de forma que eles envolvam o personagem selecionado.

Fiquei bem extressado com esses emperramentos, apesar de que em todo trabalho de informática esses imprevistos são bastante comuns.

Falta agora rebater a marca de seleção no minimapa, mas isso é fácil, além de serem coordenadas 2D não tem necessidade de usar matrizes nesse calculo.

Peguei uma referência bem legal com esse video

Fazendo ficha de personagem

noreply@blogger.com (Marcos Bitetti) — Fri, 04 Nov 2011 10:23:00 +0000

Comecei a preparar a ideia da ficha para monitorar o personagem, esta ficha irá servir para qualquer personagem. É a ficha de detalhes comentada no post anterior.

Totalmente baseada no sistema Daemon, eu apresento ainda alguns elementos simplificados.
Além da pontuação normal onde eu destaquei como mais fundamental para o jogo o PV (pontos de vida) e PM (pontos de magia), abaixo temos o circulo mostrando os caminhos da magia do personagem, um botão para o inventário e outro para as armas em mãos.

O fundo é baseado no speelbook que criei logo no comecinho do projeto. Ele ficou bem simpático e para aproveita-lo eu descaradamente fiz a ficha sem fundo e o livro irá aparecer em cena centralizado na cena. Quando o dispositivo não permitir isso usarei uma simples imagem de fundo.

Com o layout no Inkscape parti para codificar o HTML, o Bluegriffon me da uma interface bonitinha de arrastar e soltar divs, bem como uma boa aba de configuração. O legal é que o código HTML ficou bem enxuto bastando copiar e colar no .blend.

A quem interesar deixei aqui o código HTML usado nesta tela.

Deixei umas marcações em {nomeVariavel} isso servira para localizar as variáveis dentro do template e subistituilas por objetos mais complexos, talvez usando o recurso de customização de TAGs da LibRocket.

O resultado em cina ficou bem empolgante resta incorporar o spellbook.

Implementando materiais com shaders

noreply@blogger.com (Marcos Bitetti) — Tue, 01 Nov 2011 14:01:00 +0000

Estou agora preparando os toon shaders e se possível um mecanismo para o usuário poder escolher entre esse tipo de material ou um com menos cara de desenho.

Não estou usando os exemplos da OGRE nesta cena.

Preferi trabalhar em um shader próprio que atendesse minhas expectativas.
O meu programa trabalha junto com um normalmap além da geometria como da para observar na imagem acima onde as dobras da calça ficam visíveis, elas são geradas pelo normalmap.

Além disso no caso de paredes e terrenos ele irá trabalhar com duas camadas de diffusemap e normalmap. Entre outras loucuras.

O shader em si ainda esta em aprimoramento onde deverei trabalhar em uma sombra que mate menos os detalhes e no aprimoramento da iluminação. Afinal as veias do braço do Seu MacGeiver deram uma sumida.

Sim, Seu MacGeiver o omnipotente e omnisciente. A razão do nome inesperado pode ser encontrada no post que ele aparece.

Bom nos testes o programa (shader) se comportava relativamente bem, agora em um ambiente igual ao final que "a porca torce o rabo" que eu finalmente vou trabalhar legal.
Estou ficando bem animado ^_^

Mais testes com a LibRocket - performance e design

noreply@blogger.com (Marcos Bitetti) — Mon, 31 Oct 2011 19:16:00 +0000

O uso da LibRocket ainda me preocupa um pouco. Nessa imagem dá pra se ver claramente o FPS antes e depois da janela de dialogo abrir.
Mas ela esta ajudando a embunitar e elaborar uma ótima interface de controle.

E a GameKit ainda se mostrou bem flexível para usar vários .blend como bibliotecas.
Game Design
A janela de dialogo tem 3 camadas (DIVs):
O menu superior
1. Histórico de conversas
O registro de todas as conversas do jogo. É uma página em tela cheia e para garantir performance na hora que eu selecionar esta opção o mecanismo de dialogo ativa uma camera livre e a coloca num espaço fora do campo de desenho para que nada alem da RML seja desenhado.

2. Tentar saber mais
Obter mais dados do personagem ou item. Muito provavelmente abrira uma RML com uma ficha estilo Daemon.

3. Inserir marcador
Esta opção faz uma marca no histórico que mais tarde pode ser usada para consulta ou retornar no mapa. Para mim é uma boa opção para resolver "puzzles", eu sou um dos que ficam impacientes em ficar caçando dados nos livros de quests nos jogos por ai.
Para deixar a coisa mais legal eu penso em gravar no marcador uma captura da tela. Esta é uma opção legal para Desktops e Notebooks, mas não parece muito boa para Tablets com SSDs limitados em torno de 2 à 4 GB.

O avatar
É a foto do personagem clicado. Quando não disponível vou mostrar a imagem da Cibele.
Acho que vou experimentar trocara a imagem JPEG por um PNG com transparência assim eu mesclo o avatar com o fundo da cena.

E o texto
Até agora não tive nenhum travamento da aplicação mudando o texto dinamicamente.
Oque ta me irritando é não conseguir o maldito valor do parâmetro onclick da tag BUTTON oque deixaria a marcação HTML mais legível. Mas isto são mistérios do C++ e por enquanto fico improvisando com INPUT mesmo.

A estrutura
Como mencionei da para usar um arquivo .blend diferente para cada coisa, então a estrutura deve ficar assim:

O biblioteca.blend leva todos as imagens e HTML da GUI. Também outros elementos comuns como cursores, marca de seleção, emoticons, etc
cibele.blend é a malha e animações da personagem principal e o sistema pode carregar outros personagens também.

O cenario.blend é que vai dar trabalho, é nele que fica toda a cena corrente e toda vez que eu mudo de cenário eu devo reinstanciar a personagem principal, elementos de controle e etc.
Por isso a estrutura do script Lua acaba ficando enorme, pois precisa fazer muito mais doque simplesmente carregar um .blend e rodar, precisa gerenciar TODOS os objetos e arquivos.
Por enquanto esta assim:

E vai aumentar quando eu fizer a linkagem com a inteligencia artificial dos personagens.

Performance
Uma queda de 803 para 340 realmente é preocupante. Mas como mencionei em outro post não é fácil avaliar, vou saber melhor quando formatar o PC (que já esta no segundo ano sem formatar) e tiver a versão para Android em teste.

Eu pensava inicialmente que a queda da velocidade quando usava a LibRocket se dava pela quantidade de texto inserida. Eu fiz o teste inicial com um Loren Ipsun. Mas acho que parte da questão ainda é baseada no uso de recursos.

Infelizmente é apartir de tentativa e erro que vou achar as razões. Por exemplo a lib pode estar redesenhando elementos a cada render (redesenho da tela que ocorre a cada FPS) ao invés de fazer cache.