HTML / CANVAS / JAVASCRIPT入門素材
Canvas を学ぶための小さな六つの練習素材。HandDrawnAI の入門用ファイルです。
10s絵本 · HTML / JS雨の街、キツネ、傘、水たまり、窓明かり。キャラクターのポーズと天候のレイヤーを学べます。
無料ダウンロード 
12s絵本 · HTML / JS色鉛筆の小鳥が蝶を追い、花の枝に戻ります。離陸、飛行、着地のタイミングを確認できます。
無料ダウンロード 
6s鉛筆 · HTML / JSスズメが周囲を見て、かがみ、跳びます。タイムシートで全身の絵を時間に対応させるポーズ練習用テンプレートです。
無料ダウンロード 
7sインク · HTML / JSカップの隣にクロワッサンと花。固定された小さな構図で、曲線の動きと時間制御を学べます。
無料ダウンロード 
7s絵本 · HTML / JS土の断面で種が根を伸ばし、葉と花をつけます。自然の教材や成長を表す短い場面に使えます。
無料ダウンロード 
7s鉛筆 · HTML / JS三日月の下、紙の船が鉛筆の波に揺れます。波の位相、上下の動き、少ない色での表現を試せます。
無料ダウンロード 01 / 02 / 03
テンプレートから自分の場面へ
01出発点を選ぶ
プレビューを見て、考えている構図に近い場面を選びます。
02ローカルで開く
解凍して index.html をブラウザーで開き、play を押します。
03変更して確認する
色、タイミング、ポーズを編集。全体を書き出す前に主要フレームを確認します。
handdrawnai