Introduction
Constructor is based on 2D game creation, without using coding. Now in this article, I will explain about how to design the game start page using constructor. Constructor 2 is a powerful HTML 5 game creator, designed especially for 2D game creators.
Prerequisites
- 64 bit windows 7 & windows 10
- 4GB RAM
- AMD graphics card with latest drivers
Step1
Click the File->New->New empty project.
Step2
After creating a new project, which creates a new empty project, you will see the following template, shown below.
Step3
An empty layout will be displayed and now we need to change the size of the layout in layout properties and the layout size must be (1000,600 ) and a new Event sheet must be again added and named as game event.
Adding Sprite object
For adding the Sprite object, double click->in layout sheet and insert a new object dialog box and now we can select the Sprite object.
Adding Tiled Background Object
For adding the Tiled Background object, double click->in layout sheet and insert a new object dialog box and now we can select the Tiled Background object.
Adding Particles object
For adding the particles object, double click->in layout sheet and insert a new object dialog box and now we can select the particles object.
Step 4
In the left hand side properties window, we need to change the following conditions' name values:
- Change the Properties Values
- Rate: 30
- Spray cone:160
- Angle:90
- Initial Particles Properties
- Speed:10
- Size:5
- X randomiser:120
- Speed randomiser:10
- Size randomiser:10
- Particles lifetime Properties
- Acceleration:1
- Gravity:10
- Angle randomiser:100
- Speed randomiser:10
- Opacity randomiser:5
- Timeout:9
Particles Behavior Select
In the left hand side properties window, we need to select the following (behavior) conditions. Dialog box will appear and now we need to add bullet object.
Change bullet Speed
In the left hand side properties window, we need to change the following conditions' name values.
Behaviour Bullet (Speed : 15)
Step 5
Double click in layout sheet and a dialog box will appear, we need to select the following conditions' names.
- Z order
- Send to top of layer.
Cloud object copy
Copy one cloud object and paste to another cloud objects. Create many cloud objects with the following template.
Step 6
Now we are in event sheet, click->add action and add action dialog box will appear and select ->system (object).
Step 7
After clicking system a dialog box will appear and select->Every tick and click->Done.
Step 8
Now again a dialog box will appear named as ->select add action and conditionsin the following order,
- Particles
- Set position to another object
- Object (cloud)
- Image point (0)
- Done.
This is how the event sheet will look, after the event is complete.
Output
After, press F5 to run layout and Browser will display the following output.
Conclusion
Finally, we created a snow fall effect. We will see advanced game development concepts in the upcoming articles.
I hope this article will be useful. Thank you