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

everybody welcome to part 4 of how to
create around 2d Crossy Road with
swifting Xcode so let's go ahead and get
started all right so first order of the
day let's open up Crossy Road Xcode
project and we're gonna head over to our
view controller dot Swift now first
thing we want to do is change the colors
of our landscape randomly so in order
for us to do this let's go down here to
where it says for I in 0.7 scape countin
negative 1 this is where it says
basically if the landscape dot center
dot Y is greater than or it goes off the
scene then we move it right up to the
top now when we move it up to the top we
want it to also randomize the color
scheme so in order for us to do this we
need to go up here to if the self dot
landscape that wide it's greater than so
on and so forth we need to go right
inside of this if statement and inside
of this if statement we want to create a
variable so we'll call this variable
just random number and this will be
equal to an integer like so and then
down here we want to have a switch case
now the switch case basically means what
are the different cases that are going
to happen for each of the random numbers
picked so we can say switch random
number and then right after that do an
open curly braket and then a close curly
bracket after that and we will have in
which the case or a random number is
equal to zero we want something to
happen like so and then we want to add a
break statement basically saying if this
is not true we move on to the next thing
so then we say case 1 so if it's equal
to 1 then we want to do something else
and then lastly we will have a case 2
you can of course add more later on but
I'm not going to show you then then
lastly we need a default so this default
is basically going to be if none of
these cases are true what is going to
happen so default : there we are and now
we have our switch case all set up but
we are not randomizing this random
number right
here so in order for us to do this we
just say random number is equal to arc
for random this just is a very
intelligent randomizer I guess and then
we go percent three so in the case that
it is zero one two as you can see this
percent three is actually going to be
equal to zero one and two it's going to
be a picking through those three numbers
but it goes it starts at zero so in
which the case is zero one or two we
want to actually change our landscape I
a different color so we need to go down
here and just say landscape I dot
background color will be equal to a UI
color dot red color now if you're
wondering well where are you getting
this i from it's right up here where
it's actually picking the random number
I and we're putting it inside of this if
statement because it's going to
specifically change the color of the
landscape object that we are moving to
the top so you might make sure that
isn't that it is in this if statement or
else you'll be randomizing all the
colors and that would not be good so now
go down here to case two and will
basically do the exact same thing just
with two the different color now of
course you can always say UI color dot
brown color or you can do an RGB just by
going right after the UI color saying
RGB but in tutorial purposes we're just
gonna go down brown color and then
lastly we will have landscape I dot
background color will be equal to I UI
color dot and we'll make this one a blue
color and our default color we just want
this to be equal to we'll say our
default color will be equal to a red
color now right up here it's saying
cannot assign a value of type uint32 to
a type of int and that is true because
this is actually a tan integer as we
call it up here so in order for us to
fix this let's just go ahead and put the
erase this whole first line where we
created the variable of random number
and we're gonna put that right in here
so basically at the UI into thirty two
will go into this switch statement
and we're not gonna get any airs now so
now favor to building run we will get to
our Crossy road going along and again we
have our scoring and as you will see we
have these Browns reds and blues colors
I know they're not the best looking
colors you can of course edit the colors
yourself but those are our colors that
we want popping up it looks like we are
actually missing one of these lines
right here we can fix that later but for
now we're gonna just dismiss that now
this is something that I really didn't
go over last time and it is you I viewed
I animate with duration you can have
different options for the different
direct an omission that you would like
to have so you can have UI view
animations options curve linear which is
what we have right now where the
background is just moving at a linear
rate so it's automatically just straight
going there but you could also edit this
and I've kind of grown to like the curve
ease out like so we can also do this for
our landscape so we can say curve ease
out now if we were to build and run this
you will see that we have our person and
it's it's a more sudden thing it's a
little bit more bouncy than it when you
usually want so it's I like it it's not
too much of a difference just one of
those nitpicky things that I kind of
like so next thing we need to do is make
sure that our player is intersecting
with things correctly let's say if he
hits this blue object right here we want
him to die so down here in our for
statement right here where it's checking
through all the landscapes and moving
them down we need to also add another
thing that another if statement so this
will say if our player dot frame
intersects and we'll say it intersects
with our landscape for the I value
then we want certain things to happen
now this should actually be self dot
player dot framed intersects and this
will be landscape i dot frame so if they
intersect frames together meaning the
landscape or the player once they
intersect we want something to happen
this should also be self dot landscape
top frame what do we want to happen well
there's another statement that needs to
go in here so we need to put ampersand
ampersand and say also if our self to
landscape for the I value dot background
color background color will be equal to
a UI color dot brown color and this
should actually be blue color as we're
trying to make this like water so once I
hits the water so once it intersects
with the frame we also want to make sure
that it's blue color and if it's a blue
color then we want him to die so we want
to say NSLog you did so we're just gonna
leave that NSLog statement in there for
a second and we're getting this air
because this should actually be a
comparison statement where it says where
it's comparing whether the background
color of our landscape right here is
equal to a blue color you know i typed
NS login wrong like so and now let's
build and run and let's try hitting a
blue color object so right this is not
blue right yet let's try this one right
here there we are
so this one right here is the blue color
and as that's coming in it just as soon
as it hits that blue color and says you
did so now we can click another hit
another blue one and you will see this
as you're dead now we need to also go
over to our main dot storyboard and we
want to create another view controllers
this will be our end scene view
controller so let's go ahead add a view
controller in there like so and let's
just change the size of em to an iPhone
4.7 inch
like so so it just matches up properly
then we're also going to just add a
button in there that will just say play
again then let's take a right click or
control click and drag from this play
again button and we're gonna say Center
vertically and Center horizontally and
you can select both of these just by
holding shift like so so it's centered
and now we need to create a swift file
for this buek each other that we just
created so say file new file and this is
going to be a swift file so go up here
to your source Swift file click next and
our state will save this as our end view
controller create and now that we have
this end view controller we can change
the class of it to a end VC will just
call this NV c4n view controller : and
then we also need to import our UI kits
so we can hook it up to a our UI
interface so let's just type in UI kit
and now we want this end view controller
to be of the subclass of a UI view
controller and then down here we wanted
to say viewdidload like so and then
let's go over to our main dot storyboard
click on our view controller right here
so it highlights it in blue over head
over to our identity inspector and our
class we're gonna change the class to
NVC now this is going to be connected
with the file that we created so we're
going to be able to edit the view
controller from the file that we just
created now it's not coming up
automatically so go up here go manual
cross Iran and go to your end view
controller like so now let's hook up our
play again button over to our view
controller and we want this to be a
outlet and we call this play again
BTN we need also save this file so just
go command s that will make it usable so
now right-click or control-click
indirect from this play again button
again and we will just put play
again BTN connect and then we need to
also do this again with our play again
button and with this time it's going to
be an action and we'll just call this
play again action like so now that we
have this done let's go into our play
again action now inside of this play
again action first thing we need to do
is actually call our storyboard right
here so say self dot storyboard
instantiate the initial instantiate view
controller with identifier and we are
going to call this identifier our view
controller right over here so let's
click on this view controller right here
and it says storyboard ID we want to
click go right in here inside of our
identity inspector and inside of here
click our story about idea and we will
just call this view controller and then
we also need to go back to our end VC
and we will go to our storyboard ID and
call this NVC now we need to say self
dot storyboard or first we need to
actually create this as a variable so we
need to say bar we'll say a view
controller will be equal to self dot
storyboard instantiate view controller
with identifier and this will be the
identifier of view controller that we
just created inside of here so be sure
it's matching the exact same storyboard
ID that you have right here and then we
need to say as a UI view controller or
whatever the superclass of your view
controller is in this case it's a UI
view controller so now that that's done
we need to say self dot present view
controller and we need to present the
view controller that we just created so
let's type in view controller and this
will actually be a view controller temp
that way we can this will be our
temporary view controller that way we
can call it a bit better and make sure
that is the exact view controller that
we want to call animated we will set
this to true and completion we will set
this to nil and this again will be as a
UI view controller
we're telling it this is a view
controller don't worry about it we got
it handled
and it looks like I improperly put those
parentheses in there and this should not
have an exclamation point so this is a
view controller temp as a UI view
controller we're telling it that and now
we're gonna switch over to our end our
view controller dot Swift and basically
do the exact same thing so again we can
actually just copy and paste this right
over here inside of our 4i right where
it says intersects so when it intersects
we're also wanting to go over to the
view controller so now here we want to
save our view controller temp will
actually change this to end and VC temp
that way we can keep names a little bit
better
NVC temp is equal to self dot storyboard
and then we need to go down here and say
end BC temp as UI view controller
animated true and now if we were to
build and run this when we hit a blue
object we are going to move over to our
other scene so let's go ahead hit a blue
object although that did look pretty
cool that was not the way we wanted it
to be we need to go down here to our NVC
temp and we actually want to change the
instantiate the identifier that it's
trying to instantiate over to NBC and
again this is in our view controller dot
Swift I'm gonna close this off so it's
not so confusing now let's build around
this again and as you can see when we go
ahead and hit this blue view controller
I mean this blue button right here it's
going to say play again and we could
play again that's it for this tutorial
if you enjoyed it be sure to hit that
like button down below and if you want
to see more tutorials like this for me
in the future be sure to subscribe if
you want to follow me on social media I
am at archetype but thank you all so
much for watching and I will see you in
the next one