Creating space invaders game on XCODE 7 macbook air

Hey guys, so I have this interesting idea

for a video. I'm currently learning how to

use Xcode, and I'm following this tutorial

to how to make a Space Invaders game. And

as you can see, it doesn't look very good.

I mean, you have a plain background, you

have this ship that looks like a stupid

red block, and the bullet is just an

orange rectangle. So this was the code.

Hold on, the code is right

here.

And basically this just links up the

buttons on the screen. And this is the

code. So, so far we've done— we've

made the code so when you press on the

left arrow side of the screen, the ship

moves to the left, and then on the

right-hand side, the ship moves to the

right. And this one limits the number of

bullets that you can shoot. So currently

you can only shoot one bullet, but I'm

going to change that later so you can

shoot multiple bullets because I want it

to be more fast-paced and action-oriented.

And this is the bullet. So the

bullet appears Now the bullet disappears

hidden when it is less than 0 on the

y-axis. And then you

click on the button shoot to shoot another

bullet. Anyway, so this is what the game

looks like when you press run.

It's a bit slow when you press run. It's

like loading up this. Okay,

so build succeeded. Where is it?

Start, and you press Start. If you press

Shoot, it shoots an orange block.

And if you press on the left, it goes

left. Press on the right, it will go to

the right. Easy, right? But what I want to

do in this video is make this more pretty.

So let's close this and go back to

Main.storyboard. And I actually downloaded

this PNG of a spaceship which looks a lot

better than our current spaceship, and it

looks like this. Now doesn't that look

better? Look at that, look at that.

Okay, let's do run, see how it looks like.

Why is the cursor hand? It should be like

a pointer. Anyway, so we have shoot.

Shoots a block, and our spaceship looks

really cool now. Okay, so what I want to

do now is replace the bullets because

this— I don't want this ugly orange. So

let's look for something interesting. I

was thinking of a fireball, but now let's

have a look at lasers. Laser pixel

art PNG.

So I'm just looking for these images on

the search engine. I'm not really sure if

you're allowed to do this, just pinch

images off Google or search engines,

but who cares. So let's try Google.

So this search engine isn't very good,

but it gives you random points if you

search using that website, and you can

change points for Amazon gift cards,

which is nice. Laser pixel PNG

art.

So what we want is like a laser. These

aren't really what I'm looking for.

Oh, this is nice. What about this?

But is it a PNG? Oh, it is a PNG.

So let's download this. Save image

as laser. Pew pew.

And then what we have to do is go back

into Xcode and then go where you

downloaded it, and then you have to drag

it, drag it under Supporting Files,

and then do Finish. And then what you do,

you click on Laser, and then you click on

Image View, which is the 4th tab. Then you

click on Image and then go down. Should be

there. It's not there.

Oh, is that it? Is this it? What is this?

But we saved it as Laser. This isn't what

it looks like. It should be laser pew

pew.png. So what,

what did we just do? We changed it to this

pic. Oh, we just changed it to a smaller

ship. Wait, let's do run. So the ship

is firing a bullet which is a smaller

version of the ship. That'd be quite funny

actually.

Okay, let's have a look at this. This

should be funny. Shoot.

It's shooting a smaller ship. Okay, we

don't want that. We want the laser, but

for some reason— oh, there it is, laser

pew pew.png. Okay, let's make it a bit

bigger so

you can actually see it. Okay, run.

I don't know, it's a bit of a boring

looking laser. We might look for something

more interesting. Shoot. That's alright.

It looks like a laser. Also, the laser's

trajectory speed is kind of slow. I want

it to go faster so it actually looks like

a proper missile instead of like a slow

motion thing. Okay, let's do view more.

Aren't there any decent lasers?

What else could we do? We could do like a

fireball. Fireball would be cool.

Fireball PNG pixel art.

Also, what I want to do is replace that

background with like a space background.

Oh, this is nice. Look at this.

Or we could have Okay,

this, this is all rubbish. Let's look,

let's get this one, and we'll

download this as Fireball.

And then do as we did before, drag it into

supporting files,

finish, change this to Fireball

and make it nice and big. We'll have like

a fireball shooting ship. Okay, that's

Okay, start.

Come on. Oh, that's nice. It's a bit big.

Shoot. Also, when you press shoot, it's

kind of coming out from the ship. I I want

it to come out from the front of the ship,

so we might have to go into the coding,

which is— where was it?

Where is that code? Here we go.

So bullet.center equals cg.Point.make. So

when you press shoot, it will appear at

the ship.center.x, which is at 650, but

that's a bit too low. I want it to be

higher, so let's try 590.

It must be an easier way to do this, but I

don't know, so I'm randomly guessing.

Okay, let's see where it comes out. Oh,

that's a bit too forward. Let's try 620.

620 is— oh, that's just

right, just right.

Shoot. Okay, so we go left, we go left,

we go right, we go right. Okay, what we

want to do now is change this shitty

background. Okay, let's go for it. What

kind of background should we do? How about

a space pixel art background?

So how about something like this? This

looks nice. No,

I want more of like a pixel art kind of

style.

How about this? No.

How about—

hmm, something nice and simple,

but not too simple. Let's change

it to space retro pixel art.

No, this isn't what I want.

Okay, how about starry night sky pixel

art?

No, this one's too many stars.

Uh, not really what I'm looking for. How

about starry space pixel background?

No, this one's quite nice, but there

wouldn't be clouds in space, and we're

supposed to be a spaceship.

This one? It's a bit fancy.

No, it's too, too much clutter.

It would be hard to see the spaceship.

How about— hold

on. So let me go on to the next video.

Um,

how about we try nighttime pixel art

I quite like this one.

It's a bit big. No,

no good.

Or we could go for— no,

the first one was best. Okay, let's go

back. Space art background pixel.

Hmm. No, this isn't

what I want.

What is this?

Okay, let's try this. Let's just try this

because I can't find anything better.

So change this to space background and

then bring— we

need to bring that space background into—

oops.

Whoops-a-doozy. Let's bring this into

Supporting Files.

Just press Enter. Now go into

Main.storyboard, and we shall do— now

how do we change the background? We can do

an ImageView,

and then we change this to Where is it?

Space background, right? Let me do this.

Now we need to stretch it out. Oh, but

it's covering everything. How do we send

it backwards?

Okay, so I don't know— whoops— don't

know how to do this, guys. How do I get my

ship and my game on top of background.

Oh, I know, maybe if we delete this,

select all of this,

select all, copy, delete,

and then we put in the image, ImageView

space background.

And then stretch this out.

And what I want to do is paste, paste all

that stuff back like this. Did it work?

I don't think it worked.

Wait, I can't even click this.

Something's gone wrong. Something has gone

terribly wrong because it's not

responding.

Oh, there we are. Let's see. Okay, put it

all the way back there. Okay, so this

might actually work. Put auto resizing,

click all these. Okay, let's have a look.

So hopefully we should have a nice ship,

a nice fireball on a nice background. And

then we have to like redesign these

buttons because they look a bit boring.

Build succeeded. Oh yes, my favorite,

favorite.

Words. Okay, start. We also have to

design this start menu because it looks a

bit— oh, look at that! That is amazing.

Oh wait, but my start button isn't

working. Oh, is that because— wait, okay,

so because we deleted them all, we have to

relink these buttons. Yeah.

So what we do is drag bullet to bullet,

fireball, exit to exit,

ship to ship,

shoot to shoot,

start to start. Okay, it should work now.

Come on.

Oh yes, it works,

guys! It looks pretty cool now, doesn't

it? So I'm gonna have a look for a better

background because this background's a

bit— it doesn't really suit the theme of

the ship. Damn, that fireball's so slow.

Okay, let's just see if we can speed that

fireball up. How do we do that?

So bulletOnScreen equals bulletOnScreen

plus 1, bulletMovement equals 7. What if

we change that to like 25? That should

speed up that flaming fireball.

Boom! That's more like it, that is more

like it. That is a real fireball.

Look at that. It might be a bit too fast

actually. Let's try 18. 18 sounds good,

guys. Good guys, sound good?

Good, good, good. All's good.

Okay, start and shoot. That's more like

it. Okay, so that's how I redesigned this

game. I'm actually following this tutorial

by someone called Matt Healy Apps. And his

YouTube tutorials are really good on

Xcode. I only started Xcode about a week

ago, and I'm really getting used to all

the coding and all the menus. So he's a

really good teacher, and you should check

him out if you're learning how to use

Xcode. And I hope you enjoyed this video,

and I'll see you next time.