We’d love to hear from you. Whether you have a question that you’d like us to answer as part of our FAQ,  you’ve identified something that just doesn’t quite look right in one of our tutorials, you have a business opportunity or for any other reason, please use this simple form to contact us.

We’ll do our best to provide a prompt response.

Like it? Pass it on!

Introduction and Getting Started

Welcome to the second ever tutorial series here on DevGa.me. In this series we are going to be covering everything you need to know to get started with the Cocos Creator game engine. Cocos Creator is built on top of the Cocos2d-x open source game framework and makes it easy to create cross platform 2D games using the JavaScript and TypeScript programming languages. It provides a full level editor, complete programming API, animation editor, UI widgets and is completely free to download.

Getting Started with Cocos Creator

Cocos Creator is available for download at http://cocos2d-x.org/download. It is available for both Windows and Mac OS, sorry Linux developers there is no official download, although there is an unofficial Linux port available here. Pick the most recent version for your platform of choice, as of writing that’s 1.9.2.

Cocos Creator download

The downloaded file is a zip file containing the installer. Simply extract the file out to a folder on your machine and run the installer executable. If you get a security warning, you can dismiss it, this is normal. First start by selecting your language.

Cocos Creator Setup

Next select the location where you want Cocos Creator to install, tick the check box to agree to the terms and conditions (after carefully reading them and sending them off to your lawyers of course…), then click the Install button.

Cocos Creator Setup 2 - devga.me Tutorial

On Windows you may be prompted to install Visual Studio 2017. This is required when packaging your game for deployment, but not before that. Ticking this will download and install Visual Studio 2017 community, the free version of Visual Studio.

Visual Studio 2017 Installer

Now run CocosCreator.exe. Unfortunately, Cocos Creator requires you to log in, therefore if you haven’t already done so, create an account using the sign-up link.

Cocos Developer Login - Devga.me Tutorial

Thankfully the sign-up process is pretty straight forward, simply put in an email address and password. You will be sent a confirmation email so be sure to use a valid email address. Once registered and your email address is verified, log in using the email address and password.

You will now be brought to the Dashboard. This is where you would load an existing project, or in our case, we are creating a new one. Click on the New Project tab, select Empty Project, enter the directory where you want the project to be created (or click Browse to find an existing directory) and finally click the Create button.

Cocos Creator Dashboard - devga.me Tutorial

Your project is created and ready to go! Now let’s start making a game! Welcome to the Cocos Creator editor. Here’s a quick overview of the different parts of the editor.

Cocos Creator Editor - devga.me Tutorial

Now that we’ve got Cocos Creator installed and our first project created, let’s now walk step by step through using CocosCreator to create games.


Table of ContentsNext>>Creating a Sprite

Like it? Pass it on!
script ends --->