スクラッチのやり方を動画で学ぼう!

スクラッチの操作の仕方を説明し、楽しく遊ぶのを目的としたブログ

scratch(スクラッチ)とビデオ動画の融合です!

 

 Scratch(スクラッチ)の概要

ビデオカメラが人の動きに反応してサッカーボールを跳ね返します。モーションセンサーを使ったゲームが簡単につくれるよ。

下の”Scratch - ビデオモーションサッカー”をクリックするとスクラッチのサイトに飛びます。

開いたら緑の旗をクリックするとはじまるよ。

って”中を見る”を押すと、プログラムが見れます。触っても壊れないから触ってみてくださいね。

スマホからは動きません。パソコンから動かしてね!

クラッチレベル 

小学生3年生~4年生レベル(スクラッチ歴2か月~3か月)

時間 

子供で30分程度

イントの解説

f:id:kisshi-new:20170611215737p:plain

完成図

f:id:kisshi-new:20170611215725p:plain

サッカーボールと背景をえらぼう

背景やスプライトの呼び出し方がわからないときは、「Scratch(スクラッチ)入門編 きほんそうさを学ぼう!」のあたらしいスプライトをえらぶを見てね。

基本的なスクラッチのやり方をまとめています。

f:id:kisshi-new:20170611215717p:plain

サッカーボールと背景はこんな感じ

サッカーボールと背景をセットしたらこんな感じになるよ。まだ、動きませんよ。

 

f:id:kisshi-new:20170611215705p:plain

ボールを右から左に移動

ここでは、x座標とy座標の考え方と、乱数(乱数)の考え方を学びます。

x座標は横位置で、y座標はたて位置。

乱数は、サイコロの出目のように規則性がなく予測ができない数値のこと。この場合は、ー180から180の間でパソコンの気分次第でいろんな数値がえらばれるよ。

はたがクリックされたときには、ボールは右はじにあるけど、ボールのたて位置は乱数を使っているからいろんな所に出現するって意味になるよね。

あとは、x座標を左にすこしずつ移動させるよ。x座標を”ー”マイナスずつ変えるって左に移動するってことだよ。f:id:kisshi-new:20170611215655p:plain

Scratchの豆知識

x座標とy座標は中学生で勉強するけど、scratch(スクラッチ)では必要な知識だから下に書いてあることは覚えてね。

画面の中心がx座標が0でy座標が0。

x座標が240が右はじで、x座標がー240が左はじだよ。

y座標が180が天井で、y座標がー180が底になるよ。

f:id:kisshi-new:20170611215645p:plain

左はじのボールを右はじに移動

もし、左はじ(x座標がー240)になったら、右はじ(x座標が240)に移動させるっていう条件をくわえるよ。

f:id:kisshi-new:20170611215633p:plain

ビデオカメラと連携する①

ビデオカメラと連携するよ。たまにショッピングモールで見かけることがあるけど、人の動きに合わせて物が動かせるんだ。scratch(スクラッチ)なら簡単に作ることができるんだ。

scratch(スクラッチ)は、身振りや手振りの動きの”大きさ”を数値に置き換えるんだ。

この作品では、動きが30より大きければという条件をくわえたよ。

f:id:kisshi-new:20170611215623p:plainビデオカメラと連携する②

人が動いたら、ボールが0.5秒で右はじに移動するよ。

ボールをはじくと、歓声(かんせい)が上がるよ。

 

f:id:kisshi-new:20170611215611p:plain

使い方

セキュリティの関係で、許可を押さないとカメラとscratch(スクラッチ)は連携しないよ。

カメラを起動すると君の顔がscrach(スクラッチ)に表示されるようになるはず。

さあ、はじめよう!

f:id:kisshi-new:20170611224656p:plain

利用規約

 

f:id:kisshi-new:20170611215543p:plain

 

 

★順次公開中、スクラッチのやり方動画★ 

Scratch(スクラッチ) 入門編 基本操作を学ぼう!

クラッチのやり方を動画で学ぼう!TOPページ

Scratchスタジオ(作品置き場)

Scratch(スクラッチ)レースゲーム 自動そうじゅう VS 君!

 

 

クラッチの概要レースゲームです。

レースゲームは、青の車はスペースで進みます。左右→で方向が変わります。
ピンクの車は自動走行です。

下の”Scratch - レースゲーム”をクリックするとスクラッチのサイトに飛びます。

 


って”中を見る”を押すと、プログラムが見れます。触っ

 

ても壊れないから触ってみてくださいね。

スマホからは動きません。パソコンから動かしてね!

 

クラッチレベル 

小学生3年生~4年生レベル(スクラッチ歴2か月~3か月)

 

時間 

子供で60分程度

 

ポイントの解説

 

 

f:id:kisshi-new:20170521213452p:plain

完成図

f:id:kisshi-new:20170521213445p:plain

背景の作成

筆で円を描くときは、車が2台分通るので、ちょっと太めにかいてくださいね。

f:id:kisshi-new:20170521213426p:plain

車の作成

四角形を使って車を作ります。四角形の書き方は、「Scratch(スクラッチ)入門編 きほんそうさを学ぼう!」の四角形をかくを見てくださいね。

f:id:kisshi-new:20170521213419p:plain

車を小さくする

連続して何回か車に縮小アイコンをおしてくださいね。

f:id:kisshi-new:20170521213401p:plain

部品を作る1

ペイントは日本語には対応していません。

f:id:kisshi-new:20170521213354p:plain

部品を作る2

旗がクリックされたときには、YOUWIN、YOULOSEを”隠す”にして見えないようしてください。ゴールしたときのみ、表示するようにします。

f:id:kisshi-new:20170521213338p:plain

3,2,1でスタートさせる

STARTのメッセージを送ったら、受け取ったときのイベントを設定しているところに処理が届きます。今回は、STARTを青色の車とピンク色の車が同時に受け取ります。

f:id:kisshi-new:20170521213331p:plain

青色の車をうごかす

”もし〇〇キーが押されたなら”を”ずっと”が囲っています。これは、スクラッチ初心者が理解できていないところですが、"START"メッセージは1回しか飛んできません。継続的に車をうごかすためには、”ずっと”で囲まないと車はずっと動きません。

”〇〇キーが押された”を”もし〇〇なら”で囲むやり方はよく使うので覚えておきましょう。

f:id:kisshi-new:20170521213324p:plain

青色の車が緑色にふれたとき

”□色に触れた”というのは、”調べる”のスクリプトです。この場合は、緑色に触れたていたら、真(true)を返し、そうでなければ偽(false)を返します。触れていたら、”もし〇〇なら”を処理します。

f:id:kisshi-new:20170521213318p:plain

青色の車がゴールしたとき

赤色のゴールに触れたら勝ちを送って、YOUWIN!を表示する処理です。

赤色にふれたかを調べるスクリプトを使っていますね。

f:id:kisshi-new:20170521213259p:plain

ピンク色の車をうごかす

ピンク色の車は、自動でうごくようにします。オレンジ色のタイヤが右側で、右の芝生に触れると左を向くようにします。水色のタイヤは左側で、左の芝生に触れると右を向くようにします。

f:id:kisshi-new:20170521213253p:plain

ピンク色の車がゴールしたとき

ピンクの車がゴールしたら、青色の車はまけたということなので負けを送ります。

 

f:id:kisshi-new:20170521213248p:plain

スクリプト紹介1

最後にスクリプトをまとめました。

f:id:kisshi-new:20170521213243p:plain

スクリプト紹介2

最後にスクリプトをまとめました。

f:id:kisshi-new:20170521213236p:plain

利用規約

f:id:kisshi-new:20170521213229p:plain

 

★順次公開中、スクラッチのやり方動画★ 

Scratch(スクラッチ) 入門編 基本操作を学ぼう!

クラッチのやり方を動画で学ぼう!TOPページ

Scratchスタジオ(作品置き場)

 

 

 

 

 

 

 

 

 

 

 

スクラッチ・りんごキャッチ

 Scratch(スクラッチ) の概要

 

アニーナさんが空から落ちてくるりんごを踊りながらポーズを決めてキャッチするよ。

りんごをキャッチすると1点はいるよ。

旗をクリックするとはじまるよ。

アニーナさんの操作は、←→:上下左右移動しますよー

 

下の”Scratch - アニーナさんのりんごキャッチ”をクリックするとスクラッチのサイトに飛びます。開いたら緑の旗をクリックしてね。

って”中を見る”を押すと、プログラムが見れます。触っても壊れないから触ってみてくださいね。

 

スマホからは動きません。パソコンから動かしてね!

 

クラッチレベル 

小学生3年生~4年生レベル(スクラッチ歴2か月~3か月)

 

時間 

子供で30分程度

 

ポイントの解説

f:id:kisshi-new:20170622223836p:plain

完成図

f:id:kisshi-new:20170622223824p:plain

 

スプライトと背景をえらぼう

 

f:id:kisshi-new:20170622223801p:plain

 

アニーナさん達と背景はこんな感じ

f:id:kisshi-new:20170622223631p:plain

アニーナさんを左右に移動

f:id:kisshi-new:20170622223614p:plain

Scratchの豆知識

f:id:kisshi-new:20170622223602p:plain

 

アニーナさんとボウルを同時に動かす

f:id:kisshi-new:20170622223546p:plain

ランダムな場所からりんごをおとすf:id:kisshi-new:20170622224524p:plain

Scratchの豆知識

f:id:kisshi-new:20170622223519p:plain

りんごが下に落ちたら終わる

f:id:kisshi-new:20170622224650p:plain

りんごがボウルに触れたとき

f:id:kisshi-new:20170622223453p:plain

スクリプト紹介1

f:id:kisshi-new:20170622223239p:plain

スクリプト紹介2

f:id:kisshi-new:20170622223224p:plain

利用規約

f:id:kisshi-new:20170622223125p:plain

★順次公開中、スクラッチのやり方動画★ 

Scratch(スクラッチ) 入門編 基本操作を学ぼう!

クラッチのやり方を動画で学ぼう!TOPページ

Scratchスタジオ(作品置き場)

 

 

 

 

 

 

 

Scratch(スクラッチ) イライラ迷路 動く棒つき

 

 Scratch(スクラッチ) の概要

昔はやったイライラ棒です。

緑色のかべに触れないように彼女にたどりついてね。動くかべもあり。

3回あたったらアウト。

旗をクリックするとはじまるよ。

青色の主人公の操作は、↑↓←→:上下左右移動

下の”Scratch - イライラ迷路”をクリックするとスクラッチのサイトに飛びます。

 

って”中を見る”を押すと、プログラムが見れます。触っ

 

ても壊れないから触ってみてくださいね。

スマホからは動きません。パソコンから動かしてね!

クラッチレベル 

小学生3年生~4年生レベル(スクラッチ歴2か月~3か月)

 

時間 

子供で60分程度

 

ポイントの解説

 

f:id:kisshi-new:20170526013739p:plain

完成図

f:id:kisshi-new:20170526013731p:plain

背景の作成

主人公が通れるくらいの迷路を作ってね。

f:id:kisshi-new:20170526013722p:plain

登場キャラの作成

f:id:kisshi-new:20170526013711p:plain

Scratchの豆知識

f:id:kisshi-new:20170526013643p:plain

登場キャラの作成

 

 

f:id:kisshi-new:20170526013632p:plain

部品を作る2

f:id:kisshi-new:20170526013621p:plain

 

主人公をうごかす

f:id:kisshi-new:20170526013607p:plain

 

主人公が〇〇にふれたとき

 

f:id:kisshi-new:20170526013547p:plain

Scratchの豆知識

f:id:kisshi-new:20170526013536p:plain

 

主人公:3回かべにあたったらアウトにする1

f:id:kisshi-new:20170526013524p:plain

 

 

主人公:3回かべにあたったらアウトにする2

 

f:id:kisshi-new:20170526013517p:plain

 

 

ぼうを動かすf:id:kisshi-new:20170526015333p:plain

スクリプト紹介1

 

f:id:kisshi-new:20170526013458p:plain

スクリプト紹介2

f:id:kisshi-new:20170526013442p:plain

利用規約

f:id:kisshi-new:20170526013359p:plain

 

★順次公開中、スクラッチのやり方動画★ 

Scratch(スクラッチ) 入門編 基本操作を学ぼう!

クラッチのやり方を動画で学ぼう!TOPページ

Scratchスタジオ(作品置き場)