【Springin’】キャラクターを矢印ボタンで操作しよう!【オトナのプログラミング入門】

■記事をぜひ読んでいただきたい方
1. 「Springin’ 面白い!でもオトナ世代はやはり、上下左右キーでキャラを動かしたいよね。」と思っていらっしゃる方
2. 「ここまできたら、やれるところまでやる!」と思っていらっしゃる方
3. 「こどもに Springin’ でなんとかドヤりたい!」とおもっていらっしゃる方

こんにちは!くら校長です。

Springin’ のプログラミングのシリーズ第 6弾!

前回:【Springin’】「ゲームクリア!」の画面を出そう!【オトナのプログラミング入門】
次回:【Springin’】「ファミコン」の操作感を出そう!【オトナのプログラミング入門】

前回、次にやりたいことのひとつとして「キャラクターを上下左右ボタンで動かす」ということを書かせていただきました。本記事では、これをやっていきます!

本記事では、前回の続き。

  1. 描いたりんごの絵を下に落とす
  2. iPad を操作して描いたりんごの絵を動かせる様にする

この2パターンのうち、2.の続き。「iPad を操作して描いたりんごの絵を動かせる様にする」からはじめて、「キャラクターを上下左右ボタンで動かす」方法について解説していきます!

■記事の信憑性
記事を書くにあたって、ちゃんと記事通りのことができるかはいつもどおり確認しております。また、Springin’ を開くのはもはや、校長の日課です(今日も楽しいアプリがたくさん見れて嬉しいです!)。なので、安心して読んでいただければと思います。

■この記事を読むと・・・
1.キャラクターを上下左右ボタンで動かせます!
2.前回つくった「ゲームクリア!」画面への移動もあわせて使えます!

前回の続き

ここは割愛します。「iPad を操作して描いたりんごの絵を動かせる様にする」を開いて編集できる様にしておいてください。

「場」を消す

画面の白い部分を押し出てきた2つアイコンをどちらも白色にします。

上下左右ボタンをつくっていきます。画面左上の「+」をタップします。

まずは、この様に。なれてきたら適宜アレンジしてください!

配置します。いろいろツッコミどころがあると思いますので、皆様の思う通りにあとでなおしていただければと思います!

右の文字をタップして、画面下の右矢印アイコンをタップします。

「なにを動かすか」と聞かれますのでりんごをタップ。点線で右の文字とりんごがつながっていることを確認したのち、緑のチェックボタンをタップします。

同様に、上は上。下は下。左は左。とボタンと動作とりんごの関連付けを行います。

遊んでみましょう!

なんかフワフワしてますね。でも上下左右ボタンどおりに動きます!そして、旗を目指して動かしましょう。

お!クリア画面に行きました!!

まとめ

今日の記事では、最低限上下左右ボタンでキャラクターを動かせる様になりました。ですが、もちろんいろいろな課題。ツッコミポイントがあると思います。もしよろしければ、コメントなどでツッコミポイントを書いていただけると嬉しいです。次回、ツッコミポイントについていいかんじにしていく記事を書いていこうと思います。

では!

前回:【Springin’】「ゲームクリア!」の画面を出そう!【オトナのプログラミング入門】
次回:【Springin’】「ファミコン」の操作感を出そう!【オトナのプログラミング入門】

コメント

タイトルとURLをコピーしました