Transcript
![Page 1: How to Make a Game Like Flappy Bird in Swift€¦ · How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size and Aspect Ratios. Prerequisites Swift Knowledge Swift Video Tutorials](https://reader033.vdocuments.site/reader033/viewer/2022051511/601671f12854a974663995bc/html5/thumbnails/1.jpg)
How to Make a Game Like Flappy Bird
in Swift
Step 1: Scene Size and Aspect Ratios
![Page 2: How to Make a Game Like Flappy Bird in Swift€¦ · How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size and Aspect Ratios. Prerequisites Swift Knowledge Swift Video Tutorials](https://reader033.vdocuments.site/reader033/viewer/2022051511/601671f12854a974663995bc/html5/thumbnails/2.jpg)
![Page 3: How to Make a Game Like Flappy Bird in Swift€¦ · How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size and Aspect Ratios. Prerequisites Swift Knowledge Swift Video Tutorials](https://reader033.vdocuments.site/reader033/viewer/2022051511/601671f12854a974663995bc/html5/thumbnails/3.jpg)
![Page 4: How to Make a Game Like Flappy Bird in Swift€¦ · How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size and Aspect Ratios. Prerequisites Swift Knowledge Swift Video Tutorials](https://reader033.vdocuments.site/reader033/viewer/2022051511/601671f12854a974663995bc/html5/thumbnails/4.jpg)
Prerequisites
Swift Knowledge Swift Video Tutorials iOS Apprentice
Sprite Kit Knowledge Free tutorials on our site iOS Games by Tutorials
… or YOLO!
![Page 5: How to Make a Game Like Flappy Bird in Swift€¦ · How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size and Aspect Ratios. Prerequisites Swift Knowledge Swift Video Tutorials](https://reader033.vdocuments.site/reader033/viewer/2022051511/601671f12854a974663995bc/html5/thumbnails/5.jpg)
Aspect Ratios and Screen Sizes
![Page 6: How to Make a Game Like Flappy Bird in Swift€¦ · How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size and Aspect Ratios. Prerequisites Swift Knowledge Swift Video Tutorials](https://reader033.vdocuments.site/reader033/viewer/2022051511/601671f12854a974663995bc/html5/thumbnails/6.jpg)
Scene Size vs. Screen Size
Aspect Fill Aspect Fit Fill
Scene Size 640x640
![Page 7: How to Make a Game Like Flappy Bird in Swift€¦ · How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size and Aspect Ratios. Prerequisites Swift Knowledge Swift Video Tutorials](https://reader033.vdocuments.site/reader033/viewer/2022051511/601671f12854a974663995bc/html5/thumbnails/7.jpg)
Option 1: Same Scene Size, Aspect Fill
![Page 8: How to Make a Game Like Flappy Bird in Swift€¦ · How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size and Aspect Ratios. Prerequisites Swift Knowledge Swift Video Tutorials](https://reader033.vdocuments.site/reader033/viewer/2022051511/601671f12854a974663995bc/html5/thumbnails/8.jpg)
Problem: Cuts Off Evenly
![Page 9: How to Make a Game Like Flappy Bird in Swift€¦ · How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size and Aspect Ratios. Prerequisites Swift Knowledge Swift Video Tutorials](https://reader033.vdocuments.site/reader033/viewer/2022051511/601671f12854a974663995bc/html5/thumbnails/9.jpg)
Option 2: Same Width, Different Aspect Ratio
Width: 320 Height: 320 x ratio 320 x 1.5 = 480 320 x 1.7777 = 568
320x480 320x568
![Page 10: How to Make a Game Like Flappy Bird in Swift€¦ · How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size and Aspect Ratios. Prerequisites Swift Knowledge Swift Video Tutorials](https://reader033.vdocuments.site/reader033/viewer/2022051511/601671f12854a974663995bc/html5/thumbnails/10.jpg)
Adding Background1.77 aspect ratio
1.5 aspect ratioBackground.png
Ground.pngplayableStart
0
winSize.height
playableHeight
![Page 11: How to Make a Game Like Flappy Bird in Swift€¦ · How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size and Aspect Ratios. Prerequisites Swift Knowledge Swift Video Tutorials](https://reader033.vdocuments.site/reader033/viewer/2022051511/601671f12854a974663995bc/html5/thumbnails/11.jpg)
Demo: Adding Background
![Page 12: How to Make a Game Like Flappy Bird in Swift€¦ · How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size and Aspect Ratios. Prerequisites Swift Knowledge Swift Video Tutorials](https://reader033.vdocuments.site/reader033/viewer/2022051511/601671f12854a974663995bc/html5/thumbnails/12.jpg)
Challenge Time!