SLIDE 1
How to Make a Game Like Flappy Bird in Swift
Step 1: Scene Size and Aspect Ratios
How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size - - PowerPoint PPT Presentation
How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size - - PowerPoint PPT Presentation
How to Make a Game Like Flappy Bird in Swift Step 1: Scene Size and Aspect Ratios Prerequisites Swift Knowledge Swift Video Tutorials iOS Apprentice Sprite Kit Knowledge Free tutorials on our site iOS Games by Tutorials or YOLO!
SLIDE 2
SLIDE 3
SLIDE 4
Prerequisites
Swift Knowledge
Swift Video Tutorials iOS Apprentice
Sprite Kit Knowledge
Free tutorials on our site iOS Games by Tutorials
… or YOLO!
SLIDE 5
Aspect Ratios and Screen Sizes
SLIDE 6
Scene Size vs. Screen Size
Aspect Fill Aspect Fit Fill
Scene Size
640x640
SLIDE 7
Option 1: Same Scene Size, Aspect Fill
SLIDE 8
Problem: Cuts Off Evenly
SLIDE 9
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
SLIDE 10
Adding Background
1.77 aspect ratio 1.5 aspect ratio Background.png Ground.png playableStart winSize.height playableHeight
SLIDE 11
Demo: Adding Background
SLIDE 12