TimesTableWebGL

A interactive visualization of times tables.

Inspired by this video from Mathologer.

Features

• fluent animation powered by the GPU
• GUI for visualization parameters
  • continues animation of the multiplier
  • line coloring
  • line opacity
  • Multisample anti-aliasing
  • viewport/camera
• viewport mouse controls
  • Zoom: shift + scroll wheel
  • Pan: shift + click + drag

Technical notes

Languages

• TypeScript
• WebGL Shaders in GLSL

Libraries

• three.js
• dat.gui
• webpack