Scratch で簡単プログラミング 作例 : ペンギンさんのごあいさつ ( 筆者作成 ) 作例 :Bezier Game -

Similar documents
学芸カフェテリア講座 ゲーム作りで学ぶ 先生のための Scratch 入門講座 ~ プログラミング必修化を楽しく先取りしよう!~ ( 画像はプログラミングの例です この講座で作成するプログラムとは異なります ) 東京学芸大学気象学研究室佐藤尚毅

小学校プログラミング教育に関する研修教材

補足資料

PowerPoint プレゼンテーション

PowerPoint プレゼンテーション

Microsoft Word - ラベルマイティStep1.doc

C#の基本

2.Picasa3 の実行 デスクトップの をダブルククリック 一番最初の起動の時だけ下記画 面が立ち上がります マイドキュメント マイピクチャ デスクトップのみスキャン にチェックを入れ続行 これはパソコン内部の全画像を検索して Picasa で使用する基本データを作成するものですが 完全スキャン

GIMP 紹介 (1) 写真の合成と修正 ( コピーしないで下さい ) 1/18 ページ GIMP 紹介 (1) 写真の合成と修正 GIMP( ギンプ ) はフリーソフトですが かなり高度なグラフィックソフトです GIMP 機能の総てを勉強するには 時間が足りませんから 今回は 写真の合成と修正 で

Taro-⑪JS5シンガーソングライタ

第2章 Macintoshの基本操作

Microsoft Word - CygwinでPython.docx

yamato_scratch

引き算アフィリ ASP 登録用の日記サイトを 作成しよう Copyright 株式会社アリウープ, All Rights Reserved. 1

すると メインメニューと呼ばれる DC さくらのメインウィンドウ部が表示されます ( 下の画面がスクリーンシ ョットです ) メインメニューは ウィンドウ右上の ボタンを押すと閉じます リスト内のアイテムは ダウンロードのタスクを表します ダウンロード状況を把握できます メニュー項目やボタンの説明は

3Dプリンタ用CADソフト Autodesk Meshmixer入門編[日本語版]

PRIDE(プライド)

PowerPoint プレゼンテーション

3 アドレスバーに URL を入力し ( 移動ボタン ) をタップします 入力した URL のホームページに移動します ネットワークへのログオン 画面が表示された場合は ユーザー名 を確 認し パスワード を入力して OK をタップしてください ホームページがうまく表示されないときは Opera B

内容 1 はじめに インストールの手順 起動の手順 Enterprise Architect のプロジェクトファイルを開く 内容を参照する プロジェクトブラウザを利用する ダイアグラムを開く 便利な機能.

1.Sound Engine Free の起動と 設定 Sound EngineFree を起動すると右下の画面が開きます Sound Engine Free のアイコン 起動時更新のチェック のチェックを外す 通常 録音はインターネットに接続されていない環境でおこないます そのような環境で Sou

SnNCutCnvs 内蔵のラインストーン模様を使いましょう [ ステップ ] 編集画面にある模様テンプレートから模様を選びます 模様リストから [ ラインストーン ] カテゴリーを選択します 模様リストが表示されます 希望の模様を選んで 編集領域へドラッグします 一覧から模様アイコンをクリックする

スライド 1

ユーザーズマニュアル 神戸親和女子大学情報処理教育センター 年 4 月版

ふれんずらくらく流通図面マニュアル

1. 開発ツールの概要 1.1 OSS の開発ツール本書では OSS( オープンソースソフトウェア ) の開発ツールを使用します 一般に OSS は営利企業ではない特定のグループが開発するソフトウェアで ソースコードが公開されており無償で使用できます OSS は誰でも開発に参加できますが 大規模な

Microsoft Word - macマニュアル【 】.doc

目次 1. はじめに - ログインとトップ画面の見方 各種の設定について ログインしましょう トップ画面の見方について ユーザー情報を設定しましょう パスワードを変更しましょう 電子会議室のメール配信設定をしま

XAMPP で CMS のお手軽 テスト環境を手に入れよう 2011/5/21 上村崇 1

PowerPoint で作成したプレゼンファイルを動画に変換 フォトアルバムを作成し, ビデオ形式で保存します 作成したビデオは YouTube にアップロードしたり DVD を作成し テレビでも視聴でき 家族で楽しむ事もできます 1.PowerPoint を起動 1 スタートボタンをクリックし P

Windows用タブレットドライバー簡易ガイド

パソコンの中を見よう

Microsoft Word - 操作マニュアル(PowerPoint2013)

Microsoft Word - プリンター登録_Windows XP Professional.doc

1. マイピクチャの中に [ 講習用 ] フォルダーを作成し その中に上記の図のような階層構造のフォルダーを作成します (1) まず マイピクチャの中に [ 講習用 ] フォルダーを作成します [ コンピューター ] [ マイピクチャ ]1 [ マイピクチャ ] フォルダ内 ( 右枠 ) の空白部分

Windows10[1]「Windows 10基礎(1)~基本機能を使ってみよう~ Windows10update対応版」

第32回_プレゼン資料_菅原(Unityはじめるよ~上半身だけ動かす2~)

Windows10の標準機能だけでデータを完全バックアップする方法 | 【ぱそちき】パソコン初心者に教えたい仕事に役立つPC知識

3. メールソフト設定情報の取得 メールソフト Thunderbird Portable の設定に必要な IMAP/SMTP 設定情報を Office365 から入手します (1) メール画面の右上の 歯車マーク をクリックし 表示されたメニューの オプション をクリックし ます (2) 左側のオプ

ゲームプログラミング講習 第0章 導入

第 5 章インディケータとテンプレート MetaTrader4 に標準装備されているインディケータの使い方 ここまでの作業で MetaTrader4 の基本的なチャート操作についてはマスターできたと思います ここからは MetaTrader4 に標準装備されている インディケータ という便利なテクニ

数量的アプローチ 年 6 月 11 日 イントロダクション データ分析をマスターする 12 のレッスン ウェブサポートページ ( 有斐閣 ) 水落研究室 R http:

更新履歴 変更履歴 版数 リリース日 更新内容 第 1 版 2017/5/15 第 1 版発行 第 2 版 2017/7/13 更新履歴 変更内容を追加 (2ページ) 編集の前に を追加(8 ページ ) ブロックエディタ スマートモード エディタモード の説明を追加 (10~12 ページ ) ブロッ

Microsoft Word - 操作マニュアル(PowerPoint2010).doc

学校 CMS 活用マニュアル 作成編 2 contents 1. 日誌の作成 ( 応援メッセージ 学校生活 給食 生徒会 部活動 ) 1 2. トップページへの記事の移動 3 3. 時間割 月行事 給食献立 部活動計画 4 1 PDF ファイル のアップロード 2 画像ファイル のアップロード 4.

1.Picasa3 のダウンロードとインストールの方法 (1) アドレス を入力 (2) Picasa3 のダウンロードをクリックする (3) セキュリティ保護のため をクリックする 2

Section 16-7 Mac で Windows も使う (Boot Camp) 光学式ドライブ DVD が読み取れる光学式ドライブを使った方がスムーズにインストールできます 光学式ドライブの付 いていない Mac は Windows インストールディスクの ISO イメージデータを使ってもイン

PE4 Training Text 2

WORD4「チラシを作成しよう4 ~文字アートと絵と写真~」

PowerPoint2007基礎編

Microsoft Word - トレードステーションスターターキット(123用).docx

マウス操作だけで本格プログラミングを - 世界のナベアツをコンピュータで - プログラムというと普通は英語みたいな言葉で作ることになりますが 今回はマウスの操作だけで作ってみます Baltie, SGP System 操作説明ビデオなどは 高校 情

1. Office365 ProPlus アプリケーションから利用する方法 (Windows / Mac) この方法では Office365 ProPlus アプリケーションで ファイルの保管先として OneDrive を指定することができます Office365 ProPlus アプリケーションで

Microsoft Word Proself-guide4STD+Prof.docx

Microsoft Edge の場合 (1) Mizdori 無料体験版ダウンロード画面の [ 体験版ダウンロード ] ボタンをクリックします (2) Edge の下部に mizdori_taiken_setup.zip について行う操作を選んでください と表示され ますので [ 開く ] をクリッ

30days Album について 30days Album( サーティーデイズアルバム ) は あなたの大切な写真や動画を 安心 して共有できるインターネットサービスです 結婚式 旅行 同窓会 いろいろなイベントで撮影した写真が カメラやパソコンに眠ったままになっていま せんか? 30days A

Word2007 Windows7 1 パンジーを描こう 暮らしのパソコンいろは 早稲田公民館 ICT サポートボランティア

Windows10の新機能

1 フリーページを表示する 1-1 フリーページのカテゴリを作成します フリーページのカテゴリの情報を入力します 1 複数のフリーページを記事のジャンルや種類で分け その見出しを入力します お店ページの左サイドバーに表示します 2 消費者が 検索エンジンで検索するであろう 記事の特長や内容をあらわす

VPS マニュアル p. 1

目次 1. サイトの概要 2. このサイトで行なうこと 3. ログインするには 4. 情報発信会員 管理画面の説明 5. 掲載情報を決める 6. マイページを作成する 6-1 マイページのトップ画面について 7. コンテンツを作成する 7-1 掲載場所を決める 7-2 ページを作成する プロフィール

Windows用タブレットドライバー簡易ガイド Ver.5.06版

MMC Unity講座

設定をクリックしてください 初期設定をクリックします

目次 1. ログイン ログアウト デスクトップ ( 例 :Word Excel 起動中 ) Dock( 例 :Word Excel 起動中 ) Finder ウィンドウ メニューバー ( 例 :Word 起動中 )...

環境確認方法 (Windows の場合 ) OS 動作環境日本語版 Windows 7, 8, 8.1, 10 であること 確認方法 Windows キーを押しながら R キーを押します または [ スタート ] メニューから [ ファイル名を指定して実行 ] ( または [ プログラムとファイルの

PowerPoint2003基礎編

はじめてのスクラッチ はじめての スクラッチ 0 スクラッチの準備 1 スクラッチとはスクラッチはMIT( マサチューセッツ工科大学 ) メディアラボ ( 研究所 ) が子供たちのために開発したプログラミング学習ツールです 難しいプログラミングの方法が分からなくても かわいいキャラクタを動かしたり

目次 ① MX ONE インストール手順 P.3 ②メイン画面の見方 P.7 ③動画保存の方法 P.8 URL 検出でダウンロードする方法 P.8 自動ダウンロード機能 P.8 アドオン機能でダウンロード 録画する方法 P.9 URL 追加機能 P.11 番組機能 P.12 ④ MX ONE レコー

Studuinoソフトウェアのインストール

管理者向けのドライブ設定 このガイドの内容 1. ドライブの設定を調整する 2. パソコンにドライブをインストールする 必要なもの G Suite 管理者アカウント 30 分

フローチャートの書き方 プログラムの開始と終わり 処理の流れの表記 ( アルゴリズム ) 逐次型 ( 直線型 ) 分岐型 ( 開始 ) 処理 1 条件 条件 処理 2 の処理 の処理 の処理 ( 終了 ) 処理 3 プログラムや人間の判断などのアルゴリズムは基本的に 逐次型 分岐型 ループ型の組み合

20180308森の日県南支部 林

Transcription:

Scratch で簡単プログラミング 作例 : ペンギンさんのごあいさつ ( 筆者作成 ) https://scratch.mit.edu/projects/25952472/ 作例 :Bezier Game - https://scratch.mit.edu/projects/118124072/ Scratch は パズルのように命令を組み合わせるだけでゲームやアニメーションをつくるこ とができる プログラミング言語 です アニメーションを作って再生する ゲームを作っ て共有して遊ぶ といったことが手軽に楽しめるようになっています

Scratch を使う準備 Scratch はパソコンのブラウザでつかえるため ダウンロードをしなくても大丈夫です しかし インターネットが使えないところでも Scratch 使いたいときもあるかと思います その時は Scratch2 Offline Editor というものをあらかじめダウンロードしておくと インターネットのないところでも Scratch を使うことができます ブラウザを使う時は次の Scratch の使い方 まで読み飛ばして大丈夫です Scratch のダウンロード Scratch2 Offline Editor はこのサイトからダウンロードします https://scratch.mit.edu/scratch2download/ ここでは 2 つのファイルをダウンロードしましょう まず Adobe AIR と書かれている1 の下から Windows や Mac といった自分の使う環境を選び Download を押してダウンロードしましょう 次に 2の Scratch Offline Editor からも 自分の環境を選んで Download しましょう この後 それぞれのダウンロードしたファイルを展開し ソフトの手順にそってインストールをしましょう

Scratch の使い方 ダウンロードができたら Windows ならスタートメニューから Scratch を起動してみましょう Mac の場合は Application フォルダに入っている Scratch 2.app を起動しましょう ブラウザで Scratch を使う場合は ページ左上の 作る をクリックしましょう すると編集画面が開きます ここからはすべての環境で同じ動作になります この編集画面について説明しましょう Scratch の編集画面は 3 つに分かれています 左上は ステージ つくったゲームやアニメーションが表示されるところです 左下は スプライト という 動かすものの一覧や設定ができる場所です Scratch では登場させるキャラクターや背景などのことをスプライトといいます このスプライトごとに スクリプト という命令を書き込んでいくことになります そのスクリプトを編集する画面は右がわです

Scratch でゲームを作る さっそく スクラッチでかんたんなゲームを作っていきましょう 今回作るのはネコから 逃げるゲームです サンプルを用意したので 参考にしてみてください 作例 : ねこから逃げよう ( 筆者作 ) - https://scratch.mit.edu/projects/134590607/ 実際にこのゲームをプレイしてみてください スタートすると プレイヤーのマウスカーソルがネズミに変身します ネコが自由に動くので このネコにつかまらないように逃げる というのがこのゲームの特徴です 今回は 自分でこのゲームを作ってみましょう ネコを動かす まずは 画面左下のスプライトからネコを選びましょう すると 右のスクリプト画面にうすくネコが表示されたのが分かるかと思います この中にスクリプトを作っていきます では まずネコを動かしてみましょう スクリプトの画面左上 動き をえらび そのなかの [10] 歩動かす というブロックをクリックしてみましょう すると ネコが右に動いたはずです そうしたら何度も押してみましょう すると画面の外まで出て 止まってしまいました

外まで出てしまったら ステージのネコをドラッグして 真ん中に戻してあげましょう さて ネコは動きましたが サンプルのように勝手に動いてくれませんね 自動で動かせるためには スクリプトを書く必要があります [10] 歩動かすというブロックをつかんで 右のこい灰色の場所に置きましょう まだ何も起きません つぎにスクリプト画面左上の 制御 から ずっと と書かれた C の字のブロックを持ってきて [10] 歩動かす をはさみましょう するとこのように口がひらいて はさめるはずです では この ずっと ブロックをクリックしてみてください さて どうなったでしょうか ひたすらに右に向かって動くネコが完成しました しっぽをつかんで戻しても ずっと右に向かい続けます 一通り遊んで飽きたらステージ右上の赤信号マークで停止させることができます これからも Scratch をしていて動きが鈍くなってパソコンから変な音がし始めたときはこの赤信号マークで止めましょう Scratch をむりやり止めることができます

さっきの手で押していたときよりゲームらしくなってきました 今は確認のために ずっと をクリックしましたが 今度からは赤信号マークのとなり スタート用の緑の旗が押されたらスクリプトが実行されるようにしてみましょう スクリプト画面左上の イベント から 旗がクリックされた時 というものをつかみ つくったスクリプトの上に乗せましょう これで緑の旗がクリックされたら動く というスクリプトができました でも さっきのサンプルでは画面のはじにくると はね返っていました これも作っていきましょう スクリプト画面左上の 動き から もし端に着いたら 跳ね返る というブロックを ずっと のなかに入れてしまいます すると はね返るようになります さらに左右に動くだけでは物足りないので ネコの角度を変えてみましょう スプライト画面のネコを選び 青い丸の i という部分をクリックすると そのスプライトの情報 (information) をみる事ができます その中の 向き から角度をかえてみましょう

設定が終わったらスプライト画面左上のアイコンを押して一覧画面に戻しておきましょう これでネコの動きは完成です 暴れまわるネコを楽しむことができます ネコから逃げる ネコが暴れまわるだけのものはできたので 今度は逃げるというゲームにしていきましょう ネコから逃げるものと言えば... やはりネズミでしょう というわけで ネズミを呼んでみましょう スプライト画面の 新しいスプライト : の一番左 キャラクターのマークをクリックすると スプライトライブラリが開きます ここからいろいろな絵を選ぶことができます いろいろとあって目移りしてしまいますが 今回はぐっとこらえてネズミを選んでみましょう 動物 をえらんで少し下にスクロール すると Mouse1 というタイトルのネズミがいますので この子を選びましょう

すると ステージの真ん中に選んだネズミが出てきます ネズミがちょっと大きいので ステージ画面右上の 5 つのマークのうち右から 2 つめ 縮小 を選び ネズミを何度かクリックして小さくしましょう ここではまだネコから逃げる必要はありません ここから 当たったらゲームオーバーというゲームになるようにスクリプトを書いていきます スプライト画面からネズミを選び ネズミにもスクリプトを書いていきます まず ネコと同じように イベント から 旗がクリックされた時 制御 から ずっと を持ってきましょう

ほとんどのスクリプトでこの 2 つは必要になるので このブロックがどこにあるか覚えておくと便利です つぎに 動き から [ マウスポインター ] ヘ行く というブロックを選び ずっと の中に入れましょう 向ける ではなく 行く のブロックです これでいい感じに動いているはずです ステージの旗をクリックして動かしてみましょう これでドキドキハラハラのねこから逃げるゲームが始まりますね マウスでネズミが動きました けれども あれ... 始まると分かると思いますが ぶつかっても何も起きません ドキドキハラハラの気分が一気にしらけてしまいました でもご安心を ちゃんとこれからゲームにしていきますよ ネズミがつかまる ということをどうやって判断したらいいでしょうか 今回はネズミにネコがあたったら つかまった ということにしましょう スクリプトらしく言うと もしネコに触れたら このゲームをとめる ということになります このスクリプトを書いていきます まず 制御 から もし < > なら というブロックをつかみ ずっと の中に入れます 次にゲームオーバーらしく止めるために [ すべて ] を止める というブロックを もし のかっこの中に入れましょう

これで もし なら ゲームのすべてをとめる というところまでできました 次に もし なら の にあたる ネコに触れたら という部分を入れていきます この ネコに触れたら という部分のことをかっこよく言うと 条件 という言い方ができます スクリプト画面左上の 調べる のなかに この条件がそろっているので 見てみましょう

この中では < マウスのポインター > に触れた というものが一番近いのですが ネコとは 書いてありません 実はこのネコ いまは Sprite1 という名前がついています どこで名前 が見られるかというと スプライト画面の絵の下です ネズミは Mouse1 という名前になっていますね どちらにせよ <Sprite1 に触れたら > な んていう条件はないじゃないか というあなた ご安心ください マウスポインターに触 れた の マウスポインター と書いてある部分をクリックすると このようにいくつか選べるようになっています この中にネコの名前になっている Sprite1 がありましたね これを選び さっきの もし なら の間に入れてあげましょう これで完成です 少し長かったかもしれませんがゲームらしい物が完成しました 実際に自分で作ったゲームを遊んでみてください 自分でゲームをつくるというのは貴重な体験だったと思います ここからどんどん自分のアレンジを加えてみたり このサンプルから勉強したことをもとに 新しい作品を作ってみましょう アレンジのヒント 最後にアレンジのヒントですが むずかしさを変えてみるのが一番手っ取り早いでしょう 変えられるものとしては ネコの速さを変える ネコの大きさを変える ネズミの大きさを変える などです 大きさについては説明しましたが ネコの速さについては説明していま

せんでしたね ネコのスクリプト画面で [10] 歩動かす というブロックがあります かん のいい人は気づいたかもしれませんね そうです この数字を変えると速さが変わります これで さいごに さて いかがだったでしょうか この他にもネット上では Scratch で作った作品をたくさんみることができます そして 全部の作品の中身を見ることもできます 他の人の作った作品をいじったり 中身を参考にして勉強したり ぜひ楽しみながらプログラミングの勉強をしてみてください