Cocos合成大西瓜案例-终

前端

2023-10-09 01:26:23

关于作者

大家好，我是 Cocos Creator 的忠实爱好者，也是一位业余游戏开发者。我热衷于分享我的游戏开发经验，希望帮助更多的人制作出有趣的游戏。

前提

在开始本节教程之前，请确保你已经完成了前几节教程的内容。具体而言，你应该已经创建了一个新的 Cocos Creator 项目，并导入了一些必要的资源。

实践过程

游戏主脚本

该脚本挂载在了背景黄图上，在开始和结束我们需要注册和解除注册点击事件。点击事件里面逻辑：

初始化预制体
设置位置
随机生成球体

cc.Class({
    extends: cc.Component,

    properties: {
        // 预制体
        ballPrefab: {
            default: null,
            type: cc.Prefab
        },

        // 背景图
        bg: {
            default: null,
            type: cc.Node
        }
    },

    // LIFE-CYCLE CALLBACKS:

    onLoad () {
        // 注册点击事件
        this.bg.on(cc.Node.EventType.MOUSE_DOWN, this.onMouseDown, this);
    },

    onDestroy () {
        // 解除点击事件
        this.bg.off(cc.Node.EventType.MOUSE_DOWN, this.onMouseDown, this);
    },

    onMouseDown (event) {
        // 初始化预制体
        let ball = cc.instantiate(this.ballPrefab);

        // 设置位置
        ball.setPosition(event.getLocation());

        // 随机生成球体
        let randomX = Math.random() * this.bg.width;
        let randomY = Math.random() * this.bg.height;
        ball.setPosition(cc.v2(randomX, randomY));

        // 添加到场景中
        this.node.addChild(ball);
    }
});