Jogo Snake feito em TypeScript e Phaser 2 (com gráficos)

SamL

Jogo Snake com gráficos. E aí pessoas desse mundão de deusolivre. Segue mais um jogo que fiz há uns meses atrás, anos se não me engano. Para compilar o jogo: $ npm install && npm run build Para executar o jogo (não precisa compilar, tem uma versão compilada no dist): 1 - copie a pasta "assets" para a pasta "dist" (não fiz isso no pacote porque ia ficar muito grande). 2 - execute no terminal dentro da pasta "dist": $ python -m SimpleHTTPServer 8080 3 - depois num navegador, abra o endereço localhost:8080 4 - e então jogue!

Por: Samuel Leonardo

Processamento de vídeo (stream effects)

danilogeek

O uso de efeitos especiais em vídeo. Programa implementado em JavaScript (WebGL - Web Graphics Library - é uma API em JavaScript, disponível a partir do novo elemento "canvas" do HTML5, que oferece suporte para renderização de gráficos 2D e gráficos 3D. Pode ser implementado em uma aplicação web sem a necessidade de plug-ins no navegador*). * A especificação foi lançada, sob versão 1.0, em 10 de fevereiro de 20111 . WebGL é administrado pelo Khronos Group. Para uso do programa é necessário habilitar o WebGL no seu navegador, faça uma busca na internet de como habilitar WebGL no Firefox/Chrome ou outros...

Por: Danilo Azevedo

Carregar dados a partir de JSON

emilianoeloi

Script simples e objetivo para recuperar dados de um JSON via XMLHttpRequest (Ajax).

Por: Emiliano Eloi Silva Barbosa

Jogo Snake em HTML5

SamL

Este script é uma adaptação de um jogo que fiz anteriormente em C. Comandos: - Setas movem a cobra; - Tecla p pausa o jogo. Para executar baixe e extraia o arquivo tar.gz e abra o snake.html em um navegador.

Por: Samuel Leonardo

Plugin para ordenar, paginar e pesquisar em tabelas HTML

rai3mb

Configura uma tabela permitindo que ela seja pesquisada, ordenada e paginada Uso o seguinte plugin que desenvolvi nos meus projetos e resolvi compartilhar com a comunidade (o mesmo ainda receberá alguns pequenos ajustes, mas já é perfeitamente utilizável) Parte baseado na ideia do plugin: tablesorter.com, não fiz um fork dele, apenas usei por um mês e tive a necessidade de incrementar a pesquisa diretamente nos dados retornados na tabela, e para fazer o resto funcionar acabei escrevendo as demais funcionalidades também. * Testado no Firefox >= 3.6, Internet Explorer >= 6 e Chrome Para usar a tabela alvo deve ter a estrutura thead, tbody, conter o cabeçalho com th, e está dentro de um elemento qualquer, como um div com id='relatorio', bastando no seu código java script usar: $('#relatorio').tablefind(); - Ordenar: A ordenação é padrão, basta clicar sobre o título (th) da coluna desejada e a tabela será ordenada (alguns dados ainda carecem de uma melhor adaptação do plugin para que a ordenação seja mais eficaz, estarei desenvolvendo...). - Paginar: Para adicionar a possibilidade de paginar coloque dentro do seu div, elementos com as seguintes classes css (o que também pode ser alterado, caso você precisar): Primeiro Anterior Próximo Último Adicionalmente você pode colocar um input para exibir o total de páginas e a página atual, permitindo ainda que o usuário insira diretamente o número da página que deseja visualizar: Pesquisar: Para permitir a pesquisa na tabela, basicamente temos que usar os seguintes componentes dentro do div que contém a tabela e os demais ítens: * Esse e o uso básico. Pra mais exemplos de uso e o manual, que ainda estrou construindo, acessem: http://portela.tendalinux.com/projetos * Qualquer feedback será muito bem vindo.

Por: Raimundo Alves Portela

Ext.ux.grid.Editor

everton3x

Ext.ux.grid.Editor é uma extensão da classe Ext.grid.EditorGridPanel, do framework ExtJS que oferece ao usuário um grid (tabela) com paginação e ordenação de colunas, adição, exclusão e modificação de registros. As operações CRUD (Create, Read, Update, Delete) podem ser realizadas através da edição direta nas linhas do grid ou através de formulário (bastando passar a configuração editForm para ativar os formulários). Este é uma user extension para quem conhece um pouco de ExtJS. Embora esteja em estágio Alfa, pode tranquilamente ser utilizada.

Por: EVERTON DA ROSA