既存の教科でプログラミング授業【既存の教科でプログラミング授業】中学1年生 数学「合同な図形を並べる」
同じ図形を角度を変えて同時に描画するプログラムです GIFアニメで見る 「向き」の異なる5個のクローンと本体を使って、同じ図形を同時に描画しています 参考 東京書籍 新編 新しい数学 140ページ 図形の移動 プロジェクト オフライン版のS...
Scratch
既存の教科でプログラミング授業
Scratch作例【Scratch】クリックしたところを拡大する
スプライトのクリックしたところを中心に拡大するプログラムです GIFアニメで見る スプライトの拡大と同時に中心点も動かしています
Scratch作例【Scratch】ほたる
ほたるっぽい動きのプログラムです GIFアニメで見る こちらのプログラムがベースです 円運動をつなげることで滑らかな動きを実現していますが、単に円運動をつなげるだけでは滑らかな動きになりません 例えば、これは急に方向転換しているのでダメです...
既存の教科でプログラミング授業【既存の教科でプログラミング授業】小学5年生 算数「最大公約数をすだれ算で求める」
最大公約数をすだれ算で求めるプログラムです 最小公倍数のプログラムをちょこっと変更したものです 参考 東京書籍 新編 新しい算数5上 87ページ 約数と公約数 プロジェクト オフライン版のScratchで利用したい場合は、こちらのファイルを...
既存の教科でプログラミング授業【既存の教科でプログラミング授業】小学5年生 算数「最小公倍数をすだれ算で求める」
最小公倍数をすだれ算で求めるプログラムです。5年生の教科書にはすだれ算は載ってなかったので、もうちょっと高学年で習うのかな？？ 30と18の最小公倍数を求めてみます。2つの数字を素数で割っていきます。まずは2で割ります 次は2で割れないので...
Scratch作例【Scratch】ビデオ会議風
Zoomのようなビデオ会議っぽい動きのプログラムです GIFアニメで見る スプライト重なりを調整して、キャラクターのスプライトがフレームに収まって見えるようにしています 例えば、ねこの下半身は下のフレームの水色の背景スプライトを上に重ねて見...
既存の教科でプログラミング授業【既存の教科でプログラミング授業】中学1年生 数学「図形の平行移動」
三角形ABCを平行移動させた図形A'B'C'を描画するプログラム GIFアニメで見る 参考 東京書籍 新編 新しい数学 142ページ 図形の移動 プロジェクト オフライン版のScratchで利用したい場合は、こちらのファイルをダウンロードし...
Scratch作例【Scratch】滑らかにランダムに動かす
ランダムに滑らかに動くペンギンのプログラムです GIFアニメで見る 円の動きを組み合わせて、滑らかな動きを実現しています
Scratch作例【Scratch】放射状の線をペンで描く2
放射状の線をペンで描くプログラムの第二弾です GIFアニメで見る こちらのプログラムをちょこっと改造しました
Scratch【Scratch】再帰を使ったプログラム
再帰というのは、関数やメソッドから自分自身の関数やメソッドを呼び出すこと。Scratchだと、ブロック定義から同じブロック定義を呼び出す場合が再帰です 具体的には↓このようになります。ただし、このままだと、永遠にプログラムが終わらないので、...
既存の教科でプログラミング授業【既存の教科でプログラミング授業】中学1年生 数学「比例と反比例の利用（動く歩道）」
10秒進むボタンで、AさんとBさんが進みます GIFアニメで見る 参考 東京書籍 新編 新しい数学 134ページ 比例と反比例の利用 プロジェクト オフライン版のScratchで利用したい場合は、こちらのファイルをダウンロードしてください ...
Scratch【Scratch】わかりやすいブロックを定義する
Scratchのブロック定義を使うと、自分だけのブロックを作ることができます。他の言語の関数やメソッドみたいなものです それでは、「ネコを○歩動かしてセリフを言う」ブロックを作ってみます 引数だけを並べる 必要な引数だけ追加する方法でブロッ...
Scratch作例【Scratch】テレビを消したような動き
テレビを消した時のようなアニメーションのプログラム。ペンで描画しています GIFアニメで見る
Scratch作例【Scratch】うちよせる波
ザザーンと打ち寄せる波の動きのプログラム。砂に波の跡が残るのがポイントです GIFアニメで見る 打ち寄せる波は、波スプライトをクローンして、少しずつずらしながら動かしています 波も波の跡もクローンなので、それを区別するためにクローンに番号を...
Scratch作例【Scratch】放射状の線をペンで描く
放射状の線をペンで描くプログラムです。アニメーションもします GIFアニメで見る 中央から外に向けでだんだん太くなる線は、ペンの太さを徐々に変更して描画しています GIFアニメで見る 1本の線だけを描くサンプルのプログラムです これを36本...
Scratch 小ネタ【Scratch】#RRGGBB形式でペンの色を指定する
ホームページ作成などでお馴染みの色指定方法の#RRGGBBでペンの色を指定する方法です R（赤）、G（緑）、B（青）のそれぞれ要素の値（0〜255）を16進数で指定します。赤なら#FF0000、緑なら#00FF00、青なら#0000FFで...
Scratch作例【Scratch】円から四角にモーフィング
円から四角に、四角から円に形を変えるプログラムです。円の直径と四角の辺の長さを変更できます GIFアニメで見る 80個のスプライト（のクローン）の位置を動かして、それをペンで結んで円や四角を描画しています わかりやすいようにスプライトを白い...
既存の教科でプログラミング授業【既存の教科でプログラミング授業】中学1年生 数学「図形の移動（三角形で星を描く2）」
三角形を移動させて、星を描画するプログラムの改良版です。今回は三角を塗り潰しています 少しずつ小さな三角形を描いて塗り潰しています GIFアニメで見る 三角形の色は規則性がないのでリストで管理しています 参考 東京書籍 新編 新しい数学 1...
Scratch作例【Scratch】山手線
山手線の駅名を表示するプログラムです GIFアニメで見る 黄色いスプライトが電車、白いスプライト（のクローン）が駅です。２つの衝突を判定して現在の駅名を判定しています 駅名はリストで管理しています。高輪ゲートウェイが増えて全部で30駅になり...
既存の教科でプログラミング授業【既存の教科でプログラミング授業】中学1年生 数学「図形の移動（三角形で星を描く）」
三角形を移動させて、星を描画するプログラムです GIFアニメで見る 三角形の角度はこうなります。ペンの向きを変更するときは外角（図の緑の数値）を利用します 三角形の辺の長さは正弦定理で求めることができます プログラムです。回転させる向きが異...