Vamos aprender WebGL?! – Parte 2 – Usando o elemento script para armazenar código de shaders
Olá pessoal. Tudo certo?!
Se você sabe OpenGL, na parte 1, já percebeu que WebGL é bem familiar.
Nesse post, apresento apenas pequenas melhorias no código que apresentei no post anterior. Antes, colocamos código de shaders em strings simples. Hoje, mostro como trabalhar com fonte de shaders em blocos script.
O código, na íntegra, do post de hoje está em: https://gist.github.com/3133186
Como fazíamos o tratamento de shaders
O tratamento de shaders era feito da seguinte maneira:
Qual é o problema? O código dos shaders está em strings e ficará difícil de manter quando estivermos trabalhando com códigos mais complexos.
Como trataremos os shaders a partir de agora
A abordagem que estou propondo foi indicada por Vladimir Vukićević. A ideia é colocar os shaders em blocos script. Veja:
A carga dos dados é feita explorando o DOM. Veja:
Bacana, não!?
Por hoje, era isso. Nos próximos posts, retomo os fundamentos de WebGL, considerando dar uma “repassada” nos básicos do OpenGL.
Brother, você é muito top. Parabéns pela solidariedade! Abraços
Cara, parabéns e obrigado por compartilhar!