Construct 2: Flapping Bird - Step by Step
-
Upload
shahed-chowdhuri -
Category
Technology
-
view
4.782 -
download
8
description
Transcript of Construct 2: Flapping Bird - Step by Step
![Page 1: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/1.jpg)
By Shahed ChowdhuriSr. Technical Evangelist
Construct 2 Game Development: Flapping BirdWindows 8 Windows Phone 8 Web Mobile … and more!
@shahedC
WakeUpAndCode.com
![Page 2: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/2.jpg)
Getting Started
![Page 4: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/4.jpg)
Getting Started: Step 2
Run it!
![Page 5: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/5.jpg)
Getting Started: Step 3
ClickFile New
![Page 6: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/6.jpg)
Getting Started: Step 4
Filter
ScrollUpOrDown
Open!
![Page 7: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/7.jpg)
Getting Started: Step 5Toolbar Projects/Layers
ObjectsLayoutProperties
Tabs for Layouts & Event Sheets
![Page 8: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/8.jpg)
Getting Started: Step 6
ClickFile Save
![Page 9: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/9.jpg)
Getting Started: Step 7
Save!
EnterFile name
![Page 10: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/10.jpg)
Getting Started: Done!
![Page 11: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/11.jpg)
Prepare Your Layouts
![Page 12: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/12.jpg)
Prepare Your Layouts: Step 1
Right-Click to Rename Layout
![Page 13: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/13.jpg)
Prepare Your Layouts: Step 2
Enter “Start”
![Page 14: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/14.jpg)
Prepare Your Layouts: Step 3
Right-click Layouts folderto Add layout
![Page 15: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/15.jpg)
Prepare Your Layouts: Step 4
Add event sheet
![Page 16: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/16.jpg)
Prepare Your Layouts: Step 5
Right-Click new Layout
to Rename it
![Page 17: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/17.jpg)
Prepare Your Layouts: Step 6
Enter “Game”
![Page 18: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/18.jpg)
Prepare Your Layouts: Step 7
Change Layout Sizefor the “Game” LayerLayout Size:• Width: 400• Height: 500
![Page 19: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/19.jpg)
Prepare Your Layouts: Step 8
Change Layout Sizefor the “Start” LayerLayout Size:• Width: 400• Height: 500
![Page 20: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/20.jpg)
Prepare Your Layouts: Step 9
Select project
![Page 21: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/21.jpg)
Prepare Your Layouts: Step 10
Update projectpropertiesWindow Size:• Width: 400• Height: 500
Fullscreen in browser: Off
![Page 22: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/22.jpg)
Prepare Your Layouts: Done!
![Page 23: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/23.jpg)
Add Play Button
![Page 24: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/24.jpg)
Add Play Button: Step 1
Go to “Start” screen
![Page 25: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/25.jpg)
Add Play Button: Step 2
Right-click, thenInsert New Object
![Page 26: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/26.jpg)
Add Play Button: Step 3
Select “Button”
Click “Insert”
![Page 27: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/27.jpg)
Add Play Button: Step 4
Click anywhere
![Page 28: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/28.jpg)
Add Play Button: Step 5
Update the Text
![Page 29: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/29.jpg)
Add Play Button: Step 6
Enter “Play”
![Page 30: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/30.jpg)
Add Play Button: Done!
![Page 31: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/31.jpg)
Add Button Event
![Page 32: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/32.jpg)
Add Button Event: Step 1
Go to “Event sheet 1” for “Start” layout
![Page 33: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/33.jpg)
Add Button Event: Step 2
Click “Add event”
![Page 34: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/34.jpg)
Add Button Event: Step 3
Select “Button”
Click “Next”
![Page 35: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/35.jpg)
Add Button Event: Step 4
Select “On clicked”
Click “Done”
![Page 36: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/36.jpg)
Add Button Event: Step 5
Click “Add action”
![Page 37: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/37.jpg)
Add Button Event: Step 6
Select “System”
Click “Next”
![Page 38: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/38.jpg)
Add Button Event: Step 7
Select “Go to layout”
Click “Next”
![Page 39: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/39.jpg)
Add Button Event: Step 8
Click “Done”
![Page 40: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/40.jpg)
Add Button Event: Done!
![Page 41: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/41.jpg)
Add Game Graphics
![Page 42: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/42.jpg)
Add Game Graphics: Step 1
Go to the “Game”
layout
![Page 43: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/43.jpg)
Add Game Graphics: Step 2
Drag in these 4 imagesimage one by one
![Page 44: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/44.jpg)
Add Game Graphics: Step 3
Arrange them like this.
![Page 45: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/45.jpg)
Add Game Graphics: Step 4
Top-left
outsideNear leftedge
![Page 46: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/46.jpg)
Add Game Graphics: Done!
![Page 47: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/47.jpg)
Add Tiled Background
![Page 48: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/48.jpg)
Add Tiled Background: Step 1
Right-clickthen
Insert newobject
![Page 49: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/49.jpg)
Add Tiled Background: Step 2
Select“Tiled
Background”
Click “Insert”
![Page 50: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/50.jpg)
Add Tiled Background: Step 3
Clicknearthe
bottom
![Page 51: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/51.jpg)
Add Tiled Background: Step 4
Load an image
![Page 52: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/52.jpg)
Add Tiled Background: Step 5
Click “Open”
Select“floor.png”
![Page 53: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/53.jpg)
Add Tiled Background: Step 6
Close popup
![Page 54: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/54.jpg)
Add Tiled Background: Step 7
Drag to lower left
Size• Width: 1000• Height: 28
![Page 55: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/55.jpg)
Add Tiled Background: Done!
![Page 56: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/56.jpg)
Add Floor
![Page 57: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/57.jpg)
Add Floor: Step 1
Right-clickagainthen
Insert newobject
![Page 58: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/58.jpg)
Add Floor: Step 2
Select“Tiled
Background”
Click “Insert”
![Page 59: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/59.jpg)
Add Floor: Step 3
Clickaboveground
![Page 60: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/60.jpg)
Add Floor: Step 4
Load an image
![Page 61: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/61.jpg)
Add Floor: Step 5
Click “Open”
Select“floor2.png”
![Page 62: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/62.jpg)
Add Floor: Step 6
Close popup
![Page 63: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/63.jpg)
Add Floor: Step 7
Drag above ground
Size• Width: 1000• Height: 19
![Page 64: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/64.jpg)
Add Floor: Done!
![Page 65: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/65.jpg)
Add Movement
![Page 66: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/66.jpg)
Add Movement: Step 1
Selectthe bird
![Page 67: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/67.jpg)
Add Movement: Step 2
ClickBehaviors
![Page 68: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/68.jpg)
Add Movement: Step 3
Click to“Add new”
![Page 69: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/69.jpg)
Add Movement: Step 4
Select“Platform”
Click “Add”
![Page 70: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/70.jpg)
Add Movement: Step 5
Close popup
![Page 71: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/71.jpg)
Add Movement: Step 6
ReduceMax Speed
to 0 (prevents left-right
movement)
![Page 72: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/72.jpg)
Add Globals
![Page 73: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/73.jpg)
Add Globals: Step 1
Double-click“Event sheet 2”
![Page 74: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/74.jpg)
Add Globals: Step 2
Right-click, then“Add global variable”
![Page 75: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/75.jpg)
Add Globals: Step 3Add New Global Variable 3 times
• Name: SECONDSPEROBSTACLE• Type: Number• Initial Value: 1• Constant: [checked]
• Name: JUMPSTRENGTH• Type: Number• Initial Value: 500• Constant: [checked]
• Name: SCROLLSPEED• Type: Number• Initial Value: 300• Constant: [checked]
![Page 76: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/76.jpg)
Add Globals: Step 4Also, add another global variable for Score
• Name: Score• Type: Number• Initial Value: 0• Constant: [NOT checked]
![Page 77: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/77.jpg)
Add Globals: Done!
![Page 78: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/78.jpg)
Add Touch Support
![Page 79: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/79.jpg)
Add Touch Support: Step 1
Right-clickthen
Insert new object
![Page 80: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/80.jpg)
Add Touch Support: Step 2
Select“Touch”
Click “Insert”
![Page 81: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/81.jpg)
Add Touch Support: Step 3
Verifythat
“Touch” has been
added
![Page 82: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/82.jpg)
Add Touch Input
![Page 83: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/83.jpg)
Add Touch Input: Step 1
Stay on“Event sheet 2”
![Page 84: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/84.jpg)
Add Touch Input: Step 2
Click “Add event”
![Page 85: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/85.jpg)
Add Touch Input: Step 3
Select“Touch”
Click “Next”
![Page 86: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/86.jpg)
Add Touch Input: Step 4
Select“On any
touch start”
Click “Done”
![Page 87: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/87.jpg)
Add Touch Input: Step 5
Click “Add action”
![Page 88: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/88.jpg)
Add Touch Input: Step 6
Select “bird”
Click “Next”
![Page 89: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/89.jpg)
Add Touch Input: Step 7
Select “Set vector Y”
Click “Next”
![Page 90: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/90.jpg)
Add Touch Input: Step 8
Click “Done”
Enter:• Vector Y: -JUMPSTRENGTH
![Page 91: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/91.jpg)
Add Touch Input: Step 9
Click “Add action”
![Page 92: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/92.jpg)
Add Touch Input: Step 10
Select “bird”
Click “Next”
![Page 93: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/93.jpg)
Add Touch Input: Step 11
Select “Set angle”
Click “Next”
![Page 94: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/94.jpg)
Add Touch Input: Step 12
Click “Done”
Enter:• Angle: 320
![Page 95: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/95.jpg)
Add Touch Input: Done!
![Page 96: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/96.jpg)
Rotate Bird
![Page 97: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/97.jpg)
Rotate Bird: Step 1
Click “Add event”
![Page 98: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/98.jpg)
Rotate Bird: Step 2
Select“System”
Click “Next”
![Page 99: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/99.jpg)
Rotate Bird: Step 3
Select“Every tick”
Click “Done”
![Page 100: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/100.jpg)
Rotate Bird: Step 4
Click “Add action”
![Page 101: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/101.jpg)
Rotate Bird: Step 5
Select “bird”
Click “Next”
![Page 102: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/102.jpg)
Rotate Bird: Step 6
Select “Rotate
clockwise”
Click “Next”
![Page 103: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/103.jpg)
Rotate Bird: Step 7
Click “Done”
Enter:• Degrees: 60 * dt
(dt means delta time)
![Page 104: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/104.jpg)
Rotate Bird: Done!
![Page 105: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/105.jpg)
Add Collisions
![Page 106: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/106.jpg)
Add Collisions: Step 1
Click “Add event”
![Page 107: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/107.jpg)
Add Collisions: Step 2
Select“bird”
Click “Next”
![Page 108: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/108.jpg)
Add Collisions: Step 3
Select“Is overlapping another object”
Click “Next”
![Page 109: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/109.jpg)
Add Collisions: Step 4
<click to choose>
![Page 110: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/110.jpg)
Add Collisions: Step 5
Select“TiledBackground2”
Click “OK”
![Page 111: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/111.jpg)
Add Collisions: Step 6
Click “Done”
![Page 112: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/112.jpg)
Add Collisions: Step 7
Click “Add action”
![Page 113: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/113.jpg)
Add Collisions: Step 8
Select “System”
Click “Next”
![Page 114: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/114.jpg)
Add Collisions: Step 9
Select “Go to layout”
Click “Next”
![Page 115: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/115.jpg)
Add Collisions: Step 10
Click “Done”Select “Start” Layout
![Page 116: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/116.jpg)
Add Collisions: Step 11…
Repeat previous steps for pipe top and bottom
![Page 117: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/117.jpg)
Add Collisions: Done!
![Page 118: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/118.jpg)
Enforce Boundary
![Page 119: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/119.jpg)
Enforce Boundary: Step 1
Click “Add event”
![Page 120: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/120.jpg)
Enforce Boundary: Step 2
Select“bird”
Click “Next”
![Page 121: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/121.jpg)
Enforce Boundary: Step 3
Select“Is outside
layout”
Click “Done”
![Page 122: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/122.jpg)
Enforce Boundary: Step 4
Click “Add action”
![Page 123: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/123.jpg)
Enforce Boundary: Step 5
Select “System”
Click “Next”
![Page 124: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/124.jpg)
Enforce Boundary: Step 6
Select “Go to layout”
Click “Next”
![Page 125: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/125.jpg)
Enforce Boundary: Step 7
Click “Done”Select “Start” Layout
![Page 126: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/126.jpg)
Enforce Boundary: Done!
![Page 127: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/127.jpg)
Repeat Background
![Page 128: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/128.jpg)
Repeat Background: Step 1
Click “Add event”
![Page 129: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/129.jpg)
Repeat Background: Step 2
Select“TiledBackground”
Click “Next”
![Page 130: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/130.jpg)
Repeat Background: Step 3
Select“Compare X”
Click “Next”
![Page 131: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/131.jpg)
Repeat Background: Step 4
Click “Done”Select/Enter:• Comparison: ≤ Less or Equal• X co-ordinate: -560
![Page 132: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/132.jpg)
Repeat Background: Step 5
Click “Add action”
![Page 133: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/133.jpg)
Repeat Background: Step 6
Select“TiledBackground”
Click “Next”
![Page 134: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/134.jpg)
Repeat Background: Step 7
Select “Set X”
Click “Next”
![Page 135: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/135.jpg)
Repeat Background: Step 8
Click “Done”Enter 0
![Page 136: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/136.jpg)
Repeat Background: Step 9…
Repeat previous steps for TileBackground2,… but check for X ≤ -410
![Page 137: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/137.jpg)
Repeat Background: Done!
![Page 138: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/138.jpg)
Scroll Background
![Page 139: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/139.jpg)
Scroll Background: Step 1
Click “Add event”
![Page 140: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/140.jpg)
Scroll Background: Step 2
Select“System”
Click “Next”
![Page 141: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/141.jpg)
Scroll Background: Step 3
Select“Every tick”
Click “Done”
![Page 142: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/142.jpg)
Scroll Background: Step 4
Click “Add action”
![Page 143: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/143.jpg)
Scroll Background: Step 5
Select“pipebottom”
Click “Next”
![Page 144: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/144.jpg)
Scroll Background: Step 7
Select “Set X”
Click “Next”
![Page 145: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/145.jpg)
Scroll Background: Step 8
Click “Done”
Enterpipebottom.X – SCROLLSPEED * dt
![Page 146: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/146.jpg)
Scroll Background: Step 9…
Add similar actions for:pipetop, TiledBackground, TileBackground2
![Page 147: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/147.jpg)
Scroll Background: Done!
Hint: Set X to [object].X – SCROLLSPEED * dt
![Page 148: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/148.jpg)
Create Pipes
![Page 149: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/149.jpg)
Create Pipes: Step 1
Click “Add event”
![Page 150: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/150.jpg)
Create Pipes: Step 2
Select“System”
Click “Next”
![Page 151: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/151.jpg)
Create Pipes: Step 3
Select“Every X seconds”
Click “Next”
![Page 152: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/152.jpg)
Create Pipes: Step 4
Click “Done”
Enter:• Interval: SECONDSPEROBSTACLE
![Page 153: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/153.jpg)
Create Pipes: Step 5
Click “Add action”
![Page 154: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/154.jpg)
Create Pipes: Step 6
Select“System”
Click “Next”
![Page 155: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/155.jpg)
Create Pipes: Step 7
Select “Create object”
Click “Next”
![Page 156: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/156.jpg)
Create Pipes: Step 8
Click“Done”
Select/Enter:• Object to create: pipetop• Layer: 0• X: 440• Y: random(50, -250)
![Page 157: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/157.jpg)
Create Pipes: Step 9…
Add similar action for pipebottom… but use Y = TopPipe.Y + 750
![Page 158: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/158.jpg)
Create Pipes: Done!
![Page 159: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/159.jpg)
Add Instance Variable
![Page 160: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/160.jpg)
Add Instance Variable: Step 1
Select“pipebottom”
![Page 161: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/161.jpg)
Add Instance Variable: Step 2
ClickInstance variables
![Page 162: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/162.jpg)
Add Instance Variable: Step 3
Click“Add new”
![Page 163: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/163.jpg)
Add Instance Variable: Step 4
Enter:• Name: Scored• Type: Boolean• Initial value: false• Description (optional)
Click “OK”
![Page 164: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/164.jpg)
Add Instance Variable: Step 5
Closepopup
![Page 165: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/165.jpg)
Add Instance Variable: Step 6
Click “Add action”
![Page 166: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/166.jpg)
Add Instance Variable: Step 7
Select“pipebottom”
Click “Next”
![Page 167: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/167.jpg)
Add Instance Variable: Step 8
Select “boolean”
Click “Next”
![Page 168: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/168.jpg)
Add Instance Variable: Step 9
Click“Done”
Select• Value: False
![Page 169: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/169.jpg)
Add Instance Variable: Done!
![Page 170: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/170.jpg)
Add Score TextBox
![Page 171: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/171.jpg)
Add Score TextBox: Step 1
Right-clickthen
Insertnew
object
![Page 172: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/172.jpg)
Add Score TextBox: Step 2
Click “Insert”
Select“Text”
![Page 173: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/173.jpg)
Add Score TextBox: Step 3
Click insideLayout to placeTextBox
![Page 174: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/174.jpg)
Add Score TextBox: Step 3
Renameto
“ScoreText”
![Page 175: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/175.jpg)
Add Score TextBox: Step 4
Click “Add action”in Event Sheet 2
![Page 176: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/176.jpg)
Add Score TextBox: Step 5
Select“ScoreText”
Click “Next”
![Page 177: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/177.jpg)
Add Score TextBox: Step 6
Select “Move to top”
Click “Done”
![Page 178: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/178.jpg)
Add Score TextBox: Done!
![Page 179: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/179.jpg)
Add OnStart Events
![Page 180: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/180.jpg)
Add OnStart Events: Step 1
Click “Add event”
![Page 181: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/181.jpg)
Add OnStart Events: Step 2
Select“System”
Click “Next”
![Page 182: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/182.jpg)
Add OnStart Events: Step 3
Select“On start of layout”
Click “Done”
![Page 183: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/183.jpg)
Add OnStart Events: Step 4
Click “Add action”
![Page 184: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/184.jpg)
Add OnStart Events: Step 5
Select“ScoreText”
Click “Next”
![Page 185: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/185.jpg)
Add OnStart Events: Step 6
Select “Set text”
Click “Next”
![Page 186: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/186.jpg)
Add OnStart Events: Step 8
Click“Done”
Enter:• Text: 0
![Page 187: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/187.jpg)
Add OnStart Events: Step 9…
Add more actions:• TiledBackground2: Set X to 0• TiledBackground: Set X to 0• System: Set Score to 0
![Page 188: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/188.jpg)
Add OnStart Events: Done!
![Page 189: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/189.jpg)
Destroy Pipes
![Page 190: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/190.jpg)
Destroy Pipes: Step 1
Click “Add action”
![Page 191: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/191.jpg)
Destroy Pipes: Step 2
Select“pipetop”
Click “Next”
![Page 192: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/192.jpg)
Destroy Pipes: Step 3
Select “Destroy”
Click “Done”
![Page 193: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/193.jpg)
Destroy Pipes: Step 4…
Add a similar action for pipebottom to Destroy it
![Page 194: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/194.jpg)
Destroy Pipes: Done!
![Page 195: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/195.jpg)
Initialize Bird
![Page 196: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/196.jpg)
Initialize Bird: Step 1
Click “Add action”
![Page 197: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/197.jpg)
Initialize Bird: Step 2
Select“bird”
Click “Next”
![Page 198: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/198.jpg)
Initialize Bird: Step 3
Select “Set Vector Y”
Click “Next”
![Page 199: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/199.jpg)
Initialize Bird: Step 4
Click“Done”
Enter:• Vector Y: -JUMPSTRENGTH
![Page 200: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/200.jpg)
Initialize Bird: Step 5
Click “Add action”
![Page 201: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/201.jpg)
Initialize Bird: Step 6
Select“bird”
Click “Next”
![Page 202: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/202.jpg)
Initialize Bird: Step 7
Select “Set angle”
Click “Next”
![Page 203: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/203.jpg)
Initialize Bird: Step 8
Click“Done”
Enter:• Angle: 320
![Page 204: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/204.jpg)
Initialize Bird: Done!
![Page 205: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/205.jpg)
Add Scoring Events
![Page 206: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/206.jpg)
Add Scoring Events: Step 1
Click “Add event”
![Page 207: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/207.jpg)
Add Scoring Events: Step 2
Select“pipebottom”
Click “Next”
![Page 208: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/208.jpg)
Add Scoring Events: Step 3
Select“Compare X”
Click “Next”
![Page 209: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/209.jpg)
Add Scoring Events: Step 4
Click “Done”
Select/Enter:• Comparison: ≤ Less or equal• X co-ordinate: Bird.X
![Page 210: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/210.jpg)
Add Scoring Events: Step 5
Click “Add action”
![Page 211: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/211.jpg)
Add Scoring Events: Step 6
Select“System”
Click “Next”
![Page 212: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/212.jpg)
Add Scoring Events: Step 7
Select “Add to”
Click “Next”
![Page 213: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/213.jpg)
Add Scoring Events: Step 8
Click“Done”
Select/Enter:• Variable: Score• Value: 1
![Page 214: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/214.jpg)
Add Scoring Events: Step 9
Right-click, then
Add another condition (C)
![Page 215: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/215.jpg)
Add Scoring Events: Step 10
Select“pipebottom”
Click “Next”
![Page 216: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/216.jpg)
Add Scoring Events: Step 11
Select“Is boolean instance
Variable set”
Click “Next”
![Page 217: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/217.jpg)
Add Scoring Events: Step 12
Click “Done”
Select:• Instance variable: Scored
![Page 218: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/218.jpg)
Add Scoring Events: Step 13
Click “Add action”
![Page 219: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/219.jpg)
Add Scoring Events: Step 14
Select“ScoreText”
Click “Next”
![Page 220: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/220.jpg)
Add Scoring Events: Step 15
Select “Set text”
Click “Next”
![Page 221: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/221.jpg)
Create Pipes: Step 16
Click“Done”
Enter:• Text: Score
![Page 222: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/222.jpg)
Add Scoring Events: Step 17
Click “Add action”
![Page 223: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/223.jpg)
Add Scoring Events: Step 19
Select“pipebottom”
Click “Next”
![Page 224: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/224.jpg)
Add Scoring Events: Step 20
Select “Set boolean”
Click “Next”
![Page 225: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/225.jpg)
Add Scoring Events: Step 16
Click“Done”
Select/Enter:• Instance variable: Scored• Value: True
![Page 226: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/226.jpg)
Add Scoring Events: Step 17
Right-click,thenInvert
![Page 227: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/227.jpg)
Add Scoring Events: Done!
![Page 228: Construct 2: Flapping Bird - Step by Step](https://reader037.fdocuments.in/reader037/viewer/2022102706/55866315d8b42ae0588b46a0/html5/thumbnails/228.jpg)
(END of Flapping Bird tutorial)
• Derived from ‘Make your own "Flappy Bird" game in 10 minutes’ originally published by Tom• Updated with enhancements from Flappy Bird template