Javascriptの練習:ルーレット
Canvasを使う練習としてルーレットを作ってみました。
なかなか苦労しました。特に、canvasを中央に配置する方法がよくわからず、未完の状態です。スマホのほうが見やすいかもしれません。
https://www.wsmeguro.jp/tools/js/roulette/

canvasをdivで包んでmargin: 0 autoにすれば、canvasは中央に並ぶはずができませんでした。
工夫したのは、「ちょっとずつ」
- ちょっとずつ幅を変えて
- ちょっとずつ回転速度をあげて(いるように見せて)
- これに合わせて色判定(採点)を行う