フロントエンドエンジニアになりたい

デザイナーなのかコーダーなのかディレクターなのかよくわからない人のブログ。趣味で絵を描きました(過去形)

Canvasでシンプルな正弦波

正弦波のお勉強メモ。

正弦波は

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

で表すことができます。

角度速度は

角度速度 = 2π / 周期

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

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

codepen.io