スクラッチでキャラクターをジャンプさせる簡単な方法、サンプルを紹介

スクラッチでキャラクターをジャンプさせる簡単な方法

スクラッチでキャラクター(スプライト)をジャンプさせる方法はいくつもありますが、ここでは最も簡単なプログラミングサンプルを紹介したいと思います。

 

動きが少しぎこちないですが、ジャンプしているように見えます。これを見本に、より自然にジャンプしているように見えるものに挑戦するのもイイかもしれません。

 

キャラクターがジャンプするプログラム見本

スペースキーが押されたときにキャラクターがジャンプするプログラムです。

 

スクラッチでジャンプ

 

使用するブロックはコチラ
  • 【動き】 … 「y座標を(10)ずつ変える」
  • 【制御】 … 「(10)回繰り返す」
  • 【イベント】 … 「(スペース)キーが押されたとき」

 

たったこれだけで完成です。

 

X座標(ざひょう)、Y座標(ざひょう)

スクラッチでプログラミングするときに覚えておきたいのが座標(ざひょう)です。
座標はキャラクターの位置を表わすために使用します。

  • X座標 … よこの位置
  • Y座標 … たての位置

 

X座標の数値が増えるとキャラクターはに行き、減ると左に行きます。
Y座標の数値が増えるとキャラクターはに行き、減ると下に行きます。

 

ジャンプするプログラムで使用するのはY座標です。

 

まず、上に行くために「10」ずつY座標を増やします。
10回繰り返すので、全部で「100」上がったことになります。

 

次に、下に行くために「10」ずつY座標を減らします。
「−10」ずつ変えるが「10」ずつ減らすを意味しています。

 

同じく10回繰り返したので、全部で「100」下がることになります。
「100」上がって、「100」下がったのでジャンプしたように見えるというわけです。

 

プログラム実行画面

背景に「blue sky」を設定すると下記のような画面で実行できます。

 

スクラッチでジャンプ

 

スペースキーを押すとジャンプ
スクラッチでジャンプ

 

自動的に元の位置に戻ります。
スクラッチでジャンプ

 

チャレンジ応用編

サンプルプログラムでは「y座標を10ずつ変える」が先に実行されるようになっていますが、「y座標を−10ずつ変える」を先に実行するとどうなるでしょうか?試してみてください。

 

「y座標」ではなく「x座標」だとどうなるでしょうか?

 

「y座標」のときとは「スペースキーが押されたとき」で実行しましたが、「x座標」のときば別のキーが押されたときにすると、押したキーによってキャラクターを動かすことができます。

 

挑戦してみてください。

PR

関連ページ

セリフを言う
スクラッチで基本となるキャラクター(スプライト)がセリフを言うプログラミングの例です。「…と言う」と「…と考える」を使った応用プログラムも紹介しています。応用プログラムはキャラクターが場所をワープするものです。
キャラクターをキーボード操作で左右に動かす
キーボード操作でキャラクターを動かすスクラッチのプログラムの紹介です。矢印キー「←」「→」が押されたときに左右に動くプログラムの見本になります。動かないときに確認すべきポイントも記載しているので参考にしてみてください。
キャラクターを回転
スクラッチでキャラクターを回転させるプログラムの見本です。回転だけでもいろいろなバリエーションを持たせることができるので、参考にしてみてください。使用するブロックは3つだけ。
キャラクターが上下左右に動き回るプログラム例
スクラッチでキャラクター(スプライト)が上下左右に動き回るプログラムの例を紹介したいと思います。空中を飛び回っているように見えるサンプルです。
「大きさを変える」
小学校の授業でも出来るような初心者向けのスクラッチプログラミング事例の紹介です。スプライト(キャラクターのこと)の大きさを変更するスクリプト(命令のこと)を使って出来る簡単なプログラムです。
色の変更を使ったスクラッチプログラム例
スクラッチのスクリプト(見た目カテゴリ)の中にある「色の効果を変える」を使って出来るプログラム例の紹介です。照明が切り替わっているように見えるプログラムになります。
スクラッチで背景を横に動かすカンタンな方法
スクラッチでゲームの画面のように背景を横に動かす(横スクロールさせる)カンタンな方法を解説します。2倍の長さの背景画像を用意する必要やX軸を少しずつずらしていくような面倒な方法ではありません。
スクラッチでのX座標、Y座標の考え方をマスター
スクラッチでは画面の中の位置をX座標とY座標で表します。この考え方は慣れていないと小学生にとっては難しく感じるかもしれません。ただ、理解してしまえばカンタン。キャラクター(スプライト)を思った位置に動かすために考え方をマスターしておきましょう。
スクラッチ3でのペンの使い方と色に指定する数値の最大値
スクラッチ3でペン機能を使って線を引くには、拡張機能を追加しなければなりません。といっても、ややこしいインストールは不要でボタンを押すだけ。その方法を解説します。スクラッチの開発画面の左下にある「拡張機能」ボタンをクリック。