Cocos Creator 試す

creator.d.tsでエラーが出まくる

よく見ると _の部分でエラー。なので、多分htmlの変換だろうということで __ に置換。 https://www.w3.org/MarkUp/html-spec/html-spec_13.html

試しにボタン押したらシーン遷移するまで作成。

const {ccclass, property} = cc._decorator;

@ccclass
export default class NextScene extends cc.Component {

    @property(cc.Label) label: cc.Label = null;
    @property text: string = 'hello';
    @property(cc.Button) button: cc.Button = null;
    @property(cc.Node) scrollParent: cc.Node = null;

    start () {
        var _button = new cc.Button();
        // _button.node.setPosition(new cc.Vec2(0, 50));
        // this.scrollParent.addChild(button.node);
    }

    onclick() {
        this.node.runAction(
            cc.sequence(
                cc.fadeOut(0.5),
                cc.callFunc(() => {
                    console.log("helloworld scene.");
                    cc.director.loadScene("TitleScene");
                })
            )
        )

        // this.canvas.node.runAction(cc.sequence(
        //     cc.fadeOut(2.0),
        //     cc.callFunc(() => {
        //         console.log("next scene.");
        //         cc.director.loadScene("NextScene");
        //     })
        // ));
    }

    // update (dt) {},
}
const {ccclass, property} = cc._decorator;

@ccclass
export default class TitleScene extends cc.Component {

    @property(cc.Label) label: cc.Label = null;
    @property text: string = 'hello';
    @property(cc.Sprite) sprite: cc.Sprite = null;
    @property(cc.Node) nextScene: cc.Node = null;
    @property(cc.Button) button: cc.Button = null;


    // LIFE-CYCLE CALLBACKS:

    // onLoad () {},

    start () {
        // let walk = cc.sequence(cc.moveBy(0.5, 100, 0), cc.moveBy(0.5, -100, 0)).repeatForever();
        // this.sprite.node.runAction(walk);


        // cc.director.loadScene("NextScene");

        // cc.director.runSceneImmediate(new NextScene());
    }

    onclick () {
        this.node.runAction(cc.sequence(
            cc.fadeOut(0.5),
            cc.callFunc(() => {
                console.log("next scene.");
                cc.director.loadScene("NextScene");
            })
        ));
    }

    // update (dt) {},
}