ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
プレミアム会員
法人でのご利用
レッスン一覧
プレミアム会員
法人でのご利用
ログイン
運営からのお知らせ
2023/06/01
NEW
『JavaScript入門 DOM編』をリリースしました
2023/06/01
NEW
週刊ドットインストール(2023/06/01号)を更新しました!
PREMIUM
【旧版】Canvasでローディングアイコンを作ろう
HTML5のCanvasを使って、ローディングアイコンを実装していく方法について見ていきます。
0%
新しいレッスンがあります
旧版のレッスンは更新を終了しており、現状と異なる場合があります。サポートも終了しておりますので、最新版への移行をお願いします。
PREMIUM
JavaScriptでローディングアイコンを作ろう
HTML5のCanvasとJavaScriptでローディングアイコンを実装する方法について見ていきます。
0%
動画レッスン一覧
(7)
質問と回答
(1)
未完了
#01 ローディングアイコンを作ろう
(02:54)
無料公開中
index.htmlの作成
main.jsの作成
未完了
#02 stage要素を取得しよう
(02:43)
無料公開中
contextオブジェクトの取得
未完了
#03 座標系をわかりやすくしよう
(02:19)
座標系の描画
未完了
#04 線を描画して傾けてみよう
(02:12)
rotate()
未完了
#05 線を回転させてみよう
(02:22)
setTimeout()
未完了
#06 三角関数の仕組みを理解しよう
(01:50)
三角関数の説明
未完了
#07 三角関数を使って描画してみよう
(01:40)
Math.cos()
Math.sin()
#05 線を回転させてみよう
動画 0:53 の関数 update の実行がうまくいかないのですが
2022年1月27日
ギャラリー
このレッスンについて
最終更新日
2017年3月30日
バージョン情報
HTML5 / CSS / CSS3 / JavaScript
関連キーワード
(6)
基礎講座
(369)
初心者向け
(368)
HTML
(115)
CSS
(116)
JavaScript
(6)
ミニプログラム
(142)
このレッスンを共有する