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

【旧版】HTML5 Canvas入門

ログインして連続再生する 動画一覧 (33)

• #01 Canvasを使ってみよう
• #02 JavaScriptを書く準備をしよう
• #03 stage要素を取得しよう
• #04 矩形を描画してみよう
• #05 高解像度のディスプレイに対応しよう
• #06 塗りと線を設定しよう
• #07 アニメーションさせてみよう
• #08 オブジェクトにまとめよう
• #09 車をオブジェクト化しておこう
• #10 車を描画してみよう
• #11 地面を作ってみよう
• #12 山をオブジェクト化しておこう
• #13 パスを使って山を描こう
• #14 もっとパスを使ってみよう
• #15 円弧を描いてみよう
• #16 太陽を描いてみよう
• #17 円形グラデーションをかけてみよう
• #18 線形グラデーションをかけてみよう
• #19 タイヤを描いてみよう
• #20 save()､restore()を使ってみよう
• #21 座標空間を意識してみよう
• #22 座標空間にグリッド線をひいてみよう
• #23 座標空間を変形させてみよう
• #24 タイヤを作り込んでいこう
• #25 タイヤを回転させてみよう
• #26 テキストを扱ってみよう
• #27 テキストの位置をあわせよう
• #28 イベントの設定をしてみよう
• #29 画像を扱ってみよう
• #30 コードをきれいにしていこう
• #31 変数の有効範囲を狭くしよう
• #32 長過ぎるメソッドを整理しよう
• #33 アプリを完成させよう