FuncMeter

← ↑ →

Assignment

Design an interactive animation able to visualize the progression of three functions: sin, cosine, and noise (you can add more if you like). The animation should work like a seismometer: the x-axis represents time, the y-axis represents the function output scaled to the canvas height. The user should be able to switch between different functions with a select input and to address function scaling and curve detail with sliders. A text visual log, drawn on the canvas, would be a nice addition.

Skills

Basic Drawing, Booleans, Callbacks/events, Comparison Operators, Conditional Construct, DOM Controls, Flexible Canvas, For Loops, Function Pointers, Parametric Drawing, Typography