Tag Archives: tutorial

Recent Update

-Minor update on Aircraft Takedown have been released on 14th of August 2014. Fix some bugs, crash issue, unexpected error issue.

********************

Change log :

  • Fix Error when opening application.
  • Fix Unexpected error during game play.
  • Fix Not responding issue.
  • Fix Can’t give a review or rating star to application.

********************

– Thank you for downloading my application Aircraft Takedown. Have been downloaded by some of these country, United Kingdom(UK), United States(US), France(FR), Australia(AU), Indonesia(ID), China(CN), and other small country not listed in my dashboard.

– Interested to create your own application? Take this little TUTORIAL.

– Publish your application to windows store. Follow this LINK to see what you have to do before uploading your application.

Requirements to Upload an Application

Ready to publish your application to Windows Store? Now, you have to export your project. Press F6 button in Construct2 window, a new window will pop up like this. You can choose in which store will your application publish for, a Windows Store or Windows Phone Store.
SS045

Click next, choose your directory to place your project and then Export.
SS046

Do not upload you application right after you got the project exported. Still need to do something with the package, so open the destination folder.SS047

SS048
You still have to change some file which marked by red color, can be access with Visual Studio by clicking “.sln” file (marked by purple color). Just for image type file, you can directly change with your application image. Replace it with same name as mention in the file.

Add your information about the application in “about.html” file. See red mark bellow, change it with your apps description.SS049

 

Same thing you have to do with “Privacy” and “Support”.
SS050

SS051

Use Visual Studio 2013 to create your application package (“.appxupload”). Don’t forget to test your application with the latest version of Windows Application Certification Kits (WACK). Now you can upload your “.appxupload” file to Windows Store. Make sure you have reserved you application name before create your application logo, etc.

 

Player Bar Indicator (Health Bar)

Most of game application today’s used some kind of bar indicator, such as health indicator, time indicator, power indicator, length indicator, etc to enhance their user interface.
SS041

In construct2, we need to do a little trick to create a bar indicator. The concept of creating bar indicator is not as hard as you think, look at this picture.
SS042
See? That is the event with their action needed to create a bar indicator. Real time update and a sprite limitation to break the grid is the only thing you need. In my previous post, I have an aircraft which have 100 health points. Compared with my green bar width (500 pixel to make it easier to count), so every 1 point of my aircraft health is represented as 5 pixel in my bar indicator (500/100).

I didn’t see any tricks here, where is the trick? When you try to execute the game right after you write down the “code”, you will see that the green bar is not working as it supposed to be.
SS043

Now, here’s the trick. You need to change the origin point of your object. Because the default origin point is in the center of your image, this thing will make your bar indicator shrink to the middle. Change the origin point by editing your sprite (Right click on your sprite, choose “Edit animation”).
SS044

Click on a button with caption “Set origin and image points”, a new little window will appear as in the picture above. Click on “Origin” and change the X-axis to “0” which move the center of your image to that coordinate. This thing will make your bar indicator work as it supposed to be. After you change the axis, just close both window. Have a try!

Scoreboard

Scoreboard is one of the most important feature in game, which show how good the player plays the game. What you have to prepare for creating a scoreboard is a global variable for score, text to display player’s score, and web storage object type.

Now, initialize score with initial value of “0”.
SS031

Every time you get point, make sure you add some value to score variable. System > Add to > (choose your variable and decide how much point you will get) > Done.
SS032 SS033

Keep the score up-to-date. I mean, every time player got point, you have to show it. System > Every thick (means every milliseconds, people will not recognize it) > Done. For the action, choose your score text > Set text > (type this without square brackets [“”&score], it means you directly tell player’s score without any words) > Done.
SS034

The result will be like this
SS035

SS036

There are 2 different text, one is saying the title “Score” and “High Score”, and the other is the value of player’s score.

Talking about high score. Not like usual score display, high score value usually still stored in game memory. See the difference here.
SS037

First you need to make a condition. In which condition, the score will be saved in game memory. Use web storage to save player’s score.
SS038

Go to add event, System > Compare variable > (choose your score variable, enter greater or equal for comparison, type the value like this [WebStorage.LocalValue(“hs”)]) > Done.
SS039
Also add the action to set local key of your high score [“hs”] to score. Add action > Web storage > (input the key and value) > Done.
SS040
Don’t forget to keep it update in real time, add “Every thick” event like what we do for score.

Player Control (Touch Device)

I have an arrow sprite and fire button as user control. I would like to make my aircraft can move in 8 direction and fire a missile. Make sure you have given each sprite proper behavior, such “8 Direction” for plane, “Bullet” for missile, and of course “Touch” object type.
SS028

1. Movement Arrow
Event : Touch > Is touching Object > (choose arrow object) > Done
Action : (choose plane as controlled object) > Stimulate Control > (choose the direction) > Done

2. Fire Button
Event : Touch > Is touching object > (choose fire button object) > Done. Add another condition with right clicking on current event > “Add another condition”. System > Every x seconds > (enter rate of fire value of your plane) > Done.
Action : System > Create object > (choose your bullet object) > (put spawn point of your bullet on your plane) > Done.
SS029
Make the game more interesting by added a sound effect. Audio > Play (by name) > (setup your audio) > Done.
SS030