O'Reilly logo

WebGL Beginner's Guide by Brandon Jones, Diego Cantor

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Virtual Car Showroom application

Using our WebGL skills and the infrastructure code that we have developed, we will create an application that allows visualizing different 3D car models. The final result will look like this:

Virtual Car Showroom application

First of all, we need to define what the graphical user interface (GUI) is going to look like. Then, we will be adding WebGL support by creating a canvas element and obtaining the correspondent WebGL context. Simultaneously, we need to define and implement the Vertex Shader and Fragment Shader using ESSL. After that, we need to implement the three functions that constitute the lifecycle of our application: configure, load, and ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required