Explore innovative approaches to presenting 2D content in web browsers through this conference talk from Amsterdam JSNation 2019. Examine various rendering methods, comparing their advantages and disadvantages. Dive deep into WebGL's capabilities for high-speed 2D graphics and unique visual effects. Learn about rendering techniques using HTML/CSS, Canvas, and WebGL, including fragment and vertex shaders. Discover how to leverage 3D concepts, utilize texture data, and implement 2D WebGL rendering engines. Gain insights into the future of web rendering technologies and how they can enhance your web development projects.
Overview
Syllabus
Intro
Rendering with HTML/CSS
Rendering 2D with Canvas
Rendering 2D with WebGL
Rendering 2D HTML
Rendering in 2D Canvas
Rendering in WebGL
Playing with Fragment shaders
Messing with vertex shaders
Stealing from 3D
Write data to textures
2D WebGL Rendering engines
Future of rendering using the web
Taught by
JavaScript Conferences by GitNation
