JavaScript で検索した結果 - プログラミングならドットインストール

drawFaceメソッドを整理して、汎用的な処理を切り出していきます。

現在時刻を取得して、時針を描画していきます。

現在時刻を取得して、分針と秒針を描画していきます。

setTimeout()を使って、リアルタイムに時計が描画されるように実装していきます。

完成版を確認したあとに必要なファイルを作っていきます。

Canvasを配置したあとにスタイルを整えていきます。

update()とdraw()を定義したあとに、requestAnimationFrame()を使ってゲームループを実装していきます。

GameクラスでBallのインスタンスを作ったあとに、Ballクラスを定義して描画処理を実装していきます。

Ballクラスのupdate()を実装してボールを動かしていきます。

ボールが壁に当たったら跳ね返るように実装していきます。

ドットインストール - 3分動画でマスターできるプログラミング学習サービス