2D Crossy Road (Part 2 : Swift in Xcode) Video Lecture | Swift in Xcode: The Complete iOS Development Guide - App Development

everybody welcome to part two of how to
make Crossy Road with swift in Xcode
let's go ahead and get started so this
is what we want to accomplish in this
part of the tutorial we just have art
frog and when the screens clicked just
like before we changed things up a
little bit but when he's clicked he
moves up and also the background moves
down alongside with him but now you
would also be able to swipe left to move
at different intervals so he can dodge
the obstacles so yep that's it let's go
ahead and get started
continuing on from part one we need to
head on over to our cross Iran Xcode
project as I improperly named it and
we're just gonna go over to our
viewcontroller.swift now as you can
remember I have this function right here
this was a temporary function basically
as soon as the touches began or when you
touch the screen it would do this action
or this function right above here and
move all of our landscape down and move
our character character up so now in
order to actually get it to move side by
side as right now if you have touches
began this is going to override anything
that you have right now that if you
added like a swipe left or swipe right
it would override that so now in order
to actually get our swipe left or swipe
right to actually work we just need to
delete this touches began right here so
delete that head on over to our main dot
storyboard and we're just gonna click
and drag this part up right up here so
we can see a bit more head down here and
we're gonna right click enter I'm sorry
we're just gonna click and drag a tap
gesture recognizer onto our scene so in
in turn this is basically going to act
as our touches began as we had before
and this is going to move move our
player forward and then we're going to
also have some swipe gesture recognizers
to move our character from left to right
so now click and drag our tap gesture
recognizer and just click and drag that
right on top of this view right here so
now this is going to add the right the
gesture recognizer onto our view so now
as soon as this view is touched it's
going to add this red
cogniser so now in order to actually get
this recognizer to do things we need to
open up our assistant editor and now
we're gonna right click or control click
and drag from our tap gesture recognizer
right down here and we're going to
insert an action and this action is
going to be called we'll just call this
tap action connect or you could call it
move forward or any other thing like
that but I am putting this as the tap
action and inside of this tap action
function we're just gonna say move as
you can remember this was the function
that moved our character up so now if we
were to actually build and run this we
would actually get our character to move
up as you will see so now we have our
gesture recognizer recognizing that this
is a tap function and we're going to
call move as well so now we have our
character moving up so now down here we
want to add a swipe gesture recognizer
so just right so just keep saying right
click so just click and drag our swipe
gesture recognizer again onto our view
right here and then we're going to add a
second one so we can be left and right
now click on this jacket red gesture
recognizer right there and we're going
to make this our left swipe gesture
recognizer and the other one is
automatically set to the default of
right and this will all be in your
attributes inspector
right over there so now just click on
your left gesture recognizer and we want
to right-click or control click and drag
from that gesture recognizer over to our
view controller dot Swift and we're
going to insert a connection and this
will be an action and we'll call this
swiped left so as the name entails as
soon as this is swiped left we want
things to happen we will program what
exactly we want to happen in just a
minute now this is our swiped right
gesture recognizer so we just want to
right-click or control-click and direct
from that over to our view controller
dot Swift and we're going to connect
this as an action and our action we'll
just call this a swiped right now
connect so now we have our swiped right
and our swipe to left function and now
we're going to
add some functions to actually happen
when we do these so in order to do this
just go right up here we're going to add
this function and we'll call this move
I'm sorry
function func move left so as the name
entails this is going to move our
character left and then we're going to
have another function and this will be
move right then open parentheses close
parentheses open bracket close bracket
and now inside of these we just want to
basically do what we did up here so
we're going to move a uiview with a
duration of point two so we're just
gonna copy this one right here that says
a uiview animate with duration zero
point two instead of the zero point five
one
so we just want to this will be the
short one that moves our character left
really quick and then we'll also paste
that right in our move write function
now inside of our move left function you
will see that you have self dot player
dot Center equals CG point X self dot
player C dot center dot X and in order
to make it shift left we need to either
make this center dot X and might we want
to minus-50 off of our center dot X for
our player and then we don't want this
to move up because that's how the game
works
so we're going to say self dot player
don't set your dot Y so we're going to
keep it in the same place that it was
and we're going we're going to keep it
at the same y-value that it was and then
we're going to move it to fix fifty
pixels or minus fifty pixels over to the
left so now we need to do this with the
with our move right but instead of
moving minus fifty pixels we want to say
plus fifty pixels so now it's going to
move properly and then we also want to
delete the minus 50 off of our center
dot y so now that's going to keep our
center dot y now inside of our swiped
left we just want to say move this will
say move left then this will say move
right now let's build and run this
and now as you will see I have our
person and I can tap or I can swipe left
or swipe right so that is how you get
this character to move right and left as
you swipe also if you want them to go
from left to right in different
intervals or different time intervals
meaning he can he'll go faster left or
go faster right we can go back to our
code right over here and inside of move
left you can change animate with
duration to whatever you like I'm going
to actually put mine at 0.1 and I'm
gonna do the same for my move right as
well and also if you wanted to change
the interval at which he moved I'll show
you that in just a second but right now
you'll see him animating a lot faster
than before so it's a much faster way to
do things I think this is much better in
a game to have them going along left and
right faster or if you wanted to be a
little bit more challenging you can also
say centered on X minus 50 or you can
change to this to 25 and this will
actually make it a lot harder to get
through and get past certain obstacles
I'm not too sure this is the best way to
do things but if you want to you can so
that it would be how it is done so you
can move left and right or if you want
them to go bigger you can change this to
a we'll say 75 so - 75 pixels and then
plus 75 pixels to move right so now you
can build and run that again like so so
now he's jumping really really far in
that certain amount of time so yeah you
can play around with those kind of
numbers if you want to have a different
style type of game but anyway if that is
how you move left and right that's it
for this tutorial I know it was a short
one I've been trying to actually figure
out how did you score if you guys have
any idea of how to fix this - problem
with it right now I actually what it
goes the score goes up but it looks like
it's resetting the scene every time the
score is clicked if you know how to fix
this problem I'm trying to figure it out
myself right now but if you know how to
fix it leave it down in the comment
section down below also if you have any
questions or suggestions for other
tutorials be sure to leave that down
there as well anyway thank you so much
for watching this tutorial and I will
see
the next one and welcome to part 2 of
how to make to everybody welcome to part
2 of how to make product pas or 2 of how
to make Crossy Road Road