Graphics APIs

Drawing and visual programming in the browser

Canvas 2D

Coming soon: Draw shapes, images, and animations with the Canvas API.

  • Canvas Basics and Context
  • Drawing Shapes (rectangles, paths, arcs)
  • Colors, Gradients, and Patterns
  • Text Rendering
  • Images and Pixel Manipulation
  • Transformations
  • Animation with requestAnimationFrame

SVG Manipulation

Coming soon: Create and modify scalable vector graphics.

  • SVG DOM vs HTML DOM
  • Creating SVG Elements
  • Animating SVG with JavaScript
  • SVG Filters and Effects

WebGL Basics

Coming soon: Introduction to 3D graphics programming.

  • WebGL Context and Setup
  • Shaders Introduction
  • Drawing Basic Shapes
  • Textures and Materials