フロントエンドエンジニアもどきの備忘録

デザイナーやらコーダーを経てフロントエンドに落ち着きました。

Canvasでシンプルな正弦波

正弦波のお勉強メモ。

正弦波は

振幅 * sin( 角度速度 * 時間 )

で表すことができます。

角度速度は

角度速度 = 2π / 周期

で計算することができます。

処理の流れとしてはcanvasの左端から1pxづつの距離を時間としてループで描画しています。

codepen.io