ドットインストール - 3分動画でマスターできるプログラミング学習サービス
レッスン一覧
料金プラン
レッスン一覧
料金プラン
ログイン
運営からのお知らせ
2025/09/04
NEW
【週刊ドットインストール】 Seoul Startup Hubがおすすめ、レッスン制作・256timesの進捗
860
レッスン
864
質問と回答
0
文字起こし
0
ソースコード
242
件のレッスンと
618
件のレッスン動画が見つかりました。
#16 キャラクターを描いてみよう
詳解JavaScript Canvas編
今までの復習を兼ねて、シンプルなキャラクターを描画してみます。
#17 座標空間を変形させてみよう
詳解JavaScript Canvas編
図形が描画されている座標空間を変形させるための命令について見ていきます。
#18 描画設定を保存、復元してみよう
詳解JavaScript Canvas編
座標空間やスタイルの設定を保存、復元する方法について説明していきます。
#19 アニメーションさせてみよう
詳解JavaScript Canvas編
キャラクターの目を三角関数を使ってアニメーションさせてみます。
#20 高解像度ディスプレイに対応させよう
詳解JavaScript Canvas編
高解像度ディスプレイに対応させるためのテクニックについて学びます。
#21 手元のファイルで実行してみよう
詳解JavaScript Canvas編
ブラウザ実行環境ではなくて、手元でファイルを作って動作確認する方法について見ていきます。
#01 15パズルを作ってみよう
JavaScriptで15パズルを作ろう
完成版を確認したあとに必要なファイルを準備していきます。
#02 Canvas要素を配置しよう
JavaScriptで15パズルを作ろう
Canvasを配置したあとにスタイルを整えていきます。
#04 指定したタイルを切り出そう
JavaScriptで15パズルを作ろう
画像を読み込んだあとに指定したタイルを好きな位置に切り出す方法について見ていきます。
#05 実装方針を確認しよう
JavaScriptで15パズルを作ろう
パネルを切り出して描画する方法について図を使って確認していきます。
前へ
27
28
29
30
31
32
33
34
35
36
37
次へ