

※↑それぞれのクリックで「みなラボ」へ1票&「みなラボ」のランキング状況を確認いただけます!
こんにちは!や~べ~です。
今回は、Scratchプログラミング初級1「スプライトをクリックして歩かせよう♪」、ということで記事を書いていきたいと思います。
入門的な、Scratchのインストールやはじめ方などの解説はこちらの記事を参考にしてみて下さい。↓
Scratchプログラミング入門1「スプライトをクリックしてHelloさせよう♪」
https://share-lab.net/scratch1
Scratchプログラミング初級1「スプライトをクリックして歩かせよう♪」
前回の入門2では、キーボードのスペースキーを押すことによって、「Hello」させる方法を解説しましたが、今回はいよいよスプライトを動かしてみたいと思います。
ネコちゃん(スプライト1)をクリックすると、一定距離、右に移動するというプログラムになります。
まずは、完成したプログラムを実行した様子を動画で見ていただきたいと思います↓
※動画中、クリックの動作を緑丸で表現しています!
ネコちゃん(スプライト1)をクリックすると、右に歩いていきます!^^
確認できましたでしょうか?
※後ろの赤丸は今回は使いませんので、なるべく気にしないで下さいね。。。^^
それでは、プログラミング方法を詳しく説明していきたいと思います。
プログラミングの前に、まず動かしてみたいという方は、
↓のリンクからScratchコミュニティーに共有しているプログラムにアクセスして、ブラウザ上で動かしてみて下さい♪
※ログインしなくても作動します!
※ダウンロードして自分のPCに保存する事もできます!
03スプライトクリックで右に動く
https://scratch.mit.edu/projects/120064804/#editor
ネコちゃん(スプライト1)に↓のようなスクリプト(プログラム)を書いてみてください。
基本的には、スクリプトタブ内に表示されているブロックを右のスクリプトエリアにドラッグ&ドロップしてプログラミングしていきます。
ブロックの色とスクリプト分類の色は同じ色になっています。
今回の場合は、
「このスプライトがクリックされたとき」のブロックは、「イベント」分類から、
「10かいくりかえす」のブロックは、「せいぎょ」分類から、
「xざひょうを10ずつかえる」のブロックは、「うごき」分類からドラッグ&ドロップしてきます。
くっつける順番は、
「このスプライトがクリックされたとき」ブロックの下に、「10かいくりかえす」ブロックをくっつけて、そのあと「10かいくりかえす」ブロックの逆コの字型の間の部分に、「xざひょうを10ずつかえる」ブロックをくっつけてみてください!
今回は、スプライトがクリックされるとプログラムがスタートし、「10かいくりかえす」ブロックに挟まれている、「xざひょうを10ずつかえる」動作を10回繰り返すと、プログラムが終了します。
3つのブロックが上手く配置できたら、ネコちゃん(スプライト1)をクリックしてみてください。
↓のように、ネコちゃんが右に歩けば大成功です!(∩´∀`)∩
スプライトはなぜ、「右」に動くのか?
今回は、「xざひょうを10ずつかえる」というブロックを使いました。
これは、ネコちゃん(スプライト1)の表示位置を元の位置からx座標軸上に+10した位置に移動させるということになります。(y座標は変更されない。)
Scrtchの座標には、普通の数学で使うグラフと同じように、左右方向にx軸、上下方向にy軸があります。
x軸は右がプラスで、左がマイナス。
y軸は上がプラスで、下がマイナスになります。
今回は、「xざひょうを10ずつかえる」=「x座標軸上に+10」ということなので、右に動くことになります。(左に動かす場合は-10ずつかえる!)
左上ウインドウ内のネコちゃんをドラッグして好きな位置に移動させてみると、ネコちゃんの位置座標が、そのウインドウ下の「x:」「y:」の右側に数値として表示されます。↓
※正確には、マウスポインタの位置座標が表示されます。
ぜひドラッグして確認してみて下さいね^^
さらに、
今回は、「xざひょうを10ずつかえる」を10回繰り返すことで、連続して右に歩かせることが出来ました!^^
今回使った、「10かいくりかえす」や「10ずつかえる」のブロックは、ブロック内の数字を変更することで繰り返し回数や移動距離を変更することができます。
変更は、ブロック内の数字部分をクリックして、キーボードで数字を入力するだけで、簡単に行えます!^^
まとめ
Scratchプログラミング初級1「スプライトをクリックして歩かせよう♪」、ということで記事を書かせていただきましたが、いかがでしたでしょうか?
キャラクターが動くと、簡単なゲームならすぐに創れてしまいそ~な気分になりますよね^^
繰り返しの回数や、移動する数値を変更して、自分の思ったようにネコちゃんを動かしてみてくださいね!
マイナス数値を設定して、左方向に動かしてみても面白いと思います!^^
↓こちらで色々なScratchプログラムを公開してますので、ぜひ覗いてみてくださいね♪
https://scratch.mit.edu/users/share-lab/
じゃあ、今回はここまでっ!!
ではではっ!(´∀`*)ノシ
オススメの書籍
「楽天」
![]() 小学生からはじめるわくわくプログラミング(2) [ 阿部和広 ]
|
![]() 小学生からはじめるわくわくプログラミング [ 阿部和広 ]
|
「Amazon」
ゲームで遊ぶな、ゲームを作ろう!スクラッチ2.0アイデアブック―ゼロから学ぶスクラッチプログラミング
おすすめのオンラインスクール
『TECH ACADEMY オンラインブートキャンプ』
TECH ACADEMY オンラインブートキャンプとは、
Webアプリケーションスキル(Ruby on Rails)、PHP、WordPressなどのWeb開発周辺スキル習得のコースを中心に、iPhoneアプリ、Androidアプリ、Unityなどのオリジナルアプリ開発コースや、WebデザインやWebマネジメント、さらにはWindows Excelのスキルを習得できるコースもラインナップされている、プログラミングをこれから始めてみようと思っている方から、エンジニアを目指している方までの幅広い方々にとって非常に心強い『プログラミング系オンラインスクール』です。
直接、Scratchのプログラミングとは関係ありませんが、プログラミングスキルを向上させていきたいと考えた時、コードを使ったプログラミング習得の最初の一歩としては、「Webサイトをプログラミングをしてみる」のが一番良いと思います。
Webサイトのプログラミングは、基本的にインターネット環境とPCがあれば学習可能なので、プログラミング学習環境をスムーズに整えることができると思います。(別途、レンタルサーバーなどが準備できると尚良い。)
色々な機材は一切不要で、シンプルな構成で学習できます。
そして、Webサイトのプログラミングの場合、インターネットを介してサーバーに格納されたWebサイトをプログラミングするので、プログラミング結果をブラウザを介して、すぐにその場で、PC上で確認することができます。
トライ&エラーしながら、結果を一個づつ確認できるので、一歩づつ確実にプログラミングスキルを積み上げていくことができると思います。
っと、ちょっと気になるなぁと思ったそこのあなた!!
もっと詳しく内容を知りたいと思ったら、、、
↑『TECH ACADEMY』公式サイト上部のメニューバーに表示されている、『無料説明会』から無料説明会動画を見ることが出来ますよぉ!^^
受講希望のコースを選択し、
メールアドレス(GmailでもOK!^^)かSNSアカウントを入力すると、希望コースの無料説明会動画を見ることができます。
受講申し込みを検討する際に気になる、「受講終了時点の成果目標」「習得できるスキル」「具体的な学習方法」などの解説と、短期間で高い学習目標に到達することが可能となる裏付けについて、丁寧に説明されています。
『無料説明会』のページには、カリキュラムの詳細も紹介されています。
その他『説明会動画特典』として、受講料が割引になる特典も準備されてるようですよ♪^^
気になるんだけど、少し試してみないと分からないよなぁ~なんて思ってるあなたには、、、
『一週間のブートキャンプ無料体験』もありますよっ♪
ぜひ体験してみて下さいね♪(*^▽^*)
ランキング
↓ランキング参加してます!よろしければ、クリックで応援して下さいっ!
にほんブログ村
↓こちらもお願いしますっ!
人気ブログランキングへ
・『2019年更新版』Windows10も可! Movie Maker「ムービーメーカー」をダウンロードする方法
・ドコモからLINE MOBILE(ラインモバイル)SIMに乗り換えて約8か月。使ってみた感想・速度比較・メリット・デメリットまとめ
・格安SIMでドコモアドレスを維持しながら手軽に毎月のスマホ代「3千円」を節約する方法まとめ
・こんなトコ見てるの?女子も男子も気になる。異性が思う「許せないムダ毛」とその処理方法まとめ
・【メルカリ裏技】知らないあなたは損してる!?新規登録時に1,000円分のポイントを誰でも超簡単にゲットする方法
スポンサーリンク
こちらの記事もよく読まれています。↓(※広告含む)
最後までお読みいただいて、ありがとうございます。
もしこの記事を気に入っていただけたなら、SNSで共有していただけると、とても嬉しいです!どうぞ、よろしくお願いいたします!m(_ _)m
この記事が気に入ったら
いいね!しよう
最新情報をお届けします
Twitterで『みなラボ』をフォローしよう!
Follow @share_labFeedly、RSS、Push7はこちら!!


Line@はこちら!!