Rogério Lino

Javascript Game Engine for HTML5 Canvas

Por Rogério Alencar Lino Filho | 6 de maio de 2010 | 2 Comentários

Comecei escrever um pequeno projeto para facilitar a criação de jogos em Javascript utilizando HTML5 Canvas para isso. Baseado em scenegraph podendo criar nós dependentes, relativos ao nó pai. Por enquanto a estrutura da engine é composta por:

Canvas: para encapsular a tag canvas, pegando automaticamente o context e fornecendo algumas funções a mais.

Game: o jogo em sí, possui uma ou muitas cenas (Scene). Contém o loop principal para atualizações do canvas. Necessita de uma instância do Canvas.

Scene: deve ser estendida para criar cenas customizadas, deve implementar o método update(interval).

CanvasNode: um nó do grafo, possui as coordenadas e ângulo de rotação do elemento no canvas.

CanvasNodeGroup: um grupo de nós. Estende CanvasNode.

Graphics: um nó “printável”, quem for estendê-lo deve implementar o método draw(). Possui como subclasses: Rectangle, Triangle, Circle, Text, Image2d e Line.

GraphicsGroup: estende CanvasNodeGroup, possui um grupo de graphics. Scene é um GraphicsGroup.

Os próximos passos serão a implementação de TileMap, Scene Intro, Menu e botões. Agora é só aguardar até o próximo exemplo.

[update 2010-05-06]
Added mouse and button support.
See example above.
[/update]

[update 2010-05-06]
Examples in http://mangame.rogeriolino.com/
[/update]

Tags: , , , , , ,

Flash: SWFAddress + ReWrite = SEO

Por Rogério Alencar Lino Filho | 1 de abril de 2010 | 1 Comentário

SWFAddress é uma pequena mas poderosa biblioteca que provê deep linking para Flash e Ajax. É uma ferramenta de desenvolvimento, permitindo a criação de URLs unicas e virtuais que podem apontar para uma seção do site ou aplicação. SWFAddress habilita algumas de importantes capacidades que faltam hoje em dia nas tecnologias RIA, incluindo: Adicionar ao [...]

Tags: , , , , , , , , , , , ,

SGA Livre

Por Rogério Alencar Lino Filho | 18 de março de 2010 | 1 Comentário

SGA LIVRE significa Sistema de Gerenciamento do Atendimento, versão Livre. É desenvolvido pela DATAPREV, totalmente baseado em tecnologias de software livre e de código aberto. Através do SGA é possível gerenciar filas e fluxo de atendimento em quaisquer tipos de empresas ou organizações que prestam serviço de atendimento presencial à pessoas. O SGA oferece o [...]

Tags: , , , , , , , , , ,

HTML5: Database

Por Rogério Alencar Lino Filho | 11 de março de 2010 | 4 Comentários

Uma das funcionalidades mais robustas presentes nessa nova versão do HTML é exatamente o suporte ao armazenamento local, sem ser por Cookie mas sim pelo banco de dados presente no browser. Tal funcionalidade já está presente no Webkit que fornece uma aplicação de exemplo: http://webkit.org/demos/sticky-notes/. No Webkit as informações são armazenadas utilizando SQLite, e acredito [...]

Tags: , , , , , , , , ,

HTML5: Video Player

Por Rogério Alencar Lino Filho | 19 de fevereiro de 2010 | 1 Comentário

Para todos aqueles que odeiam o flash player e adoram assistir vídeos pela Internet, alguns portais de vídeos possuem uma alternativa ao plugin da Adobe para que os usuários possam assistir seus vídeos sem precisar de um plugin externo que pode deixar o browser mais lento e ocasionar travamentos. Isso se dá com a utilização [...]

Tags: , , , , , , , , , , , , ,

Javascript: Games

Por Rogério Alencar Lino Filho | 2 de fevereiro de 2010 | 1 Comentário

Conforme a evolução dos browsers e consequentemente das suas engines de javascript, hoje é possível encontrarmos diversas API/Engines dessa linguagem de script. E um tipo de engine que vem crescendo nessa linguagem é a de jogos. O que antes precisariámos de um plugin adicional – Flash Player e/ou Java Applet – consumindo mais memória e [...]

Tags: , , , , , , , , , , , , , , , , ,

Javascript: libjsx

Por Rogério Alencar Lino Filho | 11 de março de 2009 | 4 Comentários

Há algum tempo eu reuni alguns exemplos meus de javascript no Google Code com o nome de libjsx, aonde adicionei outras funcionalidades também como por exemplos métodos para Ajax. Separei em componentes visuais (colorpicker, datagrid, etc.), eventos de mouse e teclado, html elements, próprio ajax, e core com algumas funcionalidades básicas. Mas devido um outro [...]

Tags: , , , , ,

Javascript Benchmark: replaceAll

Por Rogério Alencar Lino Filho | 7 de janeiro de 2009 | 3 Comentários

Há algum tempo escrevi um post contendo um exemplo de método para fazer replace em toda String. No caso o método que escrevi usava while e realmente é muito menos eficiente do que as alternativas apresentadas nos comentários, a primeira usando Expressão Regular (sugerida pelo Almir Mendes) e a segunda utilizando split e join (sugerida [...]

Tags: , , , , , ,

Javascript: Virtual Keyboard

Por Rogério Alencar Lino Filho | 2 de janeiro de 2009 | 0 Comment

Baseado no teclado virtual do Banco do Brasil (feito em Java) resolvi simular um com Javascript. Ainda não sei uma utilização eficaz para ele, mas se usarmos um name dinâmico e funcionando com uma senha complementar (porque permite somente números, ou seja, uma senha fraca) pode acabar ajudando contra Keylogger ou algum robô (script) que [...]

Tags: , , ,

JsCC no Assembla

Por Rogério Alencar Lino Filho | 7 de abril de 2008 | 0 Comment

Eu juntamente com meu amigo Ulysses Rangel (que em breve estará com um blog), a partir de uma idéia dele, resolvemos colocar o JsCC no Assembla e trabalharmos juntos para aprimorarmos e dar suporte a outras linguagens. Outra novidade é que agora você pode escolher quais tags quer que o script colore. Para acessar o [...]

Tags: , , , ,
Older Posts »