Sprite component

In game development, the displayed picture is called a sprite
The sprite component is one of the commonly used components in cocos creator

Button component

The CustomEventData in the figure is to pass a string to the response function
Note: If you mount the button component on a node with a size of (0,0), it will not function properly.

Add the button component through code

//Get button component 
start:function(){
this.getbutton = this.node.getChildByName("while_button").getComponent("cc.Button");
//1, add button component
        this.red_button = this.node.getChildByName("red_button").addComponent(cc.Button);
        // 2. Add a response function
        var click_event = new cc.Component.EventHandler();
        click_event.target = this.node;
        click_event.component = "game_scene";
        click_event.handler = "on_red_button_click";
        click_event.customEventData = "test";
        // this.red_button.clickEvents = [click_event];
        this.red_button.clickEvents.push(click_event);
 },
        // The code triggers the response event of the button instead of touching it yourself
Test:function() {
            var click_events = this.red_button.clickEvents;
            for(var i = 0; i < click_events.length; i ++) {
                var comp_env_handle = click_events[i];
                // Pass in parameters through emit
                comp_env_handle.emit(["", "test"]);
    },

Label component

This component is a component that displays text

We can also change the way the text appears by modifying the anchor point
This component also provides an attribute for developers to customize the system text-Font, this attribute bar only recognizes ttf files

Get the label component in the code

There are many ways to obtain components, one is to bind the cc.Label property in the properties, and then operate. The same effect can be achieved in the following code

var M_label=this.node.getChildByName('Hello').getComponent(cc.Label);
M_label.string="Hello,world!";

RichText component

It is a special label component, which has a richer and more flexible text format than label.

It has tag elements similar to HTML language

Element attributes

The above is an introduction to the more common practical components in Creator, try more to know more