Browsing All posts tagged under »JavaScript«

3D Madness .. Backface culling e Color filling .. com JavaScript e HTML5

outubro 18, 2011

0

Olá pessoal, tudo certo?! No último post, mostrei como implementar o clássico “Rotating cube” usando apenas Javascript e html5. Esse post é uma continuação simples. Ou seja, para entender o que estamos fazendo aqui, comece lendo o post anterior. Implementando Backface culling O primeiro efeito que gostaria de mostrar é o backface culling. Observe: Como… [Leia mais…]

3D madness .. em Javascript com HTML5 (Rotating Cube [Wireframe])

outubro 18, 2011

3

Olá pessoal, tudo certo?! No post de hoje, exercito um pouco mais “meus limites” com html5. Minha proposta? Reproduzir um “clássico” exemplo de computação gráfica (rotating cube), usando apenas Javascript e html5. O código-fonte com completo está em https://gist.github.com/1297152 e há um “live demo” em http://users.cjb.net/livedemoelemarjr/wireframe.html Para não ficar “repetindo”, informo que utilizo o canvas,… [Leia mais…]

Criando animações bacanas com o Canvas do HTML5

outubro 15, 2011

4

Olá pessoal, tudo certo? Há algum tempo, escrevi um post sobre animações com HTML5. O post de hoje é uma “revisão”. Aproveito para adicionar alguns conceitos mais sólidos que “puxei” do XNA. O código completo pode ser obtido nesse endereço: https://gist.github.com/1290398. Se preferir, pode ver o código no jsFiddle, em http://jsfiddle.net/ElemarJR/G7h6T/. Live demo: http://users.cjb.net/livedemoelemarjr/spheres.htm. Primeiro,… [Leia mais…]

Efeitos básicos e Color balancing usando HTML5

outubro 13, 2011

1

Olá pessoal, tudo certo?! No post de hoje, continuo mostrando algumas possibilidades para manipulação de imagens usando Canvas do HTML5. De certa forma, esse post é uma continuação para Image Pixelation com Canvas do HTML5. Há outros posts sobre HTML5. Tons de cinza Vamos começar nossos trabalhos através dos mais básicos dos efeitos. Apresentação de… [Leia mais…]

Image Pixelation com Canvas do HTML5

outubro 12, 2011

4

Olá pessoal, tudo certo?! Você já viu aquelas reportagens onde o rosto de uma pessoa aparece “quadriculado”? Este é um grande efeito, chamado pixelation, que torna uma imagem “irreconhecível” sem necessidade de manter um “fundo preto”. No post de hoje, mostro como aplicar esse efeito usando o elemento canvas do html5. Começando – desenhando uma… [Leia mais…]

JavaScript orientado a objetos

setembro 20, 2011

12

Olá pessoal, tudo certo? JavaScript vem ganhando relevância no desenvolvimento de aplicações. Por causa disso, é importante saber como usar essa linguagem de forma refinada. Se possível, com orientação a objetos. No post de hoje, mostro os fundamentos de orientação a objetos usando JavaScript. Antes de começar … JavaScript não foi projetada para ser uma… [Leia mais…]

Construindo Widgets em jQuery (UI)

setembro 17, 2011

0

Olá pessoal, tudo certo? Da mesma forma que jQuery oferece o método fn.extend() para criar plugins, jQuery UI provê mecanismos para criação de novos plugins. No post de hoje, mostro como criar esses plugins. Criando nosso primeiro widget (dummy) Para começar, criamos um arquivo de script para nosso plugin. Nesse arquivo, adicionamos o seguinte código:… [Leia mais…]