The Mighty WebGL

The Mighty WebGL

Conhecer sobre a base do WebGL (Web Graphics Library) e seu ecossistema, além de a usar a mesma tecnologia para criar aplicações web com suporte a realidade virtual ( WebVR ). WebGL é uma API em JavaScript, disponível a partir do elemento canvas do HTML5, que oferece suporte para renderização de gráficos 2D e gráficos 3D.

Ed35943d3199ea37b1b60c39615e8163?s=128

Raphael Amorim

June 04, 2016
Tweet

Transcript

  1. 4.
  2. 5.

    JavaScript API com o foco em rendering de gráficos interativos,

    3D e 2D, em qualquer navegador compatível sem o uso de plug-ins. Sendo utilizada em elementos HTML5 <canvas>.
  3. 12.
  4. 14.

    [ -1, -1, 0 ], [ 1, -1, 0 ],

    [ 1, 1, 0 ], [ -1, 1, 0 ]
  5. 15.
  6. 18.

    O sistema preenche os espaços conectando pontos e calculando os

    pixels no seu display que precisam ser desenhados.
  7. 19.
  8. 20.

    O resto é com o fragment shader Ele chama cada

    um dos pequenos quadrados (ligamentos entre pontos) e preenche com a cor correta.
  9. 22.

    <canvas> WebGL WebVR WebAR • MozVR • A-Frame • Threejs

    • Processing.js • Pixi.js • Origami.js • [….] • ???
  10. 34.
  11. 35.
  12. 36.
  13. 37.
  14. 38.