Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
ja:gdevelop5:tutorials:roadrider [2019/10/06 15:32]
mightycraft created
ja:gdevelop5:tutorials:roadrider [2019/12/24 15:11] (current)
mightycraft [新しいオブジェクトの作成]
Line 1: Line 1:
-FIXME **This page is not fully translated, yet. Please help completing the translation.**\\ //(remove this paragraph once the translation is finished)//​ +#ロードライダー ​エンドレスカーゲームチュートリアル 
- +このチュートリアルは、GDevelopに慣れるのにとても役立ちます。このチュートリアルの内容は、エンドレスの車のゲームを作ることです。プレイヤーは道路上の車をかわす必要があります。ゲームにはスコアがあり、車が通過すると自動的にスコアアップされます。.
-#Road Rider Endless car game tutorial +
-This tutorial will help you get more familiar with GDevelop. Our primary focus in this tutorial will be to make an endless car game. The player should dodge the cars on the road. The game will also have a score such that it is automatically updated as we get past the cars.+
  
 {{ :​gdevelop5:​tutorials:​peek_2019-05-30_19-46.gif?​nolink |}} {{ :​gdevelop5:​tutorials:​peek_2019-05-30_19-46.gif?​nolink |}}
  
-## Download ​GDevelop +## GDevelopのダウンロード 
-If you do not have GDevelop ​yet, you can download it from [[https://​gdevelop-app.com/​download/​|GDevelop's official website.]] It is available for WindowsmacOS as well as Linux.+GDevelopをまだお持ちでない場合は、[[https://​gdevelop-app.com/​download/​|GDevelopの公式Webサイト]]からダウンロードできます。WindowsmacOSLinuxで利用できます。
  
-After downloading ​GDevelop ​you can proceed with the installation/​extraction followed by the launching of GDevelop.+GDevelopをダウンロードした後、インストールが終了するとDevelopを起動できます。
  
-<WRAP center round download 60%>You need to have assets that will be used to create objects for this game. You can {{ :​gdevelop5:​tutorials:​road-rider-resources.zip |download them here.}} Download and extract the .zip file to the directory that you have chosen as the location of our game.</​WRAP>​+<WRAP center round download 60%>このゲームのオブジェクトを作成するために使用されるアセット(ゲーム中で使用するデータ)が必要です。 ​{{ :​gdevelop5:​tutorials:​road-rider-resources.zip |ここから}}ダウンロードしてください。ゲームの保存場所として選択したディレクトリに.zipファイルをダウンロードして解凍します。</​WRAP>​
  
-## Create a new project +## 新しいプロジェクトの作成 
-Click on ''​CREATE A NEW PROJECT''​ on the Start Page.+スタートページで「新しいプロジェクトの作成」をクリックします。
  
 {{ :​gdevelop5:​linux-start-page.png?​nolink |}} {{ :​gdevelop5:​linux-start-page.png?​nolink |}}
  
-Click on ''​Empty game''​ (you might have to scroll down to find this option) in the dialog box that appears and choose the location where you want to save your project.+空のゲームと表示されるダイアログボックスで(このオプションを見つけるには下にスクロールする必要がある場合があります)を クリックし、プロジェクトを保存する場所を選択します。
  
 {{ :​gdevelop5:​tutorials:​annotation_2019-07-04_220443.png?​nolink |}} {{ :​gdevelop5:​tutorials:​annotation_2019-07-04_220443.png?​nolink |}}
  
-## Create a new scene+## 新しいシーンの作成
  
-''​Scene''​ is the area where we'll work for most of our time while creating the game. A scene is basically a level in your game (or a menu, inventory, etc...). It contains objects that can be put on the screen.+シーンは、ゲームを作成している間、ほとんどの時間作業するエリアです。シーンは基本的にゲーム内のステージ(またはメニュー、アイテムなど)です。画面に配置できるオブジェクトが含まれています。
  
-As soon as we click on Empty game we see a panel on the left side of our screen. This is the ''​Project Manager''​. Click on the ''​Scenes''​ option in the Project Manager. ​+空のゲームをクリックするとすぐに、画面の左側にパネルが表示されます。これはプロジェクトマネージャーと呼ばれるものです。プロジェクトマネージャーのシーンでオプションをクリックします。
  
-Create a new scene using the ''​Click to add a scene''​ option from the drop-down that appears. Our new scene has been created. ​ Go to your new scene by clicking on ''​NewScene''​.+「シーンの追加」と表示されるドロップダウンからオプション を使用して、新しいシーンを作成します。作成された「新しいシーン」をクリックして、新しいシーンに移動します。
  
 {{ :​gdevelop5:​tutorials:​add-scene-button2.png?​ |}} {{ :​gdevelop5:​tutorials:​add-scene-button2.png?​ |}}
  
-## Create a new object+## 新しいオブジェクトの作成
  
-Choose the ''​Click to add an object''​ option from the ''​Objects''​ panel on the right side.+右側のオブジェクトパネルから「オブジェクトの追加」オプションを選択します。
  
 {{ :​gdevelop5:​tutorials:​platform-game:​screen_shot_2017-09-24_at_23.32.40.png?​nolink |}} {{ :​gdevelop5:​tutorials:​platform-game:​screen_shot_2017-09-24_at_23.32.40.png?​nolink |}}
  
-Choose ''​Sprite''​ from the ''​Add a new object''​ pop-up. This will be followed by the appearance of a dialog box.+続いて「新しいオブジェクト」ダイアログウインドウがポップアップするので、「スプライト」を選択します。
  
 {{ :​gdevelop5:​tutorials:​annotation_2019-07-05_171958.png?​nolink |}} {{ :​gdevelop5:​tutorials:​annotation_2019-07-05_171958.png?​nolink |}}
  
-The object is called ​NewObject ​by default - you can see the name at the top of the dialog. It's a good idea to give a descriptive name to each object so that you can understand what they are when dealing with them in events. In our case, use the field to set the name to //Car//.+オブジェクトはデフォルトでNewObjectと表示されてダイアログの上部に表示されます。各オブジェクトに説明できる名前を付けて、イベントでそれらを処理するときにそれらが何であるかを理解できるようにすることをお勧めします。 
 +今回は名前を//Car//に設定します。
  
-Let's add an animation to the object. Animations are containing images that are displayed on screen for Sprite objects. ​+オブジェクトにアニメーションを追加しましょう。アニメーションには、スプライトオブジェクトの画面に表示される画像が含まれています。
  
-To add an animation to the object, click on the **+** symbol beside ''​Click to add an animation''​.+オブジェクトにアニメーションを追加するには、「クリックしてアニメーションを追加」の横にある**+**記号をクリックしますClick to add an animation
  
 {{ :​gdevelop5:​tutorials:​add-animation.png?​nolink |}} {{ :​gdevelop5:​tutorials:​add-animation.png?​nolink |}}
  
-Add the image named 'car.png' as animation and click on the ''​APPLY''​ option.+car.png」という名前の画像をアニメーションとして追加し、「適用」オプションをクリックします。.
  
 {{ :​gdevelop5:​screenshot_from_2019-05-20_13-54-57.png?​nolink |}} {{ :​gdevelop5:​screenshot_from_2019-05-20_13-54-57.png?​nolink |}}
  
-Similarly, add a new Sprite object ​//​Highway// ​which consists of the image '​highway.png'​ as the animation.+同様に、アニメーションとして画像「highway.png」で構成される、新しいスプライトオブジェクト//Highway//を追加します。
  
 {{ :​gdevelop5:​tutorials:​screenshot_from_2019-05-22_00-58-55.png?​nolink |}} {{ :​gdevelop5:​tutorials:​screenshot_from_2019-05-22_00-58-55.png?​nolink |}}
  
-Our next step will be to add the cars as different Sprite objects. These will be the objects that we need to dodge. We can name them //Blue//, //Gray//, //Green// and //Pink// which would have the image 'blue-car.png', 'gray-car.png', 'green-car.png' and 'pink-car.png' for their respective animations. From now on, we will address these cars as '​Traffic cars'.+次のステップは、4台の車を異なるスプライトオブジェクトとして追加することです。 
 +これらは、ぶつからないように回避する必要があるオブジェクトになります。 
 +それらにBlueGrayGreenPinkという名前を付けることができ、それぞれに「blue-car.png」、「gray-car.png」、「green-car.png」、「pink-car.png」のアニメーション画像があります。
  
 {{ :​gdevelop5:​tutorials:​screenshot_from_2019-05-30_20-41-27.png?​nolink |}} {{ :​gdevelop5:​tutorials:​screenshot_from_2019-05-30_20-41-27.png?​nolink |}}
Line 68: Line 69:
 {{ :​gdevelop5:​tutorials:​screenshot_from_2019-05-30_20-42-54.png?​nolink |}} {{ :​gdevelop5:​tutorials:​screenshot_from_2019-05-30_20-42-54.png?​nolink |}}
  
-Create a new Sprite object //Tree// which has 'tree.png' for its animation. This object will be used for the trees that will be created on either side of the road as we're progressing in the game.+アニメーション用に「tree.png」を持つ 新しいスプライトオブジェクト「ツリー」を作成します。このオブジェクトは、ゲームの進行中に道路の両側に配置される街路樹として使用されます。
  
 {{ :​gdevelop5:​tutorials:​screenshot_from_2019-05-22_00-57-11.png?​nolink |}} {{ :​gdevelop5:​tutorials:​screenshot_from_2019-05-22_00-57-11.png?​nolink |}}
  
-Create a new Sprite object ​//​Explosion// ​and select all the images from 'Explosion1.png' to 'Explosion8.png'​. ​+新しいスプライトオブジェクト//​Explosion//​(爆発の意味)を作成し、「Explosion1.png」から「Explosion8.png」までのすべての画像を選択します。
  
 {{ :​gdevelop5:​screenshot_from_2019-05-20_14-14-45.png?​nolink |}} {{ :​gdevelop5:​screenshot_from_2019-05-20_14-14-45.png?​nolink |}}
  
-Your scene by the end of this step should contain ​objects.+このステップの終わりまでのシーンには、8つのオブジェクトが含まれているはずです。
  
 {{ :​gdevelop5:​tutorials:​screenshot_from_2019-05-30_21-22-38.png?​nolink |}} {{ :​gdevelop5:​tutorials:​screenshot_from_2019-05-30_21-22-38.png?​nolink |}}