In the last video, I talked a little bit about different parts of a programming language

In this video, I'll talk about the basic building block of a program: a function.

A function is a collection of code that "does something." It has a function.

For example, in our game there's a function to add items like coins to the screen, to add platforms, to create a badge.

There are a lot of functions in our game.

If you'd like to follow along, you can launch the workspace on this page, or

continue working with your previous workspace.

For example, here's a function that adds coins to our game.

There are two steps to using a function, the first step is creating, or

what's called declaring the function.

Declaring a function puts your programming code into a neat

little package that's stored in the computer, or in your browser.

In JavaScript, the function keyword creates a function.

However, the code doesn't do anything until you call the function,

that's the second part of using a function.

To call a function you use its name without the function keyword.

For example, this function addItems is declared here,

but it's not called til way down here on line 84.

Calling a function makes the programming inside it run.

Now, let's call some functions to make our program do stuff.

Notice that this function, createItem,

Is declared here, and it's called up here, inside of the add items function.

You can see that we can call functions from within other [LAUGH] functions.

Now this may seem confusing but it's very common in programming to create small

units of functionality, like these functions that do just a few things.

And then call them throughout the program even inside other functions.

Now notice that when the create item function is called,

there's some information inside the parentheses, 375, 300 and coin.

This is information that we give to the function.

In programming talk, we say we pass this information to the function.

Functions can accept information and

that information changes how the function works.

Let's add another line here, I'll

type createItem to call the function, and pass it three pieces of information.

575, 500, and the string coin,

I'll save the file and preview it.

Another coin, as you can see, calling a function makes something happen.

If this didn't work for

you, look carefully at your code, make sure that it matches mine exactly.

Even a small error, like forgetting a comma or

a quote mark can keep a program from working.

Now the numbers here, 575 and 500,

determine where the coin appears on the screen.

The game area is split into coordinates, at the top,

is 0,0, that's at the top left-hand corner.

From left to right, we go from 0 all the way up to 800.

From top to bottom, it goes from 0 to 600.

The first value is the position of the coin from the left,

and the second value is the position of the coin from the top.

If we alter any of these values,

it changes where the coin appears in the game.

In fact, I want to move this coin down a little, so I'll change 300 to 400.

And you can see the coin has moved down.

Let's add another coin.

In fact, I can just copy this, and paste this code cuz it's pretty much the same,

just a few pieces of information change.

Cool, and there's a third coin.

We can also add more platforms, let's do that now.

Platforms are created inside this addPlatforms function.

We can add another platform simply by typing platforms.create,

calling the function.

And we'll pass three pieces of information, 100,

550, and the string platform.

I'll save the file, preview it and we have another platform, super cool.

Notice that this code looks a little bit different than the code we did before,

it has platforms.create.

This is also a function, but it's a special type of function called a method.

It's a function or command that's provided by the phaser game library.

Remember we're using a library or

a bunch of prewritten code that gives us a lot of tools for creating games.

Let's add another platform.

I'll save the file and preview it.

Nothing's showing up, hm, I wonder what's going on?

Let's go back to our code, there's a slight

difference between the last line of code I wrote and the one previous to that.

Can you spot it?

There's one character out of place, this capital C.

It seems like a small difference, but

as I mentioned earlier, programming languages can be pretty picky.

You have to type things exactly right or a program won't work.

JavaScript code, like a lot of programming languages, is case sensitive.

Meaning that create with a lower case c and

Create with an upper case c mean two different things.

It's an easy fix fortunately, you just change this to a lower case c.

I'll save the file and preview it, cool, it works.

Why don't you spend a few minutes adding more coins and platforms to this game.

Let's see if you can create something that looks like this.

Has nine platforms and nine coins.

In the next video,

I'll show you how we can customize the game even more with some new graphics.

But, in the meantime, why don't you try another code challenge?