MOONBlockでプログラミング体験
1 like6,243 views
Programming with the MOONblock,in Japanese Updated March 6,2015
MOONBlockでプログラミング体験
- 2. 目標 ブラウザだけで作れるプログラミングを体験 自分でプログラミングとは何かを理解できるようにする 自分なりのプログラミングを考えられるようにする 2015/3/6Junshimura
- 3. まずは準備 これからの実習の準備をします 1. PCを起動して使える状態にする 1. 電源を入れる 2. （必要に応じて）ログインする 2. ブラウザを起動する ブラウザとは、GoogleChrome、Firefox、Safari、 InternetExplorer等のインターネットの閲覧に用いるソ フトを指します 2015/3/6Junshimura
- 4. MOONblockを使ってみる MOONblockとは、プログラミングを学習していない人で も、マウス操作を中心にした簡単な組み立てでプログラ ミングを可能にしたものです。 ブラウザで以下にアクセスして下さい http://moonblock.jp/# 右下の「Help」を押して、こちらも出しておきましょう、役 立つ情報があります。適宜、参考にしながら進めましょう http://www.moonblock.jp/docs/ 2015/3/6Junshimura
- 6. 基本の流れ試してみる 1. Blockを配置 1. パペットをクリックすると 下に伸びる 2. 出てきたパペットをクリックするとクマになる 2015/3/6Junshimura
- 7. 基本の流れ試してみる 2. Block内にBlockを配置 1. ビヘイビアをクリックすると下に伸びる 2. 出てきた出現をクリックすると残る 3. 出現をパペットの内側はめる 2015/3/6Junshimura
- 8. 基本の流れ試してみる 3. 実行してみる 1. 下に在るRunボタンをクリックすると右の実行画面で準備 2. 実行画面をクリックするとゲームがSTART 3. 実行画面にくまがいる 2015/3/6Junshimura
- 9. 基本の流れのまとめ ブロック配置 • 必要な物を置く • ゲーム中で登場するもの ブロックの中を配置 • どう動くかを設定 実行 • ゲーム画面で確認 • おかしいところを確認 2015/3/6Junshimura
- 10. 試してみよう 1. くまをタップしたところに向かって移動するようにしてみ よう 1. ビヘイビアをクリック 2. 動きブロックを追加し、くまにはめる 3. Runをクリックして動きを確かめよう、ジグザグに動く 4. 「タップしたところに向かって移動へ移動」に変更する 5. Runをクリックして動きを確かめよう 6. スクリーンを押すと大きく表示 2015/3/6Junshimura
- 11. 試してみよう 1. 勝手に動くモンスターを追加して実行してみよう 1. パペット内のパペットを追加 2. くまの絵をクリック、変更 3. ビヘイビアから出現追加 4. ビヘイビアから動き追加 5. 「ランダムな方向へ移動」に切り替え 6. 出現や動きは他も選べる！ どうなるのか試してみよう 2015/3/6Junshimura
- 12. 取り敢えず好きに色々、並べてみる パペットとビヘイビアの動きだけでも色々、出来ます 色々な種類の画像を出してみよう 整列してでてくるっていうのとか、あるよ フレームシーケンスを使うとアニメーションが出来る 色々な動きをやってみよう もうおかしくて全部消したいという場合はリセット ※ここまでだけでは未だゲームらしいところは無いですね 2015/3/6Junshimura
- 14. サンプルから改造してみよう このサンプルは画面に在るりんごを全部、消すとゲーム クリアになります。それまでの時間が短いほうが良い、と いうゲームです。 自分なりにどうしたらもっと面白いか、または別のシステ ム（スコアを入れる、触れると死んでしまう毒りんごなど） を考えて、実践してみましょう。 複雑な動きをするには数学的な処理が必要になります （回転運動する、一定速度で逃げていくなど）。この MOONblockでは限界があるので、やりたい人はチャレ ンジしてみてください。 http://jsdo.it/ 2015/3/6Junshimura