Creating Object (Text and Sprite)

There are so many types of object that contributes in your application. In this tutorial we will try to input “text” and “sprite” objects into our project.

1. Have you ever seen an application without a text? I don’t think so XD . In this first section we are going to input a “text” into our project. Right click on a blank area (no object selected), and see these options below and choose “Insert new object”.

2. A new window will pop up. Like I said before, there are a lot of object type there. One of them is “Text” object type, but I prefer to choose “Sprite” instead of “Text”, why? Because I am going to use unsupported font style. It will impact the result when rendering. If you use unsupported font, a font that you have selected will go back into it’s basic font “Times New Roman”.

You can named your object on “Name when inserted” properties (from picture above). Press “Insert” and click on an empty space where you want to drop the sprite.

3. Another window will pop up after you click “Insert” button.

Import your “text” object by click on an object by red mark from picture above (Load an image from a file). Actually, you can make object directly on this window, but I not recommended you to do that. For the best result,  I use “Adobe Photoshop CS 6”  to create what we called as sprite. Close “Edit image” window and the text sprite will appear on your layout.

4. Repeat step 1 up to 3 in order to insert new object into your layout. To Import another graphical object (It can be another text, sprite, background, button, etc.) No matter what type of object you want to input, as long as you choose “sprite” it will treat it as a sprite.

Getting Started

What is Construct 2?
Construct 2 ” Is a powerful ground breaking HTML5 game creator designed specifically for 2D games. It allows anyone to build games — no coding required!” (https://www.scirra.com/construct2).

Why Construct 2?
It has special feature and template that suit for Windows 8 game development, less worry being rejected when submitting application to Windows Store.

Where to get Construct 2?
You can download free version of Construct 2 here. How does it works? Single click, drag and drop with a simple and short algorithm.

————

1. Start a New Project.

2. Create new project using “Windows 8 Project” template.

3. Click on New Project* (default project name before you change the properties)at “Project” window,  then a “Properties” window will occur on the left side. Change Window Size Properties to 1366 x 768 (default size of Windows 8 resolution screen). Rename your project name, fill the author, version, email and website(recommended) column as your project details. Highly recommended using Internet Explorer (IE 11) as your Preview Browser, using another browser may cause unwanted things happen to your project.

4. Expand Layout folder, click Layout 1 (you can rename it later). There is “Layout” properties on the right side, change the Layout Size and Margins as you needed. (I’am using 1366 x 768 for layout size and 500, 500 for margins). You can add more layer by right clicking on Layout folder and choose “Add layout”, don’t forget to add “Event Sheet” too!

5. Now, I’am going to remove some objects (DescriptionText, PausedText, PurchaseButton, PurchaseStatus and ShareButton) that created by default. (You don’t need it too i think). To remove unwanted objects, expand “Object types” from Project window, right click on the object that you want to remove and delete it.

*Here is the Project window

6. Now we have clean layout, let’s move to “Event sheet 1” tab.

7. Let’s clear out some unnecessary things in this window, press “Ctrl + Left Click” to pick some of these “Event”
(Unselected event)
(Selected event) It will turn into Yellow if you have select an event or more.
Delete these events because you are not need it for now. That is all you need to do for now, see you at next session. 😀

1. Creating Object (Text and Sprite).
2. Creating Object (Miscellaneous).