▶ 実 行
▶ 実行
クリア
タートルグラフィクス(Promise版)のサンプルその2 カメ視点
by てぃふと@うぇいく
# タートルグラフィクス(Promise版)を取り込む !「https://n3s.nadesi.com/plain/792.js」を取り込む TID = -1 一時キャンバス = 「CANVAS」のDOM要素作成 一時キャンバス["width"] = 描画中キャンバス["width"] 一時キャンバス["height"] = 描画中キャンバス["height"] カメ描画先 = 一時キャンバス 描画中キャンバス["parentNode"]に一時キャンバスをDOM子要素追加 主観描画 ●主観描画 「主観描画」を画面更新時実行 もし、(TID=-1)ならば、戻る。 XY = カメ位置取得 D = カメ角度取得 + 90 全描画クリア キャンバス状態保存 [描画中キャンバス["width"]/2, 描画中キャンバス["height"]/2]に描画起点設定 (360-D)に描画回転 一時キャンバスを[0-XY[0], 0-XY[1]]に画像描画 #一時キャンバスを[0, 0]に画像描画 キャンバス状態復元 [描画中キャンバス["width"]/2, 描画中キャンバス["height"]/2]に3の円描画 ここまで TID = カメ作成 [50,50]にカメ起点移動 90だけカメ右回転 4回繰り返す 100だけカメ進む 90だけカメ右回転 ここまで 30/100にカメ移動速度設定 30/100にカメ回転速度設定 オフにカメペン設定 [300,70]にカメ移動 0にカメ角度設定 オンにカメペン設定 5回繰り返す 72だけカメ右回転 120だけカメ進む ここまで オフにカメペン設定が成功した時には 「おわったよ」を表示 ここまで