Explore the practical applications of WebGL in this 34-minute conference talk from AmsterdamJS 2017. Dive into the nature and ecosystem of WebGL, dispelling common misconceptions about its complexity. Learn about browser support, WebGL connections, mesh structures, camera types, and shader varieties. Discover how to work with primary data types, qualifiers, and WebGL programs. Gain insights into vertex and fragment shaders, texturing techniques, and shader materials. Explore advanced topics such as environment mapping, postprocessing, and particle visualization. Understand the advantages and disadvantages of WebGL, and see how it can be applied to create interactive 3D graphics for web applications.
Overview
Syllabus
Intro
Artec 3D
Contents
Navigation
Constructors
Interactive maps
Panorama
Unity 3D
WebGL 1.0
Browser Support
Check WebGL
Connection
Mesh
Camera types
Shaders types
Rasterization
Primary data types
Qualifiers
WebGL program
Vertex shader
Fragment shader. Texturing
Shader Material
Model with texture
Black and white filter
Fragment shader. Black and white texture
Sepia
Rendering
Environment. Cube images
Environment. Materials
Postprocessing scene
Comparison of particle visualization
Particles
Debug
WebGL Advantages
Disadvantages
WebGL Practical Application
Interactivity
Taught by
JavaScript Conferences by GitNation
