.
201-Construct2 Game Stage Objects
Objective
1) Create Game Stage Objects consists of:
1.1) TextScore
1.2) TextTime
1.3) TextWellDone
1.4) TextTimeIsUp
1.5) ButtonRestart
2) Create Dummy Game Play Objects consists of:
2.1) PlayTarget Object
2.2) PlayDrag Object
1) Create New Project
Template: New empty SD portrait 4:3 project
Name: GameStage
Layout: LayoutHome
Event: EventHome
Object Types: ObjectPlay and ObjectStage
2) Add Stage Objects
-ButtonRestart
-TextGameOver
-TextInstructions
-TextScores
-TextTime
-TextWellDone
Name
|
TextScores
|
Position
|
10,10
|
Size
|
200,30
|
Text
|
SCORES:----
|
Font
|
Lucida Console (12pt)
|
Horizontal Alignment
|
Left
|
Vertical Alignment
|
Center
|
Hotspot
|
Top-Left
|
Name
|
TextTime
|
Position
|
470,10
|
Size
|
200,30
|
Text
|
TIME:----
|
Font
|
Lucida Console (12pt)
|
Horizontal Alignment
|
Right
|
Vertical Alignment
|
Center
|
Hotspot
|
Top-Right
|
Name
|
TextInstructions
|
Position
|
10,40
|
Size
|
460,30
|
Text
|
Drag and drop Game Object to Game Target
|
Color
|
Blue
|
Font
|
Lucida Console (12pt)
|
Horizontal Alignment
|
Center
|
Vertical Alignment
|
Center
|
Hotspot
|
Top-Left
|
Name
|
TextGameOver
|
Position
|
240, 200
|
Size
|
200, 50
|
Text
|
Game Over!
|
Color
|
Red
|
Font
|
Lucida Console (24pt)
|
Horizontal Alignment
|
Center
|
Vertical Alignment
|
Center
|
Hotspot
|
Center
|
Name
|
TextWellDone
|
Position
|
240, 230
|
Size
|
200, 50
|
Text
|
Well Done!
|
Color
|
Green
|
Font
|
Lucida Console (24pt)
|
Horizontal Alignment
|
Center
|
Vertical Alignment
|
Center
|
Hotspot
|
Center
|
Name
|
ButtonRestart
|
Position
|
160, 350
|
Size
|
160, 24
|
Text
|
RESTART
|
3) Add Blink Action
No
|
Event
|
Action
|
GroupBlinkTexts
| ||
1
|
System/every-0.5-seconds
| |
GroupBlinkTextGameOver
| ||
2
|
TextGameOver/opacity=0
|
TextGameOver/set-opacity-to 100
|
3
|
System/else
|
TextGameOver/set-opacity-to 0
|
GroupBlinkTextWellDone
| ||
4
|
TextWellDone/opacity=0
|
TextWellDone/set-opacity-to 100
|
5
|
System/else
|
TextWellDone/set-opacity-to 0
|
DOWNLOAD: GameStage201A.capx
4) Add Dummy Play Objects
-SpritePlaySpot
-TextDrag
-TextTarget
Name
|
SpritePlaySpot
|
Position
|
100,325
|
Size
|
10,10
|
Behavior
|
Pin
|
Color
|
Yellow
|
Name
|
TextDrag
|
Position
|
100,325
|
Size
|
50, 50
|
Behavior
|
DragDrop
Flash
|
Container
|
This Object
Member=SpritePlaySpot
|
Text
|
A
|
Color
|
Black
|
Font
|
Arial(24pt)
|
Horizontal Alignment
|
Center
|
Vertical Alignment
|
Center
|
Hotspot
|
Center
|
Name
|
TextTarget
|
Position
|
100,150
|
Size
|
50, 50
|
Text
|
A
|
Color
|
Orange
|
Font
|
Arial(24pt)
|
Horizontal Alignment
|
Center
|
Vertical Alignment
|
Center
|
Hotspot
|
Center
|
Change the text of TextInstructions to the following:
Drag Black Letter to Orange Letter
Insert Actions for Dummy ObjectPlay items.
No
|
Event
|
Action
|
GroupObjectPlayActions
| ||
1
|
System/on-start-of-layout
|
SpritePlaySpot/Pin-to-TextDrag(Position & angle)
|
2
|
TextDrag/on-DragDrop-drag-start
|
TextDrag/Move-to-top-of-layer
SpritePlaySpot/Move-to-bottom-of-layer
|
3
|
TextDrag/on-DragDrop-drop
[and]
SpritePlaySpot/Is-overlapping-TextTarget
|
TextDrag/Flash
|
5) Add Scoring Logic
Insert variable globalScores and initialize it to 0.
Insert variable globalMaxScores and initialize it to 1.
When the Letters matched, Add 1 to globalScore after TextDrag flashes and Update TextScores.
No
|
Event
|
Action
|
GroupStageActions
| ||
1
|
TextScores/set-text-to "SCORES:"&zeropad(globalScores,4)
|
6) Add the Winning Logic
During the start of layout, set the visibility of TextGameOver and TextWellDone to Not Visible.
At every ticks, detect winning condition ie globalScores=globalMaxScores. If True, set the visibility of TextGameOver and TextWellDone to Visible.
No
|
Event
|
Action
|
GroupGameOverCondition
| ||
1
|
System/everytick
| |
2
|
[sub]System/globalScores=globalMaxScores
|
TextGameOver/set-visible
TextWellDone/set-visible
|
3
|
DOWNLOAD: GameStage201B.capx
7) Add The Time Controller
The game ends when the user scores the maximum point or the time is over.
Add a global variable, globalTimer=5.
Take the GroupStageActions out of the System/on-start-of-layout event.
That is, if your GroupStageActions is as follows ...
...then make it look like this
Add a event/actions
No
|
Event
|
Action
|
GroupStageActions
| ||
1
|
System/globalTimer>0
|
TextTime/set-text-to "TIME:" & zeropad(ceil(globalTimer),4)
|
2
|
System/set-variable-to max(0,globalTimer-dt)
| |
3
|
System/Else
|
TextTime/set-text-to "TIME:" & zeropad(0,4)
|
No
|
Event
|
Action
|
GroupGameOverCondition
| ||
1
|
System/everytick
| |
2
|
[sub]System/globalScores=globalMaxScores
|
TextGameOver/set-visible
TextWellDone/set-visible
System/set-globalTimer-to 0
|
3
|
[sub]System/Else
[and]globalTimer=0
|
TextGameOver/set-visible
|
Finally, provide action for the ButtonRestart/on-clicked event to reset global variable and restart layout.
DOWNLOAD: GameStage201C.capx
