- ① スクラッチで順次処理を学ぼう!ネコを左右に動かすアニメーションの作り方【初心者向け】
- ② スクラッチでネコが正方形に動くアニメーションの作り方|座標と向きの使い方
- ③ スクラッチでネコが左右にスケートするアニメーションの作り方|繰り返しの使い方
- ④ スクラッチでネコが走るアニメーションの作り方|コスチューム切り替えの使い方
- ⑤ スクラッチでネコがランダムな速さで走るアニメーションの作り方|乱数の使い方
- ⑥ スクラッチでロケットを矢印キーで動かす作り方|条件分岐の使い方
- ⑦ スクラッチで重力ゲームの作り方|もし〜なら・でなければブロック入門
- ⑧ スクラッチでスプライト同士がメッセージを送り合う作り方|みんなであいさつ
- ⑨ スクラッチでキャラが順番に集合するアニメの作り方|みんな集合
- ⑩ スクラッチで分裂するネコのアートの作り方【クローン入門】
- ⑪ スクラッチでネコの分身を飛ばす作り方【クローン入門】
- ⑫ スクラッチで音付きアニメーション!2台の車が走り抜ける作り方
- ⑬ スクラッチでペン拡張機能のスタンプを使った星のランダムアートの作り方
- ⑭ スクラッチのペン拡張機能を使って正三角形を描く方法と外角の仕組みを解説 (いまここ)
さぁ、スクラッチでナニ作る!?
動画で見てみよう
チュートリアルの元になった作品
今回の目標
スターター作品をリミックスしよう
このチュートリアルにはスターター作品があります。使わなくても大丈夫だけど、最低限の素材などが用意されてるので便利です。
スターター作品をダウンロード
#1ペンの準備
準備
スプライト「グリーンペン」を開く
| スプライトについて |
|---|
| ペンブロックを使って緑色の正三角形を描くスプライト。旗が押されると原点から100歩×3辺、120度ずつ左に曲がりながら三角形を描く。 |
| どんな役割か |
| ペンで緑色の正三角形を描くよ!原点からスタートして100歩進んでは120度曲がるを3回繰り返すと、きれいな三角形が完成するんだ。ペンの色と太さを最初に設定してから描くから、仕上がりもばっちりだよ。 |
実装
旗を押したらスプライトを表示して、全部消すで前の描画を全部消す。そのあとペンの太さを3に、色を緑に設定するよ。何度実行しても同じ状態から始められる初期化だね。
#2最初の一辺
準備ができたら、いよいよ描画スタート。ペンを下ろすでペンを下ろすと、ここからスプライトが動くたびに線が引かれるようになるんだ。
原点(x: 0, y: 0)に移動して向きを90度(右向き)にセットしたら、( ) 歩動かすで100歩進む。右に向かって長さ100の直線が引けるよ。0.5秒の待ち時間は、描いている過程をアニメーションとして見せるためだね。
#32辺目を描く
1辺目が描けたから、次は方向転換して2辺目だよ。( ) ( ) 度回すで左に120度回転して、もう一度100歩移動するよ。
「なんで120度?」って気になるよね。三角形の内角は60度だけど、ネコが曲がるのは外角(180° − 60° = 120°)のほうで、この角度にしないと三角形にならず六角形みたいな形になるんだ。進行方向から120度向きを変えると、ちょうど三角形の角になるんだよ。
#4三角形の完成
描き終わったらもう一度120度回転して元の向きに戻し、隠すでスプライトを非表示にするよ。ネコが消えて、描いた三角形だけがステージに残るんだ。
ペンを下ろしてから移動するのがポイント
まとめ
ペン拡張機能で三角形が描けたね!100歩進んで120度曲がるを3回繰り返すだけで正三角形になるのが気持ちいいよね。「360÷辺の数」で正多角形の回転角度が求められるから、四角形(90度)や五角形(72度)でも試してみよう。次回はオウムにしゃべらせてみるよ!