Uma ferramenta web para apoio ao ensino de shaders em computação gráfica

Abstract

Este trabalho apresenta uma ferramenta interativa, executada diretamente no navegador, concebida para reduzir a distância entre a discussão teórica sobre shaders e a prática efetiva de programá-los em Computação Gráfica (CG). A aplicação organiza, em uma única tela, texto explicativo, editor de código (vertex e fragment) e visualização em tempo real, demodoafavorecerumciclorápidodeexperimentaçãonoqualoestudantelê, modificao shader e observa imediatamente o efeito na cena. Do ponto de vista técnico, a ferramenta foiimplementadaemJavaScript, utilizandothree.js comocamadadealtonívelparacena, câmeras e materiais programáveis, e um editor embutido com realce de sintaxe para o código em GLSL. O escopo deste trabalho foi deliberadamente delimitado à validação do funcionamento da ferramenta e de seu fluxo básico de uso por estudantes, por meio de um estudo exploratório com 19 participantes que resolveram três lições introdutórias e responderam a um questionárion sobre compreensão conceitual, usabilidade e percepção dos exercícios. Os resultados indicam alta concordância quanto à compreensão do papel de shaders e à utilidade das atividades, ao mesmo tempo em que evidenciam pontos de melhoria em UI/UX e na estrutura didática das lições iniciais.