Main menu

Cocos Creator (Mac)

• About Cocos Creator: Display information about Cocos Creator.
• Preferences: Open the Setting panel and set the editor's personalization options.
• Hide Cocos Creator (Shortcut: H): Hide Cocos Creator window.
• Hide Others (Shortcut: Shift + H): Hide all other windows except Cocos Creator.
• Show All: Show all hidden windows.
• Quit (Shortcut: Ctrl/Command + Q): Exit Cocos Creator Editor.

File

• Open Project...: Close the Cocos Creator and open Dashboard.
• New Scene (Shortcut: Ctrl/Command + N): Create a new scene in the current project.
  A game consists of one or more scenes. You'll need to create new scenes when you intend to make independent modules such as new stages, main menus, loading screens, setting screens, etc.
• Save Scene (Shortcut: Ctrl/Command + S): Save the current editing scene.
  A save file dialog will pop up if the current scene has never been saved before, in which you can determine where to save your scene file (*.fire). If the scene has been saved before, Cocos Creator will update the save file directly.

  It is suggested to place all scene files in a particular directory for management, for example assets/scenes.

• Build Settings: Set the project build parameters.
  Building is a critical step in the deployment process. Cocos Creator will pack and optimize your game files during the building process, in order for it to be deployed on various platforms quickly, safely and correctly. Through the Build Settings, you can fine tune the parameters for certain needs, as well as preview your game before deployment. You will find more information about Build Settings in the Tool Windows section.

Edit

• Undo (Shortcut: Z): Undo the last operation.
• Redo (Shortcut: Shift + Z): Redo the most recently undone operation.
• Cut (Shortcut: X): Cut the selected Entity into the clipboard.
• Copy (Shortcut: C): Copy the selected Entity into the clipboard.
• Paste (Shortcut: V): Paste the Entity from the clipboard into the current scene.
• Select All (Shortcut: A): The focus is selected in the scene editor for all nodes, and the focus is on the console with all log information selected.

Node Presets

Create nodes through this menu, and Control node to prefab conversion.

• Connect Node To Prefab: At the same time select a node in the scene and a prefab in the Assets, and then select this menu item to associate the selected node and prefab.
• Convert to Ordinary Node: Select a prefab node in the scene. Executing this command will convert the prefab node into a normal node.
• Create Empty Node: Create an empty node in the scene. If the node is selected in the scene before the command is executed, the new node becomes the child of the selected node.
• Create Renderer Nodes: Create a preset node that contains the render component. For details on how to use the render component, please refer to Renderer and Graphics.
• Create UI Nodes: Create a preset node that contains UI components, please refer to UI system.

Component

Use this menu to add various components on the currently selected node.

• Collider Component: Please refer to Collider Component.
• Other Component: Including animation, audio source, trailing and other components.
• Physics Component: Add physical related components.
• Renderer Component: Please refer to Renderer and Graphics.
• Custom Component: Here you can add the script component that the user created in the project.
• UI Component: Please refer to UI system.

Project

Run, build projects, and project-specific personalization configurations.

• Play On Device (Ctrl/Command + P): Run the project in a browser or simulator.
• Refresh Connected Device (Shift + Ctrl/Command + P): Refreshes the preview window that is already open.
• Build... (Shift + Ctrl/Command + B): Open Build panel.
• Project Setting...: Open Project Setting.

Panel

• Assets (Shortcut: Ctrl/Command + 2): Open or focus the Assets panel.
• Console (Shortcut: Ctrl/Command + 0): Open or focus the Console panel.
• Node Tree (Shortcut: Ctrl/Command + 4): Open or focus the Node Tree panel.
• Properties (Shortcut: Ctrl/Command + 3): Open or focus the Properties panel.
• Node Library (Shortcut: Ctrl/Command + 5): Open or focus the Node Library panel.
• Scene (Shortcut: Ctrl/Command + 1): Open or focus the Scene panel.
• TimeLine (Ctrl/Command + 6): Open or focus the Timeline panel.

Layout

Select one from the preset editor layout.

• Default
• Portrait
• Classical

If you want to manually adjust the editor layout, please refer to the Editor Layout.

Extension

For menu items related to extensions, read the Editor Extension chapter.

• Create a new extension...
  • For all Projects (in user profile folder)
  • For current project (in project folder)
• Extension Store...: Open the extension store and download the official and community-provided extensions.

Developer

Scripts and editors extend development-related menu functionality.

• VS Code Workflow: VS Code Code Editor work environment related functions, please read Coding Environment Setup section for details.
  • Update VS Code API Source
  • Install VS Code Extension
  • Add TypeScript Config
  • Add Chrome Debug Setting
  • Add Compile Task
• Reload (Shortcut: Ctrl/Command + R): Reload the Cocos Creator Editor.
• Compile User Scripts (Shortcut: F7): Recompile all scripts in the current scene.
• Inspect Element (Shortcut: Ctrl/Command + Shift + C): View editor interface elements in Chrome Developer Tools
• Developer Tools (Shortcut: Alt + Ctrl/Command + I): Open the Developer Tools window. Various useful and powerful features are provided in Developer Tools for analyzing, debugging and tracing, which are essential for game script developers.

Help

• User Manual: Open the User Manual Document in the browser.
• API Reference: Open API Reference Documentation in the browser.
• Forum: Visit the forum of Cocos Creator to share ideas with other users and developers.
• Subscribe To Newsletter: Subscribe to the Cocos Creator newsletter for the latest news and updates.
• User account information
• Log Out: Log out account.