個人財務 Flacky Birdをスクラッチで作成する方法 - ダミー

Flacky Birdをスクラッチで作成する方法 - ダミー

目次:

ビデオ: 【ゆっくり】スクラッチでアクションゲームを作ろう 2024

ビデオ: 【ゆっくり】スクラッチでアクションゲームを作ろう 2024
Anonim

Flappy Birdをプレイしましたか? あなたは Flappy Bird のようにかなり動作するゲームを作りますが、 Flappy Bird ではありません。何故なの? Flappy Bird のように見え、動作するゲームを作って、それを Flappy Bird と呼ぶと、 Flappy Bird を作成した人は不快になります。プラス、それは実際に法違反です! 代わりに、

Flapping Bat というゲームを作ります。 <! - 1 - >

オンラインプロジェクトを作成する

スクラッチのウェブサイトに移動し、[作成]ボタンをクリックします。

  1. 名前を

  2. 無題 から バタフライ に変更します。 ログインしている間、Scratchは作業中にプロジェクトを自動的に保存します。

    <! - 2 - >

    オフラインプロジェクトを作成する

コンピュータでスクラッチ2オフラインエディタを開きます。

  1. 「ファイル」→「名前を付けて保存」を選択し、

  2. バタフライバット と入力します。 猫を削除する

新しいScratchプロジェクトを作成するたびに、1つのスプライトScratchのマスコットScratch Catが含まれます。

<! - 3 - >

キーボードでShiftキーを押しながら直接クリックして、猫(または他のスプライト)を削除できます。 Shiftキーを押しながらクリックしたものを削除するオプション付きの小さなメニューが表示されます。 Scratchプロジェクトで作業しているときに、Shiftキーを押しながらクリックするだけで時間を節約できます。

だから先に進む…その笑顔のスクラッチ猫を削除!

マウスやトラックパッドで右クリックするのに慣れている場合は、その技法をShiftキーを押しながらクリックする代わりに使用することができます。

プレーヤのスプライトを選択する

A

スプライト は、背景を表す ステージ 以外のスクラッチプロジェクト内のグラフィック要素です。このゲームでは、プレイヤー、グラウンド、パイプの3つのスプライトを作成します。 <! --1 - >

ステージの下にある新しいスプライト領域を探し、最初のアイコンをクリックします。ライブラリからスプライトを選択します。
  1. Bat2という名前のスプライトを選択し、[OK]をクリックします。

  2. Bat2スプライトをShift-クリックして情報を選択します。

  3. <!プレイヤーはバットスプライトをコントロールするので、

    Player

  4. に名前を変更します。 「戻る」ボタン(青い丸の白い三角)をクリックして情報ウィンドウを閉じます。 <! - 3 - >

  5. ペイントグラウンドスプライト

新しいスプライト領域で、2番目のアイコンペイント新しいスプライトをクリックします。

新しいスプライトをShift-クリックして

  1. 情報

  2. 、 を選択し、名前を 地面 に変更します。 [コスチューム]タブをクリックします。 「コスチューム」タブの下にある「ペイントエディタ」キャンバスの「長方形」ツールをクリックします。

  3. [矩形の固定]オプションをクリックします。

  4. 緑色の色見本をクリックします。

  5. ペイントエディタのキャンバスの左下隅の近くをクリックしてから、四角形が一番下まで来るまで上方向にドラッグします。

  6. 地上スプライトがステージの中心から離れて表示されている場合は、クリックして所定の位置にドラッグします。

  7. ペイントパイプスプライト

ゲームの目標は、バットの羽をひっくり返して、2本のパイプの間の穴を通ることです。パイプスプライトが1つだけ必要なので、クールなプログラミングトリックを使用します。

「新しいスプライトのペイント」アイコンをクリックします。

スプライトをShiftキーを押しながらクリックして

  1. 情報

  2. を選択し、名前を Pipe に変更します。 [コスチューム]タブをクリックします。 「コスチューム」タブの下にある「ペイントエディタ」キャンバスの「長方形」ツールをクリックします。

  3. [矩形の固定]オプションをクリックします。

  4. 灰色の色見本をクリックします。

  5. ペイントエディタのキャンバスの中央をクリックしてドラッグすると、垂直パイプが描画されます。

  6. バットが飛ぶ穴を作るには、選択ツールをクリックし、パイプの中央をクリックしてドラッグし、キーボードのDeleteキーまたはBackspaceキーを押します。 (あなたのバットが大きすぎると心配しないでください、すぐにそれを修正します)。

  7. よろしく!これで3つのスプライトがすべてゲームに必要です。次はなにかな?その白い背景は少し平野です。現実的な空を作るための素早い方法があります。

ステージ上の空のグラデーションをペイントします

グラデーション

という用語は、新しいものです。スクラッチには3つのタイプのグラデーションがあり、2つの色をフェードインできます。空をリアルに見せるのは、水平に向かって明るく、ゲーム画面の上部では暗く見えるときです。 ステージボタンをクリックします。 [バックドロップ]タブをクリックします。

  1. 塗りつぶしツールを選択します。

  2. 水平グラデーションボタンをクリックします。

  3. 白色の色見本を選択します。

  4. [色の交換]ボタンをクリックします。

  5. 薄い青色の色見本を選択します。

  6. ペイントエディタのキャンバスに色のグラデーションを塗りつぶす場所をクリックします。

  7. 空は現実的に見えませんか?グラデーションは、あらゆる種類のエフェクト(金属のように見えるようにするなど)に使用できます。 (誰かが「ベクトルロボット」と言ったのですか?)

Flacky Birdをスクラッチで作成する方法 - ダミー

エディタの選択

現在の日付のワークブックを作成するExcelマクロ - ダミー

現在の日付のワークブックを作成するExcelマクロ - ダミー

仕事は重要です。これで、Excelマクロを使ってマクロを実行できます。この単純なマクロは、今日の日付が名前の一部である新しいファイルにブックを保存します。マクロの仕組みこのマクロの秘訣は、新しいファイル名をまとめて...

ブックが存在するかどうかを判断するExcelマクロ - ダミー

ブックが存在するかどうかを判断するExcelマクロ - ダミー

このExcelマクロを使用すると、ファイルが存在するかどうかを評価するためのファイルパス。たとえば、PCのどこかでファイルを操作するプロセスがあるとします。たとえば、既存のブックを開いて日単位でデータを追加する必要が生じる場合があります。この場合、あなたは...

財務モデリングのためのExcelへの代替案とサプリメントとなぜExcelを使うべきか

財務モデリングのためのExcelへの代替案とサプリメントとなぜExcelを使うべきか

は、多くの金融モデラーの選択です。 Excelは、Excelで実際に何かを行うことができるため、「ソフトウェアのスイス軍ナイフ」または「次善ソリューション」と呼ばれることがよくありますが、常にそのツールにとって最適なツールではありません。たとえば、Excelで手紙を書くことはできますが、Wordははるかに優れています...

エディタの選択

自然の写真撮影のための焦点距離 - ダミー

自然の写真撮影のための焦点距離 - ダミー

あなたが1枚の写真ですべての写真を撮ることができれば、焦点距離。まあ、実際には、足のズームと呼ばれる小さなものを使うことができます。これは、被写体に近づいたり遠ざかったりするときです。しかし、足をズームしても、あなたはあなたのエフェクトを複製するのが難しくなります。

高ダイナミックレンジデジタル写真用語 - ダミー

高ダイナミックレンジデジタル写真用語 - ダミー

高ダイナミックレンジ(HDR)デジタル写真は、これは時にはかなり混乱する可能性があります。ここでは、かっこを乗り越えるのに役立つ用語の便利なリストです:ブラケット:ブラケットセットで1つの写真。 は、動詞としても使うことができます。

人物を逆光にする方法 - ダミー

人物を逆光にする方法 - ダミー

バックライトはリム照明とも呼ばれ、またはあなたの肖像画の主題のためのハローのような効果。バックライトを使用すると、被写体の形を強調する光の枠を作成できます。被写体を逆光にする方法は次のとおりです。

エディタの選択

DreamweaverのCSSプロパティパネルの背景パネルオプション - DreamweaverのCSSデザイナパネルの背景パネルを使用するダミー

DreamweaverのCSSプロパティパネルの背景パネルオプション - DreamweaverのCSSデザイナパネルの背景パネルを使用するダミー

スタイルの背景色や画像を指定したり、背景がページにどのように表示されるかを制御したりすることができます。 DreamweaverのCSSデザイナパネルの 、 、...

Dreamweaverでリモートサーバー接続を作成する - ダミー

Dreamweaverでリモートサーバー接続を作成する - ダミー

Dreamweaverサイトでは、インターネット上のサイトのリモートロケーションを定義することもあります。

Adob​​e CS5 DreamweaverのcSSレイアウトの変更 - ダミー

Adob​​e CS5 DreamweaverのcSSレイアウトの変更 - ダミー

Abode Creative Suite 5(Adobe CS5)Dreamweaverでは、カスケードスタイルシートのページレイアウトを変更します。 CSSレイアウトはスタイルシートのルールによって完全に制御されるため、CSSスタイルパネルとプロパティインスペクタからページのルックアンドフィールを直接変更できます。