TimesTableWebGL
A interactive visualization of times tables.
Inspired by this video from Mathologer.
Features
- GPU accelerated rendering
- most of the logic is implemented inside a GLSL shader
- enables fluent animation even for large line counts (~100,000)
- visualization parameters
- animation of the multiplier
- line coloring modes and opacity
- render settings for multi-sampling, tone mapping and rendering precision
- 3D extension: lines are drawn on the edges of cylinder
- Dynamic viewport
- Mouse:
- Pan:
left click - Tilt:
right click - Zoom:
scroll
- Pan:
- Touch:
- Pan:
drag with one finger - Zoom/tilt:
pinch
- Pan:
- Mouse:
Technical notes
Languages
- TypeScript
- WebGL Shaders in GLSL
