quinta-feira, 24 de novembro de 2016

List of books and online courses to learn computer graphics programming. A.K.A. How to be a rendering engineer

Rendering Engineer Path


  1. 3D Math Primer for Graphics and Game Development
  2. http://learnopengl.com/
  3. Graphics Codex
  4. Computer Graphics, Fall 2009 (UC Davis) https://www.youtube.com/playlist?list=PL_w_qWAQZtAZhtzPI5pkAtcUVgmzdAP8g
  5. Ray Tracing Minibooks Book 1
  6. http://fabiensanglard.net/rayTracing_back_of_business_card/index.php
  7. Ray Tracing from the ground up
  8. Real-Time rendering book
  9. http://www.pbrt.org/
  10. Real-Time Shadows book

segunda-feira, 21 de novembro de 2016

Tutorial: Como mostrar texto limpo, sem borrões e com efeito de stroke usando Libgdx

(repost de https://www.programandojogosandroid.top/como-mostrar-texto-limpo-sem-borroes-com-efeito-stroke-libgdx

Exemplo de fonte com efeito
Exemplo do que você vai construir ao terminar este tutorial
Uma coisa que quase todos os jogos precisam fazer é exibir alguma forma de texto, nem que seja um número voando que represente os pontos ou dano infligido. E fazer isto no Libgdx poderia ser uma tarefa um pouco mais fácil, principalmente se você quiser incrementar e colocar efeitos como stroke e gradient fill em seus textos.
O processo é um pouco tedioso mas é certeiro. Um jeito de se fazer isso é o seguinte:
  1. Customizar a aparência da fonte usando a ferramenta Littera
  2. Exporta-la em formato bmf e copia-la para o projeto
  3. Instanciar o objeto BitmapFont no projeto e desenhar a fonte no método render()
Vamos aos passos.

1. Gerar a fonte em formato fnt usando a ferramenta Littera

Littera é uma ferramenta online que vai exportar uma fonte de formato comum (TrueType® OpenType®) para formato bitmap font. Comece acessando o site onde a ferramenta se encontra kvazars.com/littera/
Site littera
Interface da ferramenta Littera com a fonte padrão carregada
A ferramenta tem um design simples e direto, quem usa Photoshop vai se sentir em casa. Escolha a fonte e tamanho que você quer usar em seu jogo na seção Font através do grande botão Select Font.
Utilize o maior tamanho que a fonte vai ser usada no jogo, isto vai fazer com que a sua fonte não seja renderizada com aparência borrada.
Para economizar no tamanho do download final do seu jogo, se possível, restrinja os caracteres, aqui chamados de glyphs, aos que você vai usar, você pode fazer isso na seção anterior à seção de fonte. Alguns conjuntos mais usados podem ser rapidamente escolhidos no dropdown da seção.
Agora você vai escolher os efeitos que deseja em seu texto. Todas as alterações são demonstradas em tempo real.
"E se eu quiser a mesma fonte aparecendo com diferentes estilos?"
Infelizmente, se você quer que essa mesma fonte apareça, por exemplo, com e sem stroke, você vai precisar repetir todo esse processo.

2. Exporta-la em formato bmf e copia-la para o projeto.

Com todas as preferências visuais ajustadas, você precisa agora exportar a fonte em um dos formatos Text, a extensão é indiferente.
Site littera
Formato XML .fnt selecionado
Pronto. Clique em Export e depois em Start. Não é preciso alterar os valores padrões. Você vai baixar um arquivo zip. Ele vai conter um arquivo .fnt e um arquivo .png, copie estes arquivos para a pasta assets do módulo android de seu projeto.
Árvore de diretórios
Coloque os arquivos dentro do módulo android nome-projeto/assets

3. Instanciar o objeto BitmapFont no projeto e desenhar a fonte no método render()

É preciso instanciar um objeto da classe BitmapFont para poder usar a sua fonte. Em create() utilize o seguinte código para criar o objeto, substituindo (NOME_DA_SUA_FONTE) pelo nome real do arquivo que você gerou.
bitmapFont = new BitmapFont(
               Gdx.files.internal("(NOME_DA_SUA_FONTE).fnt"),
               Gdx.files.internal("(NOME_DA_SUA_FONTE).png"),
               false);
Para ser um bom cidadão do ambiente do sistema operacional Android e não causar vazamentos de memória é importante que se desfaça da fonte no método dispose()com uma simples chamada ao método homônimo do objeto bitmapFont
bitmapFont.dispose();
Finalmente você poderá escrever usando a sua fonte! Dentro do método render(), chame
bitmapFont.draw();


Perguntas/Queries relacionadas
  • como texto libgdx
  • fonte efeitos libgdx
  • fonte libgdx limpa

Programando Jogos Android usando Libgdx

Em um projeto paralelo estou escrevendo um livro sobre o desenvolvimento de jogos Android utilizando a biblioteca LibGDX, confira

https://www.programandojogosandroid.top/

“A maior dificuldade que tenho ao criar os jogos é escolher em qual engine desenvolver, fico um bom tempo pensando como o jogo ficaria em tal engine e como começa-los.”
Você entrou na faculdade de ciência da computação, sistemas de informação ou algum outro curso de informática e aprendeu tudo que você queria e não queria sobre Java, UML, cálculo e engenharia de software, mas no fundo, no fundo, você sempre quis fazer jogos? Ao se deparar com as ferramentas de hoje você se sente perdido? Com muitas opções? Não sabe se investe o seu tempo em C++? UE4Unity? São tantas escolhas a serem feitas que muitas vezes acabamos não fazendo nenhuma.

Há como começar a programar jogos android usando ferramentas simples que vão fundamentar o seu conhecimento como desenvolvedor de games.

Eu lhes sugiro e apresento Libgdx. Uma ferramenta de alto nível, mas nem tão alto assim, onde você vai poder usar tudo que você já aprendeu sobre programação até agora, desde a tríade clássica js+php+sql, passando por Java e whatnot.
Neste livro, particularmente voltado para quem tem conhecimentos básicos sobre programação mas se sentiu assustado com as inúmeras opções e, inclusive, barreiras da complexidade inerente do desenvolvimento de jogos, um caminho claro e com várias oportunidades de aprofundamento vai ser apresentado.
Gameplay de Space Invaders™
Space Invaders™
Um clássico que você irá programar

O despertar por exemplos. Arte incluída para você focar somente na programação.

Não sei se você também é assim, mas lendo os livros didáticos eu sempre pulei para os exemplos, e é isto que quero fazer aqui, pular para os exemplos. E depois disso, aí sim, teoria. Afinal você quer aprofundar os seus conhecimentos, a superficialidade no desenvolvimento de jogos pode fazer você desistir daquela ideia super foda que nunca veria a luz do dia caso você se mantivesse na superfície do saber.
E por último, mas também muito importante, toda arte usada nos exemplos será livre de royalties e facilmente obtida no momento em que você adquirir o livro.
Gameplay de Frogger™
Frogger™
Seu primeiro desafio

O livro será assim:

  1. Qual engine usar?Libgdx? Java? Mas jogos profissionais não são feitos em C++? E o C#? Não era pra eu estar aprendendo Unity ou UE4?
  2. Android Studio & Libgdx.Instalando os programas necessários e configurando o ambiente.
  3. Frogger™Aquele de atravessar a rua
  4. Pong™
  5. Space Invaders™
  6. Snake
  7. Tetris™

Ok. Onde está esse livro?

Se você se interessou pelo livro, quer receber gratuitamente o fonte e o primeiro capítulo de um dos jogos, ou tem qualquer dúvida sobre como iniciar os seus estudos no vasto mundo da programação de jogos para android, inscreva-se já na nossa lista de email. Prometo, de verdade, que só enviarei conteúdo que vai lhe interessar.

segunda-feira, 19 de setembro de 2016

O que fazer se o seu cliente parar de responder subitamente

O Cliente Sumido

Natan, o designer, recebeu um telefonema de um possível cliente, adrenalina subindo, pode ser um novo job chegando. Discutem detalhes, ideias vem, ideias vão, rabiscos no papel. Pronto, chegaram em um conceito. Desligam o telefone sem marcar uma reunião ou qualquer outro tipo de compromisso, mas tudo bem, a conversa foi boa e nada pode dar errado nessa venda.

Com todo o ânimo que a ligação provocou, Natan abre o seu editor gráfico favorito, produz alguns designs básicos, começa a fazer sua pesquisa de referências, busca por tudo: estilo gráfico, tipografia, cores, época, imagens. Pronto, já está fazendo o que ele sabe fazer melhor. Está produzindo um material de qualidade pro seu cliente. Digo, possível cliente.

O dia se acabou e nosso designer envia para o cliente todo esse novo material que produziu, e não foi pouca coisa. Ao chegar no escritório (em muitos casos, ao chegar na sua sala/escritório, o futuro realmente chegou nessa profissão) Natan sente uma pequena decepção do cliente ainda não ter respondido com qualquer tipo de feedback. Mas ainda exaltado pelo dia de ontem, como as coisas não estão fáceis, o telefone não toca e você não está recebendo emails de pedidos de orçamento, resolve dar um próximo passo no projeto do cliente, afinal, se alguma outra coisa chegar você já vai ter adiantado bastante esse projeto e não jogado o seu tempo fora navegando no facebook.

Os dias passam, Natan já produziu um pequeno protótipo, com css e javascript e um bocado de back-end. Resolve mandar um segundo email. Pegava mal tentar entrar em contato antes, cliente importante. No sábado de manhã uma resposta.

"Ok ótimo manda bala"

A pequena decepção se torna ira. "Como é possível que depois disso tudo é somente isso que ele pode falar? E mandar bala em quê, exatamente? Nem assinamos um contrato, o escopo não está fechado, o que tinha pra atirar você já atirou. Mandar bala, veja só..."

Um cliente antigo lhe liga, você recebe com muito carinho os pedidos de alteração e deixa um pouco de lado o cliente misterioso. Argh, argh, é assim que o designer reagiu aos pedidos do antigo cliente. Aumentar o logo de novo? Trocar o ícone da cestinha de compras por um carrinho porque foi comprovado que isto aumenta as conversões em 7,33%? Daí-me paciência, Natan pensou. E aos poucos foi voltando pro misterioso e ainda não cliente, não consegue parar de pensar na sua nova linda estrutura que está usando, as novas bibliotecas, as boas referências. "Projeto Massa!"

Lembra-se de responder o cliente. Dessa vez fez tudo certo.

"Bom dia Sr Gilson,

Que bom que o senhor gostou do trabalho, podemos marcar uma reunião para fecharmos o escopo e assinarmos o contrato do trabalho?

Muito obrigado,
O Designer"

5 dias se passaram, e sim, nada do Sr Gilson responder, é, agora Natan consegue o chamar pelo nome. Não se contentando com a demora de responder do Sr Gilson, acredita que ele precisa de mais um incentivo e envia pra ele um vídeo do novíssimo protótipo.

Dois dias se passaram, e ele o responde. Diz que está muito ocupado mas que quer muito marcar a reunião com você no início da semana seguinte. Note que era uma terça-feira.

Esta história já aconteceu com Natan, com você e com muita gente, não é verdade? Infelizmente esta é a realidade de muitos freelancers, mas não pense que não há como sair dessa, que faz parte da vida. Existe um mundo onde você pode trabalhar e ser respeitado por seus clientes, mas pra isso é preciso mudar alguns padrões de comportamento e adicionar coisas simples ao seu processo VOCÊ PRECISA DE UM CONTRATO. Um contrato antes de tudo, e uma dose de reflexão para aprender a enxergar você da maneira que o cliente enxeraga. Se você quer saber como fazer um contrato que não lhe toma todo o seu tempo nem sua energia vitual, como fugir de clientes ruins sem ser rude e como atrair bons clientes, se inscreva na minha novíssima newsletter onde irei ensinar como se vence essas verdadeiras sinucas que a vida do freelancer é.






sábado, 24 de janeiro de 2015

How to center crop image from camera or SdCard in android

Setting scaleType to centerCrop is not enough. You actually need to transform your Bitmap. The following method can do that (performance considerations are not taken seriously here, though)

    public static Bitmap scaleCenterCrop(Bitmap source, int newHeight, int newWidth) {
        int sourceWidth = source.getWidth();
        int sourceHeight = source.getHeight();
        // Compute the scaling factors to fit the new height and width, respectively.
        // To cover the final image, the final scaling will be the bigger
        // of these two.
        float xScale = (float) newWidth / sourceWidth;
        float yScale = (float) newHeight / sourceHeight;
        float scale = Math.max(xScale, yScale);
        // Now get the size of the source bitmap when scaled
        float scaledWidth = scale * sourceWidth;
        float scaledHeight = scale * sourceHeight;
        // Let's find out the upper left coordinates if the scaled bitmap
        // should be centered in the new size give by the parameters
        float left = (newWidth - scaledWidth) / 2;
        float top = (newHeight - scaledHeight) / 2;
        // The target rectangle for the new, scaled version of the source bitmap will now
        // be
        RectF targetRect = new RectF(left, top, left + scaledWidth, top + scaledHeight);
        // Finally, we create a new bitmap of the specified size and draw our new,
        // scaled bitmap onto it.
        Bitmap dest = Bitmap.createBitmap(newWidth, newHeight, source.getConfig());
        Canvas canvas = new Canvas(dest);
        canvas.drawBitmap(source, null, targetRect, null);
        return dest;
    }

So, remember to always call it before using your bitmap in your CircularImageViews

quarta-feira, 21 de janeiro de 2015

How to center AlertDialog message

You follow some tutorials and stackoverflow answer to code something like this
         final AlertDialog alertDialog = new AlertDialog.Builder(this)
                    .setMessage(getString(R.string.email_invalido))
                    .setNeutralButton(R.string.ok, null)
                    .create();
            TextView messageView = (TextView) alertDialog.findViewById(android.R.id.message);
            if (messageView != null) {
                messageView.setPadding(15, 20, 10, 10);
                messageView.setGravity(Gravity.CENTER_VERTICAL);
            }                                     alertDialog.show(); 

But that produces the following error:

android.util.AndroidRuntimeException: requestFeature() must be called before adding content
            at com.android.internal.policy.impl.PhoneWindow.requestFeature(PhoneWindow.java:249)
            at com.android.internal.app.AlertController.installContent(AlertController.java:234)
            at android.app.AlertDialog.onCreate(AlertDialog.java:337)
            at android.app.Dialog.dispatchOnCreate(Dialog.java:361)
            at android.app.Dialog.show(Dialog.java:262)
            at xxx.activity.validateMailAndMayRequestRecoverPassword(EsqueciSenhaActivity.java:34)
            at xxx. activity onClickEnviarButton(EsqueciSenhaActivity.java:62)             at xxx.activity$$ViewInjector$1.onClick(EsqueciSenhaActivity$$ViewInjector.java:18)
            at android.view.View.performClick(View.java:4456)
            at android.view.View$PerformClick.run(View.java:18465)
            at android.os.Handler.handleCallback(Handler.java:733)
            at android.os.Handler.dispatchMessage(Handler.java:95)
            at android.os.Looper.loop(Looper.java:136)
            at android.app.ActivityThread.main(ActivityThread.java:5086)
            at java.lang.reflect.Method.invokeNative(Native Method)
            at java.lang.reflect.Method.invoke(Method.java:515)
            at com.android.internal.os.ZygoteInit$MethodAndArgsCaller.run(ZygoteInit.java:785)
            at com.android.internal.os.ZygoteInit.main(ZygoteInit.java:601)
            at dalvik.system.NativeStart.main(Native Method)

Analyzing the PhoneWindow.java source code I've found out that you need to call show before using findViewById() because of some side effects.

So the correct code is

            final AlertDialog alertDialog = new AlertDialog.Builder(this)
                    .setMessage(getString(R.string.email_invalido))
                    .setNeutralButton(R.string.ok, null)
                    .create(); alertDialog.show();             TextView messageView = (TextView) alertDialog.findViewById(android.R.id.message);
            if (messageView != null) {
                messageView.setPadding(15, 20, 10, 10);
                messageView.setGravity(Gravity.CENTER_VERTICAL);
            } 

quinta-feira, 27 de novembro de 2014

How to get sqlite file location for iOS simulator

Just use the following command at your debugger in Xcode.

po NSHomeDirectory()

The debugger accept commands if it's paused, you can pause the app using a breakpoint or though the Pause command (In Xcode, Debug -> Pause, ⌃Y)