What is Cocos Creator?

Cocos Creator is a complete game development solution that includes a lightweight and efficient cross-platform game engine and all the graphical interface tools you need to develop your game faster.

Why Cocos Creator?

Because the Cocos Creator editor provides two workflows for design and development, it provides a simple and smooth way of collaborating. Currently, it supports publishing games to Web, iOS, Android, various “small games”, PC client and other platforms. Learning costs will not be too high, and a development, the whole platform run!

Learning the premise

At least be interested in the game! Some creativity in games is also necessary, because you don’t want your game to go unattended. It’s a good idea to know javascript basics, because development and editing scripts are typescript (a superset of javascript), though not required.

The preparatory work

After all the fei talk, we have to put it into action. Let’s get started!

A link to the

  • Official website: www.cocos.com/
  • The official document: docs.cocos.com/creator/man…
  • Download it at www.cocos.com/creator

Download and Install

  • You are advised to register your account before downloading
  • Download the Dashboard
  • The installationDashboardAfter the openDashboardAfter login, it can be downloadedCocos Creator

Is up and running

As a senior siege lion, how can you not write hello world? Directly above:

You may also need to log in to your account, as before. Once created, you should see something like this:

What? ! Unexpectedly not Chinese, uncle can endure, aunt can not endure!!

From now on with the world!!

Interface is introduced

  • Resource manager: is used to store the project resource folder, whereassetsandinternalIs the default folder.
  1. assetsGenerally, create resource folders according to materials, models and scenes. If you need to subdivide them, you can adjust them.
  2. internalUsed to store the editor’s own resource file, can not be edited, basic can be ignored.

  • Scene editor: A work area for displaying and editing visual content in a scene, corresponding to the scene created by the resource manager.

  • Hierarchy Manager: Displays all nodes in a scene and their hierarchical relationships in a tree list. Everything seen in the scene editor can be found in the hierarchy manager.

  • Property inspector: A work area for viewing and editing the properties of the currently selected node and its components

  • Resource Preview: Select a resource in Resource Manager to display its thumbnail image in the Resource preview panel. If you select the folder where the resource resides, the thumbnails of all resources in the folder are displayed for easy viewing.

  • Animation editor: Used to create less complex animations that need to be linked with logic, such as UI animations.

  • Console: Used to display error messages, warnings, or other log messages generated by the Cocos Creator editor and engine.

Results the preview

To get a preview of the effect when you are finished editing it, you can find it at the top of the screen:

Click the “play” button in the image to preview your editing results: