Newbie guide to Unity Javascript (long)

This is my introduction to scripting with the Unity version of Javascript, also known as UnityScript.

It assumes no prior programming experience.

If you have some prior programming experience, you may want to skip ahead to functions and classes. If you’re an expert, you’ll probably want to avoid this thread entirely, as you’ll likely be offended at how much I simplified some concepts! :wink:

If you want to run the sample code, you do need to be familiar with the Unity interface and know how to create a script and attach it to a game object. See links at the bottom of this article.

VARIABLES

Think of a variable as a container that holds something.

You can choose to name a variable anything you wish, as long as it contains no spaces, starts with a letter (preferably lower case), contains only letters, numbers, or underscores, and is not a reserved keyword.

Use the keyword ‘var’ to create a variable. Let’s call our first one ‘box’.

var box : String;

There you go, you’ve declared your first variable! Note that you must state what type the variable is, in this case String. Common types include String, int, float, and boolean. Note that proper capitalization is necessary! If you’re wondering about the semicolon at the end, statements (commands) in Javascript must end in a semicolon.

Of course, our box is empty, so let’s set it to a value by adding the following line:

box = "apple";

Now our box contains a text string (variable type), which happens to be “apple”.

Note that you can declare your variable and set it to a value in the same statement:

var box = "apple";

But once it’s declared, you can’t declare it again. You can, however, change it to another value (as long as the new value is the same type as the original).

When you declare the variable and set it to a value in the same statement, then declaring the variable type is optional. This is called “type inference”. The compiler sees a string value, and infers that the type must be String. You can still declare the type if you want. In some cases this can make the code more clear.

var box : String = "apple";

As far as Unity is concerned, this statement is 100% identical to the previous statement. In both cases box is a String variable containing the string “apple”. Regardless of whether you declare the type explicitly or not, the variable is a String type and can’t be changed to another type later.

box = "orange"; // This is fine
box = 5; // This won't work, because 5 isn't a string, it's an integer

In addition to text strings, variables can hold numbers:

var number = 10;

This is an integer (int), which means whole numbers only… no decimal places.

But we could also do a floating point number (float), which has decimal places:

var myFloat = 10.5;

Variables can also contain booleans. A boolean is simply a true/false value:

var gameOver = true;

We’ll discuss these more later.

Notice that a variable can normally only contain one thing at a time. But we can make a variable that contains multiple things, by creating an array. The syntax for an array type is to add left and right square brackets [ ] to the type. So if you want a String array, the type is String[ ].

var applePie : String[] = ["apple", "brown sugar", "butter", "pie crust"];

This variable contains everything you need to make an apple pie!

If we wanted to view the contents of applePie, we could output it to the Unity console using the Debug command. Add these lines to the code above:

for (var i = 0; i < applePie.Length; i++) {
    Debug.Log(applePie[i]);
}

On play, the console should display:

apple
brown sugar
butter
pie crust

To access a single element (item) from an array, we can access it through its index (position in array). This may seem confusing, but indices start at 0. So index 0 is actually the first element in the array.

var applePie = ["apple", "brown sugar", "butter", "pie crust"];
var item1 = applePie[0];
Debug.Log(item1);

You can actually use indexing with Strings as well. The following code displays the first character of “hello”, the letter ‘h’:

var myString = "hello";
Debug.Log(myString[0]);

Now lets alter our variables in other ways.

We can add variables:

var number1 = 10;
var number2 = 11;
var total = number1 + number2;
Debug.Log(total);

If you add an int (integer) to a float (floating point number) the result becomes a float:

var number1 = 100;
var total = number1 + 1.5;
Debug.Log(total);

Obviously, we can also subtract/divide/multiply ints and floats.

Less obvious, we can also ‘add’ strings. This merges them together:

var string1 = "apple";
var string2 = "cider";
var combo = string1 + string2;
Debug.Log(combo);

If we add a number to a string the result becomes a string.

We can also multiply strings.

var greeting = "howdy";
Debug.Log(greeting * 3);

Unfortunately, we can’t divide or subtract strings. There are ways to split strings and remove parts of strings, but that is a more advanced topic.

Let’s wrap up our discussion on variables with incrementing numbers (changing their value by a set amount).

First, declare a variable and set it to 1:

var number = 1;

We can increment numbers various ways.

number = number + 1;

The above adds 1 to our number, and it becomes 2.

But programmers are lazy, and decided this was too long. So they abbreviated it to:

number += 1;

This is simply shorthand for number = number + 1;

There’s an even shorter way:

number++;

This increments the variable. That is, it adds 1. You can also write it like this:

++number;

These actually do slightly different things. When you use “number++”, the variable is returned and then incremented. When you use “++number”, the variable is incremented and then returned. So what does this mean? If you use either method by itself, it doesn’t matter.

var number = 1;
number++;  // or ++number
Debug.Log (number);

In this case it’s basically the same as using “number += 1;”. However, let’s try this:

var number = 1;
Debug.Log (number++);
Debug.Log (number);

You will see that Unity prints “1”, and then “2”. That’s because “number++”, as mentioned above, is returned first and then incremented. In other words, Debug.Log prints the current value of the variable, and then the variable is incremented, so it contains the value “2” after Debug.Log has used it. Let’s try it the other way:

var number  = 1;
Debug.Log (++number);
Debug.Log (number);

Now Unity prints “2” both times. That’s because “++number” incremented the variable first before returning it. Now, this may seem kind of tricky. And it is! But the difference can be quite useful (and important) in more advanced code, so it’s worthwhile to be aware of this.

You can also do the same with subtraction:

number--;
--number;

But for division and multiplication, you must use one of the longer forms:

number = number/2;
number *= 2;

Note that an asterisk means multiply, a slash means divide.

IF STATEMENTS

If statements are conditional statements. If a condition evaluates as true, do something.

We can do a comparison of two values by using two equal signs, ==

“number == 10” evaluates as true if our number variable equals 10, otherwise it evaluates as false.

Note: it’s important to remember to use two equal signs when comparing variables/values, but one equal sign when setting a variable to a value!

The following creates a variable and sets it to true, checks to see if the variable equals true, and if so prints a text string to the console:

var gameStarted = true;
if (gameStarted == true)
    Debug.Log("Game has started");

The above is actually redundant, since our variable ‘gameStarted’ is a boolean. There is no reason to check “if true equals true”, just check “if true”:

var gameStarted = true;
if (gameStarted)
    Debug.Log("Game has started");

If you’re wondering why I didn’t put a semicolon behind if (gameStarted), it’s because technically it is only the first half of the statement. I could have written it like so:

if (gameStarted) Debug.Log("Game has started");

I could have also written it this way:

if (gameStarted) {
    Debug.Log("Game has started");
}

Those brackets represent a block of code, and tell the if statement to execute anything in between… if the condition is true!

When if contains only one statement to execute, the brackets are optional. But if it contains more than one statement, you MUST use the brackets! Note that semicolons are not needed after brackets.

var gameStarted = false;
If (gameStarted == false) {
    gameStarted = true;
    Debug.Log("I just started the game");
}

Read the second line of code above. Remember those lazy programmers? They don’t want to write

if (gameStarted == false)

When they can just write:

If (not gameStarted)

But you know what? Why write ‘not’ when I can shorten that too?

if (!gameStarted)

Yes, an exclamation point means ‘not’ to lazy programmers!

You can also combine this with equals, where it means “not equals”:

var answer = 1;
if (answer != 42) Debug.Log("Wrong question!");

You can also check for greater than or less than:

var age = 18;
if (age > 18)
    Debug.Log("old enough");
else if (age < 18)
    Debug.Log("jailbait");
else
    Debug.Log("exactly 18");

Notice the ‘else if’ and ‘else’ keywords? if the first if statement condition fails (evaluates as false), it then checks the condition under else if. If that one fails, it will check the next else if (if one is available), and finally if all conditions fail, it executes the statement under else. Again, if the ‘if’, ‘else if’, or ‘else’ statements contain more than one statement, each block of code must be separated by brackets.

You can also check for multiple conditions in a single statement:

if (age >= 21  sex == "female")
    buyDrink = true;

Above, we introduced greater than or equal to >= and the AND operator, which is two ampersand characters: . If both conditions are true, the statement is executed. If even one is false, the statement is not.

Note: if you want to run the above code, remember to create variables for age (int), sex (String), and buyDrink (boolean) first!

if (engine == "Unity" || developer == "friend")
    buyGame = true;

Above, we used the OR operator, which is two pipe characters: ||. If either condition is true, the statement is executed. If both are false, the statement is not.

Note: if you want to run the above code, remember to create variables for engine (String), developer (String), and buyGame (boolean) first!

If can also be used with the keyword ‘in’. This is generally used with arrays:

var names = ["max", "rick", "joe"];
if ("joe" in names) Debug.Log("Found Joe!");

LOOPING

Looping allows you to repeat commands a certain amount of times, usually until some condition is met.

What if you wanted to increment a number and display the results to the console?

You could do it this way:

var number = 0;
number += 1;
Debug.Log(number);
number += 1;
Debug.Log(number);
number += 1;
Debug.Log(number);

And so on… but this is redundant, and there is nothing lazy programmers hate more than rewriting the same code over and over!

So lets use a For Loop:

var number = 0;
for (var i = 1; i <= 10; i++){
    number += 1;
    Debug.Log(number);
}

Okay, that for statement on the second line may look a little confusing. But it’s pretty simple actually.
var i = 1 -created a temporary variable i and set it to 1.
i <= 10 -how long to run the loop. In that case, continue to run while i is less than or equal to 10.
i++ -how to increment loop. In this case, we are incrementing by 1, so we use the i++, shorthand for i+=1

If we’re just printing 1 thru 10, our code above could be shortened. We don’t really need the number variable:

for (var i = 1; i <= 10; i++)
    Debug.Log(i);

Just like if statements, brackets are optional when there is only one statement to execute. Talk about beating a dead horse…

We can also count backwards:

for (var i = 10; i > 0; i--)
    Debug.Log(i);

Or print all even numbers between 1 and 10:

for (var i = 2; i <= 10; i += 2)
    Debug.Log(i);

We could also use a While loop, an alternative to For statements.

While executes repeatedly until a condition is true.

var number = 0;
while (number < 10) {
    number++;
    Debug.Log(number);
}

While loops are most useful when used with booleans. Just make sure the escape condition is eventually met, or you’ll be stuck in an infinite loop and the game will most likely crash!

var playerJumping = true;
var counter = 0;
while (playerJumping) {
    //do jump stuff
    counter += 1;
    if (counter > 100) playerJumping = false;
}
Debug.Log("While loop ended");

Notice the fourth line of code above? The one that starts with two slashes? This means the text afterwards is a comment, and will not be executed. Comments are useful for noting how your code works for yourself or others, for putting in placeholder text to be replaced later (as above), or for commenting out sections of your code for debug purposes.

FUNCTIONS

If you thought loops were a time saver, wait until you find out about functions!
Functions allow you to execute a whole bunch of statements in a single command.

But lets keep things simple at first. Lets define (create) a function that simply displays “Hello world” on the console.

function SayHello() {
    Debug.Log("Hello world");
}

To execute, or ‘call’ this function, simply type:

SayHello();

Note the parenthesis after our function. They are required, both when we define our function and call it. Also note that our function name is capitalized. It doesn’t have to be, but capitalizing function names is the norm in Unity. This makes it easy to distinguish between variables and functions.

What if we wanted a function to say different things? We can pass a value, or argument, to the function:

function Say(text : String) {
    Debug.Log(text);
}

Above, “text” is the argument, a temporary variable that can be used within the function only. Note that the type of the argument must be defined. In this case “text” is a string.

Now when we call our function, we have to provide an argument:

Say("Functions are cool!");

We can also pass variables:

var mytext = "I want a pizza";
Say(mytext);

Another useful thing functions can do is return a value. The following function checks to see if a number is even and if so it returns true, else it returns false:

function EvenNumber(number : int) {
    if (number % 2 == 0)
        // NOTE: % is the mod operator. It gets the remainder of number divided by 2
        return true;
    else
        return false;
}

var num = 10;
if ( EvenNumber(num) )
    Debug.Log("Number " + num + " is even");

When the return command is executed in a function, the function is immediately exited (stops running). Returns don’t have to return a value:

function Update() {
    if (!gameStarted) return; //exit function
}

The Update() function above is one of the main functions in Unity. You do not have to call it manually, it gets called automatically every frame.

OVERLOADING FUNCTIONS

Functions can be overloaded. Sounds complicated, but it’s really quite simple. It means you can have multiple versions of a function that handles different types of arguments, or different numbers of arguments.

To handle different types of arguments, simply use the colon : to state the type of argument being passed. Common types include String, int, float, and boolean. Note that proper capitalization is necessary!

function PrintType(item : String) {
    Debug.Log("I'm a string, type String");
}

function PrintType(item : int) {
    Debug.Log("I'm an integer, type int");
}

function PrintType(item : float){
    Debug.Log("I'm a float, type float");
}

function PrintType(item : boolean) {
    Debug.Log("I'm a boolean, type boolean");
}

function PrintType(item: GameObject) {
    Debug.Log("I'm something else");
}

function PrintType() { //catches everything else
    Debug.Log("You forgot to supply an argument!");
}

PrintType();
PrintType("hello");
PrintType(true);

CLASSES

So variables have different types, such as String and int. But what if you need a new type that does something different?

Classes are simply new types that YOU create.

class Person {
    var name : String;
    var career : String;
}

//Create objects of type Person
var john = Person();
john.name = "John Smith";
john.career = "doctor";
Debug.Log(john.name + " is a " + john.career);

The above class has two class variables, or properties, name and career. You access them by typing the name of the instance (in this case, John) followed by a period and the name of the property.

You can also pass arguments when creating instances of a class. You do this by creating a constructor, which is a special function that is automatically called whenever a new instance of your class is created. This function has the same name as your class, and is used to initialize the class:

class Animal {
    var name : String;
    function Animal(n : String){ //this is the constructor
        name = n;
        Debug.Log(name + " was born!");
    }
}

var cat = Animal("Whiskers");

Classes can have regular functions as well. Class functions are sometimes called methods. Again, you access these by typing the name of your instance followed by a period and the function name (don’t forget the parenthesis). This is useful for having instances interact with one another:

class Person {
    var name : String;
    function Person(n : String) {
        name = n;
    }
    function kiss(p : Person) {
        Debug.Log(name + " kissed " +  p.name + "!");
    }
}

jenni = Person("Jenni");
bob = Person("Bob");
jenni.kiss(bob);

INHERITANCE

Classes can inherit or extend (add functionality to) another class. The class that gets inherited from is usually called the base class or the parent class. The extended class is also called the child class or the derived class.

This will be our base class:

class Person {
    var name : String;
    function Person(n : String) { //constructor
        name = n;
    }
    function Walk() { //class function
        Debug.Log(name + " is walking");
    }
}

To extend this class, create a new class with the keyword ‘extends’:

class Woman extends Person {
    var sex : String;
    function Woman(n : String){ //constructor
        super(n);  //calls the original constructor and sets name
        sex = "female"; //adds additional functionality to the extended class
    }
    function Walk() {
        super.Walk(); //calls the original function
        Debug.Log("And she is so sexy!"); //adds additional functionality to the extended class
    }
}

Note that we can access the base/parent class properties and functions by using the keyword ‘super’.

If we create an instance of Woman and call function Walk(), both the parent and child function are called:

amanda = Woman("Amanda");
amanda.Walk();

BUILT IN TYPES AND PROPERTIES

Now you’re probably wondering, “if classes, the types I create, can have properties and functions, why can’t the built in types”?

They do, actually.

To convert an int to a String, use the built-in function ToString():

var number = 10;
var text = number.ToString();

To get the length of a array (or a String), use the built-in property Length:

var animals = ["cat", "dog", "pig", "dolphin", "chimpanzee"];
var total = animals.Length;

You can use this in a for loop. Add the following two lines to the code above:

for (var i = 0; i < animals.Length; i++){
    Debug.Log(animals[i]);
}

This displays the contents of our array, one item at a time.

To split a String into an array, use the function Split():

var sentence = "The quick brown fox jumped over the lazy dog";
var words = sentence.Split(" "[0]);
for (var i = 0; i < words.Length; i++) {
    Debug.Log(words[i]);
}

To get a part of a String, use the function Substring(). Substring takes two arguments, the starting index and the ending index:

var sentence = "The quick brown fox jumped over the lazy dog";
var firstHalf = sentence.Substring(0, 19);
Debug.Log(firstHalf);

To capitalize a text string, use the function ToUpper();

var mission = "go make cool games!";
Debug.Log( mission.ToUpper() );

As you might expect, there is also a ToLower() function.

Debug.Log( ("THE END").ToLower() );

ADDITIONAL INFO

Online learning materials for Unity

Intro to Unity Programming on Unify Wiki
http://wiki.unity3d.com/index.php/Programming_Chapter_1_Old

Unity Script Reference Page

MSDN - This is for advanced programmers. It typically uses C# for code examples, but nearly all of it applies equally to Javascript.
http://msdn.microsoft.com/en-us/library/system(v=vs.110).aspx

3 Likes

I just wanted to say I appreciate all you have put in to this post. I was understanding everything until I got to Inheritance, where did “super(n)” come from? I see no reference or why/how it’s being used in either the base class or extended class.

Thanks

-Raiden

You are a nice person, making a long guide to programming for newbies. Thanks for being at this community. :smile:

1 Like

No problem.

“Note that we can access the base/parent class properties and functions by using the keyword ‘super’.”

super simply refers to the parent/base class.

Thank You!

Nice post.

Very usefull for beginners, thanks a lot.

I think this deserves a sticky.

Thank you very much for the time and effort you put into this.

Well, we’ll see about that in time, but I have added it to the Scripting board FAQ.

Thanks for posting this Tony!

Wow, just what i need: a list to help me remember those tricky codes XP
BTW, im typing this from school. HAHA! Ill study my way!

A very kind contribution.

Thank you :slight_smile:

Great stuff! Very informative! If you can, please add to you array section how to access individual things stored in an array. I don’t know how to take array element1 and subtract it from array element2. For example:

array of vextor3’s

array element2[2,3,4] - array element1[1,2,3]

= result of [1,1,1] (somehow). :?

Thanks again!

I may have misunderstood your post but if your array is an array of Vector3’s then wouldn’t this work …

var result:Vector3 = array[2] - array[1]

(I’m a noob so i’m probably wrong)

Great post!

Given your extensive knowledge of UnityScript, do you think you could folow up this great post with a list of the differences between normal js and Unity js. I have no idea how extensive the differences might be but I find myself falling into the trap of trying to use non-supported features or using features that are different in a normal way and crashing.

Javascript in Unity is a lot more like JScript than Javascript.

–Eric

Eric5h5 - Excellent! Thanks

Hi and thanks for the intro,

I’m a 3d artist and don’t know the basics, so all I do is copy paste and change numbers untill it works. But that way int’s not efficient and is buggy as hell.

If you’re planning going to continue with Unity tutorials, which would be awesome so I don’t have to bother programmers all the time, could you make something about movement, cameras, rotation (world/self etc.) and simple AI?

Thank you for a good head start. I have hired programmers, but always felt illiterate that I couldn’t script well.

My New Year’s resolution is to start learning Unity Java Script next year, so I won’t be so handicapped.

thanks for the great starterguide. can i translate your guide into german and post it on the forum? that might be good for the growing number of german unity users :slight_smile:

Feel free to translate it, just give me credit for the original document.