Jump to content
  • Advertisement
  • 03/02/18 12:47 PM
    Sign in to follow this  

    Learning
    How to write a 2D UFO game using the Orx Portable Game Engine - Part 5

    General and Gameplay Programming

    sausagejohnson

    Sounds

    This is our final part, 5 of a series on creating a game with the Orx Portable Game Engine. Part 1 is here, and part 4 is here.

    It's great that collecting the pickups work, but a silent game is pretty bland. It would be great to have a sound play whenever a pickup is collected.

    Start by configuring a sound:

     

    [PickupSound]
    Sound       = pickup.ogg
    KeepInCache = true

     

    Then as part of the collision detection in the PhysicsEventHandler function, we change the code to be:

     

    if (orxString_SearchString(recipientName, "PickupObject") != orxNULL) { 
    	orxObject_SetLifeTime(pstRecipientObject, 0);
    	orxObject_AddSound(pstSenderObject, "PickupSound");
    }   
    
    if (orxString_SearchString(senderName, "PickupObject") != orxNULL) {
    	orxObject_SetLifeTime(pstSenderObject, 0);
    	orxObject_AddSound(pstRecipientObject, "PickupSound");
    }

     

    In code above, if the recipient is a pickup object, then use the orxObject_AddSound function to place our sound on the sender object. There's little point adding a sound to an object that is about to be deleted.

    And of course, if the pickup object is the sender, we add the sound to the recipient object. Also, the PickupSound that is added to the object, is the config section name we just defined in the config.

    Compile and run.

    Hit the pickups and a sound will play.

    You can also use sounds without code. There is an AppearSound section already available in the config.

    We can use this sound on the ufo when it first appears in the game.

    This is as simple as adding a SoundList property to the ufo:

     

    [UfoObject]
    Graphic         = UfoGraphic
    Position        = (0, 0, -0.1)
    Body            = UfoBody
    AngularVelocity = 200
    SoundList       = SoundAppear

     

    Re-run and a nice sound plays at the start of the game.

     

    Adding a score

    What's a game without a score? We need to earn points for every pickup that is collected.

    The great thing about Orx objects is that they don't have to contain a texture as a graphic. They can contain a font and text rendered to a graphic instead. This is perfect for making a score object.

    Start by adding some config for the ScoreObject:

     

    [ScoreObject]
    Graphic  = ScoreTextGraphic
    Position = (-380, -280, 0)

     

    Next, to add the ScoreTextGraphic section, which will not be a texture, but text instead:

     

    [ScoreTextGraphic]
    Text = ScoreText

     

    Now to define the ScoreText which is the section that contains the text information:

     

    [ScoreText]
    String = 10000

     

    The String property contains the actual text characters. This will be the default text when a ScoreObject instance is created in code.

    Let's now create an instance of the ScoreObject in the Init() function:

     

    orxObject_CreateFromConfig("ScoreObject");

     

    So far, the Init() function should look like this:

     

    orxSTATUS orxFASTCALL Init()
    {
    	orxVIEWPORT *viewport = orxViewport_CreateFromConfig("Viewport");
    	camera = orxViewport_GetCamera(viewport);
    
    	orxObject_CreateFromConfig("BackgroundObject");
    	
    	ufo = orxObject_CreateFromConfig("UfoObject");
    	orxCamera_SetParent(camera, ufo);
    
    	orxObject_CreateFromConfig("PickupObjects");
    	orxObject_CreateFromConfig("ScoreObject");
    
    	orxClock_Register(orxClock_FindFirst(orx2F(-1.0f), orxCLOCK_TYPE_CORE), Update, orxNULL, orxMODULE_ID_MAIN, orxCLOCK_PRIORITY_NORMAL);
    	orxEvent_AddHandler(orxEVENT_TYPE_PHYSICS, PhysicsEventHandler);
    
    	return orxSTATUS_SUCCESS;
    }

     

    Compile and run.

    There should be a score object in the top left hand corner displaying: 10000

    score-object.jpg.d60cc34fbc0a2e610c0b954666670f3b.jpg

    The score is pretty small. And it's fixed into the top left corner of the playfield. That's not really what we want.

    A score is an example of a User Interface (UI) element. It should be fixed in the same place on the screen. Not move around when the screen scrolls.

    The score should in fact, be fixed as a child to the Camera. Wherever the Camera goes, the score object should go with it.

    This can be achieved with the ParentCamera property, and then setting the position of the score relative to the camera's centre position:

     

    [ScoreObject]
    Graphic        = ScoreTextGraphic
    Position       = (-380, -280, 0)
    ParentCamera   = Camera
    UseParentSpace = false

     

    With these changes, we've stated that we want the Camera to be the parent of the ScoreObject. In other words, we want the ScoreObject to travel with the Camera and appear to be fixed on the screen.

    By saying that we don't want to UseParentSpace means that we want specify relative world coordinates from the centre of the camera. If we said yes, we'd have to specify coordinates in another system.

    And Position, of course, is the position relative to the center of the camera. In our case, moved to the top left corner position.

    Re-run and you'll see the score in much the same position as before, but when you move the ufo around, and the screen scrolls, the score object remains fixed in the same place.

    The only thing, it's still a little small. We can double its size using Scale:

     

    [ScoreObject]
    Graphic        = ScoreTextGraphic
    Position       = (-380, -280, 0)
    ParentCamera   = Camera
    UseParentSpace = false
    Scale          = 2.0
    Smoothing      = false

    Smoothing has been set to false so that when the text is scaled up, it will be sharp and pixellated rather than smoothed up which looks odd.

    All objects in our project are smooth be default due to:

     

    [Display]
    Smoothing = true:

    So we need to explicitly set the score to not smooth.

    Re-run. That looks a lot better.

    score-object-scaled.jpg.b804f122e63df96102d073020458cd07.jpg

    To actually make use of the score object, we will need a variable in code of type int to keep track of the score.

    Every clock cycle, we'll take that value and change the text on the ScoreObject.

    That is another cool feature of Orx text objects: the text can be changed any time, and the object will re-render.

    Finally, when the ufo collides with the pickup, and the pickup is destroyed, the score variable will be increased. The clock will pick up the variable value and set the score object.

    Begin by creating a score variable at the very top of the code:

     

    #include "orx.h" 
    orxOBJECT *ufo; 
    orxCAMERA *camera; 
    int score = 0;

     

    Change the comparison code inside the PhysicsEventHandler function to increase the score by 150 points every time a pickup is collected:

     

    if (orxString_SearchString(recipientName, "PickupObject") != orxNULL) {
      orxObject_SetLifeTime(pstRecipientObject, 0);
      orxObject_AddSound(pstSenderObject, "PickupSound");
      score += 150;
    }
     
    if (orxString_SearchString(senderName, "PickupObject") != orxNULL) {
      orxObject_SetLifeTime(pstSenderObject, 0);
      orxObject_AddSound(pstRecipientObject, "PickupSound");
      score += 150;
    }

     

    Now we need a way to change the text of the score object. We declared the score object in the Init() function as:

     

    orxObject_CreateFromConfig("ScoreObject");

     

    But we really need to create it using an orxOBJECT variable:

     

    scoreObject = orxObject_CreateFromConfig("ScoreObject");

     

    And then declare the scoreObject at the top of the file:

     

    #include "orx.h" 
    orxOBJECT *ufo; 
    orxCAMERA *camera; 
    orxOBJECT *scoreObject; 
    int score = 0;

     

    Now it is possible to update the scoreObject using our score variable. At the bottom of the Update() function, add the following code:

     

    if (scoreObject) {
      orxCHAR formattedScore[5];
      orxString_Print(formattedScore, "%d", score);
     
      orxObject_SetTextString(scoreObject, formattedScore);
    }

     

    First, the block will only execute if there is a valid scoreObject.

    If so, then create a 5 character string. Then print into the string with the score value, effectively converting an int into a string.

    Finally set the score text to the scoreObject using the orxObject_SetTextString function.

    Compile and Run.

    Move the ufo around and collect the pickups to increase the score 150 points at a time.

    scoring.jpg.e093bd7939ad7f8ab3d58c3d475107be.jpg
     

    Winning the game

    1200 is the maximum amount of points that can be awarded, and that will mean we've won the game.

    If we do win, we want a text label to appear above the ufo, saying “You win!”.

    Like the score object, we need to define a YouWinObject:

     

    [YouWinObject]
    Graphic   = YouWinTextGraphic
    Position  = (0, -60, 0.0)
    Scale     = 2.0
    Smoothing = false

     

    Just like the camera, the YouWinObject is going to be parented to the ufo too. This will give the appearance that the YouWinObject is part of the ufo.

    The Scale is set to x2.

    The Position is set offset up in the y axis so that it appears above the ufo.

    Next, the actual YouWinTextGraphic:

     

    [YouWinTextGraphic]
    Text  = YouWinText
    Pivot = center

     

    And the text to render into the YouWinTextGraphic:

     

    [YouWinText]
    String = You Win!

     

    We'll test it by creating an instance of the YouWinObject, putting it into a variable, and then parent it to the ufo in the Init() function:

     

    orxObject_CreateFromConfig("PickupObjects");
    scoreObject = orxObject_CreateFromConfig("ScoreObject");
     
    ufoYouWinTextObject = orxObject_CreateFromConfig("YouWinObject");
    orxObject_SetParent(ufoYouWinTextObject, ufo);

     

    Then the variable:

     

    #include "orx.h"
    orxOBJECT *ufo;
    orxCAMERA *camera;
    orxOBJECT *ufoYouWinTextObject;
    orxOBJECT *scoreObject;
    int score = 0;

     

    Compile and Run.

    The “You win” text should appear above the ufo. Not bad, but the text is rotating with the ufo much like the camera was before.

    you-win-rotated.jpg.6f52664abaf626fb4fd0d24ae1d9d6af.jpg

    We can ignore the rotation from the parent on this object too:

     

    [YouWinObject]
    Graphic	         = YouWinTextGraphic
    Position         = (0, -60, 0.0)
    Scale	         = 2.0
    Smoothing        = false
    IgnoreFromParent = rotation

     

    Re-run. Interesting. It certainly isn't rotating with the ufo, but its position is still being taken from the ufo's rotation.

    you-win-rotated-position.jpg.4d9be3de89ce8cfef9a5e608aed92766.jpg

    We need to ignore this as well:

     

    [YouWinObject]
    Graphic          = YouWinTextGraphic
    Position         = (0, -60, 0.0)
    Scale            = 2.0
    Smoothing        = false
    IgnoreFromParent = position.rotation rotation

     

    Good that's working right.

    you-win-correct.jpg.a746b40f9f039529871ce95e7131e67e.jpg

    We want the “You Win!” to appear once all pickups are collected.

    The YouWinObject object on created on the screen when the game starts. But we don't want it to appear yet. Only when we win. Therefore, we need to disable the object immediately after it is created using the orxObject_Enable function:

     

    ufoYouWinTextObject = orxObject_CreateFromConfig("YouWinObject");
    orxObject_SetParent(ufoYouWinTextObject, ufo);
    orxObject_Enable(ufoYouWinTextObject, orxFALSE);

     

    Finally, all that is left to do is add a small check in the PhysicsEventHandler function to test the current score after each pickup collision:

     

    if (orxString_SearchString(recipientName, "PickupObject") != orxNULL) {
      orxObject_SetLifeTime(pstRecipientObject, 0);
      orxObject_AddSound(pstSenderObject, "PickupSound");
      score += 150;
    }
     
    if (orxString_SearchString(senderName, "PickupObject") != orxNULL) {
      orxObject_SetLifeTime(pstSenderObject, 0);
      orxObject_AddSound(pstRecipientObject, "PickupSound");
      score += 150;
    }
     
    if (orxObject_IsEnabled(ufoYouWinTextObject) == orxFALSE && score == 1200) {
      orxObject_Enable(ufoYouWinTextObject, orxTRUE);
    }

     

    We are checking two things: that the ufoYouWinTextObject is not yet enabled using the orxObject_IsEnabled function, and if the score is 1200.

    If both conditions are met, enable the ufoYouWinTextObject.

    Compile and run.

    Move the ufo around and collect all the pickups. When all are picked up and 1200 is reached, the “You Win!” text should appear above the ufo signifying that the game is over and we have won.

    you-win.jpg.d07ea93effee7d7d1eb8b7f4122a2d81.jpg

    And that brings us to the end! We have created a simple and complete game with some configuration and minimal code.

    Congratulations!

    I hope you enjoyed working through making the ufo game using the Orx Portable Game Engine. Of course, there are many little extras you can add to give your game that little extra polish. So, for just a bit more eye candy, there a couple more sections that you can follow along with if you wish.

     

    Shadows

    There are many ways to do shadows. One method is to use shaders… though this method is a little beyond this simple guide.

    Another method, when making your graphics, would be to add an alpha shadow underneath. This is a good method if your object does not need to rotate or flip.

    The method I will show you in this chapter is to have a separate shadow object as a child of an object. And in order to remain independent of rotations, the children will ignore rotations from the parent.

    First a shadow graphic for the ufo, and one for the pickups:

     ufo-shadow.png.a036a3f93aaf218a56194a6a47c13f5d.pngpickup-shadow.png.f3bbc855d90768e9c0753c531dd3d845.png

    Save these both into the data/texture folder.

    Then create config for the ufo shadow:

     

    [UfoShadowGraphic]
    Texture = ufo-shadow.png
    Alpha   = 0.3
    Pivot   = center

     

    The only interesting part is the Alpha property. 0.1 would be almost completely see-through (or transparent), and 1.0 is not see-through at all, which is the regular default value for a graphic. 0.3 is fairly see-through.

     

    [UfoShadowObject]
    Graphic  = UfoShadowGraphic
    Position = (20, 20, 0.05)

     

    Set the Position a bit to the right, and downwards.

    Next, add the UfoShadowObject as a child of the UfoObject:

     

    [UfoObject]
    Graphic         = UfoGraphic
    Position        = (0,0, -0.1)
    Body            = UfoBody
    AngularVelocity = 200
    UseParentSpace  = position
    SoundList       = AppearSound
    ChildList       = UfoShadowObject

     

    Run the project.

    The shadow child is sitting properly behind the ufo but it rotates around the ufo, until it ends up at the bottom left which is not correct.

    ufo-shadow-rotates.jpg.b1aa373168929f681f23716ee0449434.jpg

    We'll need to ignore the rotation from the parent:

     

    [UfoShadowObject]
    Graphic          = UfoShadowGraphic
    Position         = (20, 20, 0.05)
    IgnoreFromParent = position.rotation rotation

     

    Not only do we need to ignore the rotation of ufo, we also need to ignore the rotation position of the ufo.

    Re-run and the shadow sits nice and stable to the bottom right of the ufo.

    ufo-shadow-correct.jpg.cc2e8d7687c298707dca18b9598e70e8.jpg

    Now to do the same with the pickup shadow:

     

    [PickupShadowGraphic]
    Texture = pickup-shadow.png
    Alpha   = 0.3
    Pivot   = center
     
    [PickupShadowObject]
    Graphic          = PickupShadowGraphic
    Position         = (20, 20, 0.05)
    IgnoreFromParent = position.rotation

     

    The only difference between this object and the ufo shadow, is that we want the pickup shadow to take the rotation value from the parent. But we do not want to take the position rotation.

    That way, the pickup shadow will remain in the bottom right of the pickup, but will rotate nicely in place.

    Now attach as a child to the pickup object:

     

    [PickupObject]
    Graphic   = PickupGraphic
    FXList    = RotateFX
    Body      = PickupBody
    ChildList = PickupShadowObject

     

    Re-run, and the shadows should all be working correctly.

    pickup-shadow-correct.jpg.4444c257593f4a5fe0473b5f45d1941d.jpg

    And that really is it this time. I hope you made it this far and that you enjoyed this series of articles on the Orx Portable Game Engine.

    If you like what you see and would like to try out a few more things with Orx, head over our learning wiki where you can follow more beginner guides, tutorials and examples.

    You can always get the latest news on Orx at the official website.

    If you need any help, you can get in touch with the community on gitter, or at the forum. They're a friendly helpful bunch over there, always ready to welcome newcomers and assist with any questions.

     

     



      Report Article
    Sign in to follow this  


    User Feedback


    There are no comments to display.



    Create an account or sign in to comment

    You need to be a member in order to leave a comment

    Create an account

    Sign up for a new account in our community. It's easy!

    Register a new account

    Sign in

    Already have an account? Sign in here.

    Sign In Now

  • Advertisement
  • Advertisement
  • Latest Featured Articles

  • Featured Blogs

  • Popular Now

  • Similar Content

    • By Jmu
      Hi everyone, here's a fun one. I've been using DX11 for ages and I've never seen anything like this happen before.
      I found a bug in an application I'm developing when changing the resolution in full-screen mode. In order to handle arbitrary display mode changes (such as changes to MSAA settings), I destroy and recreate the swap chain whenever the display mode changes (rather than just using IDXGISwapChain::ResizeBuffers and IDXGISwapChain::ResizeTarget).
      On application startup, the device and initial swapchain are created via D3D11CreateDeviceAndSwapChain. When the display mode changes, this initial swap chain is destroyed, and a new one is created using IDXGIFactory::CreateSwapChain, with a new DXGI_SWAP_CHAIN_DESC.
      What I've found is that, despite the new DXGI_SWAP_CHAIN_DESC being correct when supplied to IDXGIFactory::CreateSwapChain, if I then retrieve the desc from the resulting swap chain, it has values from the old one. For example, if the resolution is changed, the swap chain is created with new (correct) values for BufferDesc.Width and BufferDesc.Height, but this new swap chain contains the old values which the initial (now destroyed) swap chain desc had.
      Consequently the back buffer is the wrong size, which leads to obvious problems and errors.
      Has anyone encountered a similar situation, or can think of anything useful to investigate?
      Here's a simplified version of the code for the display mode change:
      m_pDeviceContext->ClearState(); m_pDeviceContext->OMSetRenderTargets(0, nullptr, nullptr); m_pSwapChain->Release(); m_pSwapChain = nullptr; IDXGIFactory *pFactory = nullptr; CheckResult(CreateDXGIFactory(__uuidof(IDXGIFactory), reinterpret_cast<void **>(&pFactory))); IDXGISwapChain *pSwapChain = nullptr; DXGI_SWAP_CHAIN_DESC swapChainDesc = CreateSwapChainDesc(...); // Returns populated DXGI_SWAP_CHAIN_DESC with correct values. CheckResult(pFactory->CreateSwapChain(impl.m_pDevice, &swapChainDesc, &pSwapChain)); DXGI_SWAP_CHAIN_DESC verifySwapChainDesc; ZeroMemory(&verifySwapChainDesc, sizeof(DXGI_SWAP_CHAIN_DESC)); pSwapChain->GetDesc(&verifySwapChainDesc); // swapChainDesc does not equal verifySwapChainDesc.  
    • By ducats-games
      Trivia Quiz: All about everything! - this is an exciting intellectual game that allows you to learn a lot about the world and improve your IQ.
      Especially useful quiz will be for students and pupils - it allows you to learn more than tell in the classroom, as well as help to test your knowledge!
      Choose your favorite theme and test yourself in different quiz modes! You can choose from one to four topics of questions or all at once!
      Play in Steam: Trivia Quiz in Steam
      To your taste, the game has a wide range of topics:
      - Geography - here you can test yourself on the knowledge of countries, capitals, flags, continents, volcanoes, mountains, lakes and other things.
      - IT - if you know all about computers and technology, then you here.
      - Amazing nearby - find out the most-the most on the planet: the biggest, the longest, the most unusual, the smallest and other amazing facts.
      - Biology - test yourself on the knowledge of biology from cells to animals and humans.
      - Space - all about the planets, their satellites, galaxies and the conquest of space!
      - Chemistry - is a topic for those who know chemical formulas not only of water and alcohol, but also understand the structure of elements)
      - Mathematics - answer questions on mathematical formulas, famous scientists-mathematicians and various definitions.
      - History - do you like to study dates and key events in the world history? Do you know who Alexander the great, Napoleon and Kutuzov are? Then you here!
      The game has several modes:
      1. Game on time (Classic, Until the last)
      2. Free play (Classic, Until the last)
      3. Try your luck
      4. Survival
      5. Survival for a time
      6. Campaign Mode
      For streamers, we have a special option that allows your channel's subscribers to vote online for one of the answer options during the game. If you use this option, you can contact us and we will provide you with everything you need. 
      This feature makes the stream much more interactive and fun!
      For you there are Achievements and a rating of Knowledge Leaders.
      With each update we will add questions on existing topics and create new topics!
      Soon we will add themes:
      - Physics


    • By Jerad Strange
      So I would like to learn unity but I don't know how to program I wanna learn programming but I need some help I need to some type of like online tutorial for beginners or a site to learn C++ coding
    • By Alexander Winter
      Introducing Jumpaï! A game made using LibGDX. It's been 21 months the game is in development and we just released version 0.3! It's an online game, there's a server running at http://jumpai.net/ and everyone can join! Registering is easy, username password and you are good.

      The point of the game is to make your own level! There's an easy to use, integrated editor allow you to make your levels and they same automatically on the cloud. You can then join them online to play with your friends.  A lot of cool mechanics, portals, powerups, items... Check it out!
       
      Trailer:
         
      Also, you can join us on discord  https://discord.gg/R4ZafEw
       

      Screenshots:



       
    • By ryt
      As I'm reading C++ Programming Language and some other tutorials I came on Translation Unit part. I got a bit confused how they work with classes. What is rally not clear to me is inclusion of class headers in different other files that need them. Somewhere in these tutorials I red that each time when we #include a class header, that the current translation unit has its own class. From that I understood that even if we use include guards, that different files, that include same classes, have their own definitions of classes.
      So for e.g. let's say that we have two classes A and B. Another two separate files Alpha and Beta, where they include both classes. A third file main.cpp that includes Alpha and Beta, but knows nothing of A and B.
      From what I understood is that in main.cpp we will have two definitions of A and two of B, even if A and B use include guards.
      Is this true or I confused something?
  • Advertisement
×

Important Information

By using GameDev.net, you agree to our community Guidelines, Terms of Use, and Privacy Policy.

We are the game development community.

Whether you are an indie, hobbyist, AAA developer, or just trying to learn, GameDev.net is the place for you to learn, share, and connect with the games industry. Learn more About Us or sign up!

Sign me up!