Pretendo fazer uma série de posts, pois colocar todo o conteúdo numa só postagem além de excessivo fica maçante. Vou começar discutindo sobre a ideia do jogo – onde me sinto mais à vontade, por ter formação em publicidade também.

O conceito

Penso que para criar um jogo, se você é programador, é, primeiro, definir BEM o que será o jogo. É péssimo ter um estalo (o tal do insight – detesto esse termo) e querer sair programando. Aí corre-se o risco de se desiludir com a tal ideia até então genial e ficar frustado, ou então tentar adaptar uma nova ideia ao código já feito – o que tornará o código uma maçaroca e de infindáveis dores de cabeça.

Sendo assim, é interessante conversar. Apresente e pergunte às pessoas sobre a ideia. Elas podem colaborar ou advertir sobre o conceito, erros e acertos. Existe aquela máxima do Steve Jobs sobre inovação, em que se Henry Ford perguntasse aos clientes o que eles queriam, eles diriam “um cavalo mais rápido”. No entanto, se você não tem a intenção de fazer games de vanguarda ( ) seria interessante, também, fazer uma versão alpha/beta do jogo para demonstração da ideia, e assim esperar o feedback, como fizeram, de maneira extremamente bem-sucedida, os criadores do Minecraft.

No caso de games casuais e sociais em Flash um lugar bom para isso é o site americano Newgrouds. É um portal que nasceu como fanzine e reúne pessoal que faz música (muitas vezes disponibilizando elas para uso em games de maneira gratuita), ilustrações e, principalmente, games e animações em Flash. É nele também em que muitos outros portais pegam novos jogos, ajudando na distribuição.

Entre outros sites para isso temos os fóruns do Kongregate, do ArmorGames, ambos em inglês, e do PDJ (este, nacional). Pessoalmente, prefiro ir em fóruns estrangeiros, pois o feedback tende a ser mais rápido.

–X–

Enfim, é isso, sem muitas delongas. Espero ter ajudado e, ah, não percam às próximas partes. Antes de mais nada, se quiser mais sobre assunto:

• “Lançamento do Minecraft e Alphafunding“, do blog Abrindo o Jogo.

- Como assim? Ele não quer ter uma vida comum, num emprego, fazendo como todos? Ele quer fazer o que mais gosta, é isso. Oh não…

- Exato. E deu para perceber, ele é desapegado, não gosta de bens materiais, não olha para isso, que louco.

- Já o prendemos demais, mas parece que não foi o suficiente. Vamos proibir mais, fazer a cabeça.

- Isso, isso. Já sei, vamos comparar o estilo de vida dele com os dos outros. “Olha, fulano tem e ele não, beltrano conseguiu isso e ele não consegue”, vamos fazer a cabeça dele para fazê-lo “voltar à Matrix”.

- É, deve dar certo, boa ideia. É isso mesmo… vamos apontar que ele está no caminho errado, também. Deve ajudar. Apontar que as ideias dele estão erradas, que não vai dar certo…

- OK, boooa. Vamos.

—X—

Eu desejo o melhor para você no próximo ano. Boas festas.

Comprei-o há cerca de dois meses. Confesso que gostei muito do aparelho. Ele cumpre bem a missão de servir de leitor de e-books. Suporta vários formatos, além de permitir a execução de músicas e rádio (usando os fones de ouvido que acompanham o aparelho). Neste artigo da Wikipédia você pode ver mais detalhes técnicos.

O que pude notar é que o Leitor-D tem diferenciais com relação aos concorrentes (no caso de tocar áudio, o que me agradou muito), gostei da navegação e do acelerômetro, e senti falta de algumas coisas (como um número maior de fontes tipográficas).

Mas uma coisa que me deixou chateado foi seu sistema operacional, que achei muito instável. Já travou várias vezes, e para reiniciá-lo você precisa forçar um desligamento ou então ligá-lo na tomada (!) e forçar assim o reinício. Por isso, se você for viajar leve consigo o carregador, não porque ele consumirá bateria (a autonomia dos e-readers é longa) mas para poder usar.

Outra: em três meses de uso a bateria pifou. Não queria mais iniciar. Tive que enviar para assistência técnica (ou seja, lá para Recife) e tive que gastar ainda com o frete. Um inferno.

A ideia é fazer um meme a respeito disso. Neste post do blog do Goncin você vê alguns que já entraram na brincadeira e outros que ainda foram indicados (como eu) para entrar no meme.

Como não quero quebrar a corrente, e não quero usar muitas palavras, tentarei ser o mais breve possível. Aí vai:

1- FlashDevelop

 É o que mais uso para programar os meus sites no Flash. Seu auto-complete é extremamente ágil, é possível editar arquivos AS3, AS2, XML, HTML e PHP, e compilar facilmente projetos simples em conjunto com o Flex SDK – dispensando, assim, precisar abrir o Adobe Flash. Recomendo para quem precisa programar ActionScript.

2- PSPad

Este conheci por indicação. Quando precisava lidar com várias coisas, como HTML, XML, CSS, JavaScript, jQuery e PHP (ufa), recorria ao versátil, porém pesadão, Aptana Studio. Substitui pelo PSPad, que é um editor “coringa”: leve, rápido e freeware, permite editar nessas linguagens e em várias outras. Uso ele com bastante frequência. Vale conhecer.

4- Adobe Flash CS5

Claro, se eu disse que trabalho com Flash era óbvio que este programa estaria na lista. Apesar de o pessoal descer a lenha no programa (inclusive eu) o uso de Flash na Web ainda será necessário por um bom tempo. Apesar de tudo, ele tem várias vantagens: é relativamente fácil desenhar os sites e animar os objetos. Uso ele em conjunto com o framework Gaia.

3- Wampserver

 O Wampserver é um WAMP bem prático de se usar. Conheço o XAMPP (uso ele no Ubuntu), sei que há várias vantagens nele e tudo mais, mas gosto do Wampserver por ser bem simples. É instalar e usar. Pronto.

4- Windows 7

Os programas anteriores estão disponíveis apenas para Windows (ou, em alguns casos, para Mac também). Sou praticamente “obrigado” a usar esse sistema por trabalhar com Flash. Felizmente, trabalho com a versão mais recente, o Windows Seven, do qual gosto muito.

5- Firefox

Para navegar na Web prefiro o Google Chrome, mas admito que o Firefox tem complementos que quebram (e muito) o galho. Como lido com o Flash, e preciso testar o site em várias resoluções, uma extensão que ajuda bastante é a Web Developer. Outra mão na roda é o Firefox Throttle, que permite que você simule vários tipos de velocidade de conexão para testar os preloaders do seu site.

6- FileZilla

Cliente FTP gratuito. É o que uso. Se você souber de outro melhor, poste aí nos comentários.

7- Café

Yes, sir. Não há nada melhor que parar um pouco, se levantar, sair do computador e tomar um bom gole de café. Tomo quatro xícaras de café preto toda manhã. Religiosamente. Não sei se ajuda muito, mas como gosto de um café bem leve e doce, acaba se tornando indispensável.

Fim!

Pois bem, amigos. Fim da postagem! Espero que tenham gostado.

Agora indico o Jonnas Fonini (@fonini) e o Vinícius Lourenço (@ViLourenco) para passarem a brincadeira adiante.

Sim, eu sei: estamos em época de Copa do Mundo. As atenções estão voltadas para a televisão e para os jogos decisivos. Não à toa, os anunciantes estão descendo o caminhão de dinheiro. Todos querem que suas propagandas – e suas marcas – sejam vistas pelo público.

Mas frequentemente fico encucado e me pergunto: qual a razão de se investir tão pouco em propaganda online?

Lembro que, no tempo que eu lidava com propaganda (cursava comunicação), a Web detinha uma das menores fatias dos investimentos em publicidade (atrás da TV por assinatura, inclusive, e bem atrás de TV aberta, rádio, jornais, revistas e mídia externa). E ainda se investe pouco, o que é de se estranhar, haja vista que já é um dos veículos com grande penetração na sociedade.

Claro, talvez nunca se investirá em propaganda na Web como se investe em TV. Mas acho uma pena, pois eu, que tenho apenas TV aberta, confiro um conteúdo péssimo, e sou obrigado a me refugiar muitas vezes à Web em busca de conteúdo de qualidade. Conteúdo esse feito com uma certa, digamos, “valentia”: sem dinheiro, de maneira muitas vezes descontraída até, mas excelente.

Talvez seja uma opinião tendenciosa minha, visto que trampo com (ou tento viver de…) Web.

Mas ver um blog bacana fechar, e assistir programas de quinta na TV contando com fortunas, dá um gosto de injustiça.

–X–

Com este post pretendo inaugurar a série de postagens mais “pessoais” (sem aqueles tutoriais e dicas sobre Web como os anteriores). Ainda vou ver onde arranjar espaço para blogar essas coisas. Mas enfim, por enquanto é isso.

SVG

Vejamos por exemplo, o uso de SVG - sigla para Scalable Vectorial Graphics, uma linguagem XML usada para descrever gráficos em vetor, que pretende dispensar o uso de plugins para realização de gráficos e até animações em alta qualidade, usando JavaScript e CSS (se preferir).

Nos navegadores – versões do Internet Explorer (todas anteriores a 8, ou seja, os usados) não “renderizam” nativamente – para isso, é necessário um plugin como o Adobe SVG Viewer. O próximo IE 9 irá suportar. Chrome, Firefox e Opera são capazes de exibir, só que em partes.

O Chrome, graças ao seu potente motor de Javascript (o V8), executa animações bem. Acredito que deverá rodar bem no Safari e iPad, pois, como estes navegadores são baseados na template engine WebKit, então sem problemas. Porém, o mesmo não se pode dizer do Firefox, muito mais popular que o Chrome: ele não suporta todos os recursos pretendidos pelo padrão. Você pode ver isto testando este exemplo, que usa o elemento animation do SVG. Roda em Chrome, mas no Firefox, não.

Aí você vai dizer: basta usar o Javascript para animar em ambos os navegadores. Pois é, mas até na exibição (visual) os navegadores não batem: o Chrome exibe a imagem com fundo branco; o Firefox não. É uma pequena diferença? Sim, mas é uma diferença que faz toda a diferença.

Elemento <canvas>

O elemento canvas, novidade do HTML 5, pretende oferecer o recurso de exibição, edição e até animação de gráficos em duas dimensões e bitmaps. É uma boa. Porém, ainda há diferenças entre os navegadores neste item.

Nos navegadores – Esqueça nas versões antigas do IE (v. 8 e anteriores), que são as mais usadas. Testei no IE 8 e deu pau. Se a versão 9 suportará este elemento é uma incógnita. Há diferenças entre os navegadores também.

Testando o SketchPad, um baita editor de imagens que usa este elemento, notei diferenças entre o Chrome e o Firefox no uso de algumas ferramentas. E rodando este exemplo de “animação-game” (que simula um ambiente em três dimensões), houve diferenças: o Chrome executou fácil; já no Firefox fica uma carroça.

Clique para ampliar.

Nossa, que relevante… são pequenos detalhes. O que você quer dizer com esta postagem?

Lembro que, anos atrás, experimentei usar Javascript com SVG. Leve, rápido, padrão aberto, achava tudo isso demais. O problema era quando tentava executar nos navegadores: os resultados não batiam.

Daí passei a entender a existência de plugins como Flash Player ou Java: eles permitem, mesmo com todos os seus problemas, executar uma animação de maneira igual em todos os navegadores. O que pode ser crucial no caso de um webgame ou aplicativo RIA, por exemplo.

Por isso, teremos que conviver com estes plugins ainda por um bom tempo para lidar com estas diferenças.

Ruim com eles, pior sem eles.

Instalei para testar. Meu micro é um Celeron 1.6 com 1GB de RAM, e placa de vídeo GeForce com 256MB. Sim: preciso, e quero colocar um processador melhor, mas estou com uma má vontade “duca”, e não uso tanto 3D, por isso a placa de vídeo um tanto limitada.Enfim, plugin instalado, fui rodar umas animações um tanto pesadas; mais precisamente, algumas que usam a biblioteca Sandy 3D. Rodei duas que pesavam usando uma versão anterior do Flash Player, mais precisamente a das naves e do chinesinho.

Ao rodar estas animações notei uma certa melhora no desempenho. Antes, elas ficavam muito lentas na execução de certas partes mais pesadas; testando com a versão 10.1, notei que, apesar de ainda estar massacrando um pouco o processador, as animações rodaram com um pouco mais de fluidez. Esta animação com este bonequinho ficava uma carroça no meu PC; com o novo plugin, a animação transcorre com naturalidade.

Isto é bom pelo motivo de que, antes de serem padronizados recursos como o WebGL (para criação de gráficos 3D na Web de maneira aberta) e estarem disponíveis as maravilhas do HTML 5 em todos os navegadores (como o Internet Explorer), já será possível a criação de gráficos de alta qualidade na Web, adiantando um pouco as coisas. O HTML 5 é promissor, porém as coisas ainda não estão bem regularizadas. Ainda é preciso usar o Flash para fazer animações rodarem no IE versão 8 e 7 (e, pelo jeito, na versão 9 também, pois só marca 55 pontos no Acid3, então, sem comentários…).

Enfim, é para se comemorar. Saltos de qualidade são sempre bem-vindos.

Lugar de lixo é na lixeira.

Quando alguém quer depreciar a internet o indivíduo se utiliza, muitas das vezes, das redes sociais como exemplo. Sites como Orkut, Facebook, YouTube – há quem considere-a uma rede social -, e Twitter (sendo este último mais um microblogging do que rede social), um antro de futilidade, de perda de tempo.

Porém, as pessoas sempre pegam mais os lados negativos do que os positivos. Não há dúvidas que há muita bobagem na internet, o que, aliás, lança a questão: o que pode ser considerado fútil? Um blog em que um adolescente fala de sua vida pessoal? Sim, isto pode ser fútil de fato, assim como não ser, uma vez que o ato de escrever treina a criatividade e o raciocínio…

Bancando o advogado de defesa, este meu post pretende mostrar o “lado bom” desses sites chamados de “redes sociais”. A seguir:

• Orkut/Facebook – além do chamado networking, é possível usar os fóruns (ou comunidades, no caso) para aprendizado e troca de informações. Além disso, existem redes específicas para divulgação de currículo – é o caso do LinkedIn.
• Flickr – para quem não manja muito (ou não gosta) de blogs este site de fotos é uma boa para quebrar o galho e abrigar portfólio de designers e fotógrafos.
• Twitter – excelente para divulgação de novidades. Como há o limite de 140 caracteres e é fácil obter uma razoável popularidade, o serviço de microblogging é útil quando queremos compartilhar links de sites e dicas.
• Blogger/Wordpress – blogs grátis também são uma boa para divulgar novidades e exibir portfólio. É claro que dá para fazer muito mais com alguma criatividade, como gente que, buscando uma vaga de trabalho, lança mão de um blog para mostrar sua personalidade e conhecimento.

Enfim, não dá para ver só o lado obscuro da internet. Os sites estão aí para você fazer uso deles da maneira como você achar melhor. O excesso de inutilidade encontrado é fruto da liberdade que só a Web disponibiliza. É uma questão de se separar o joio do trigo.

Há uma discussão muito pontual. A pontualidade faz parte, não tenha dúvida. Sempre que houve internet existiu o Flash? Não. Mas existe o Flash? Sim. O Adobe Flash continuará a existir? Talvez. É uma discussão pontual? É, mas não é. Por quê? Porque é virtual. (Francisco Prado)

Deixando a brincadeira de lado, acho que a decisão de se querer “matar” o Flash muito precipitada. Muito exagerada. O pessoal que odeia o Flash – o que não é pouca gente – alega que o Flash tem bugs demais, é lento, pesado, fechado e ruim de SEO. Nesses aspectos, eles estão cheios de razão. Isso tudo é verdade.

Porém, não adianta bradar aos quatro ventos sobre as vantagens (enormes) do HTML 5 sobre o Flash. A Microsoft – criadora do Internet Explorer, o navegador mais utilizado no mundo – parece não estar nem aí para o padrão. Se a versão 8 (a mais recente) do IE não consegue nem fazer uma boa pontuação no teste Acid3 (o teste que mensura o quanto um navegador é capaz de “renderizar” nos padrões Web – ele só faz 20 pontos, enquanto o Chrome faz a pontuação máxima: 100) imagine esperá-la lançar uma nova versão que tenha tudo de mais moderno. [[ MOMENTO PARA REFLEXÃO ]]

E por que estou falando no IE? Ora, porque para rodarmos animações nele só através do Flash. E não se pode deixar de lado esse navegador, já que é o mais usado no mundo.

Por isso, acredito que para criarmos os nossos joguinhos, os banners e vídeos do Youtube, e todo o restante de aplicativos ricos (as chamadas RIAs) que podem ser criados com ActionScript e Flex, ainda será necessário que se tenha o plugin do Flash instalado na máquina. E o HMTL 5, com toda a sua potência, fica para mais tarde.

O que acha?

Ano passado foi lançado um padrão chamado WebGL. Ainda em desenvolvimento, esta especificação provê a geração de gráficos 3D dentro de navegadores Web. Mas ele não irá fazer de modo capenga e lento – como é feito em boa parte dos vídeos em Flash, que contam com bibliotecas em ActionScript para criação de ambientes tridimensionais. Ele se aproveitará da placa de vídeo, dando desempenho de game. Sem necessitar a instalação de plugins, ele se utilizará de programação JavaScript (linguagem de programação usada para dar mais “interatividade” ao sites), e de OpenGL (uma API livre usada em computação gráfica e que já vem embutida na maioria dos sistemas operacionais). O grupo de trabalho que o está desenvolvendo inclui pesos pesados da indústria como Opera (navegador), Google, Fundação Mozilla e Apple. Ah, e claro, a Microsoft parece não estar interessada…

Este recurso já é suportado pelas versões mais novas dos navegadores Mozilla Firefox (3.7) e Google Chrome (versão de desenvolvedor), e Safari. Esse recurso usa o elemento Canvas (implementado com a versão HTML 5).

Para você visualizar este recurso nestes navegadores, você precisa fazer algumas configurações (bem simples) em um desses navegadores.

Mesmo ainda não estando plenamente desenvolvido, já há bibliotecas em JavaScript destinadas a facilitar a geração desses gráficos. Veja algumas abaixo:

• GLGE – site contendo vídeos e download da biblioteca. Parece ter poucos tutoriais.
• CopperLicht – esta parece ser bem rica, contendo bastantes recursos. A empresa também oferece um software (pago) para facilitar a criação de projetos. A biblioteca JavaScript é gratuita. Contém alguns tutoriais.
• CD3L – mais outra biblioteca gratuita. Esta parece ter uma série de tutoriais organizados.
• SpiderGL – o site da biblioteca contém bastantes exemplos e bem interativos. Vale a visita.
• SceneJS – mais um site que disponibiliza sua biblioteca. O legal deste é que ele permite que você edite os exemplos (clicando na seção “Playroom”), podendo modificar luz, posição da câmera, entre outros, sem precisar salvar nada (funciona dentro do site) e assim conhecer um pouco da biblioteca.
• WebGLU – outra biblioteca.

Completando a seção de links, veja este site: Learning WebGL (). Ele contém tutoriais ensinando a usar WebGL. Veja também o site oficial do projeto.