背包系统的制作

最新推荐文章于 2024-08-22 22:13:49 发布

wzyezqxl

最新推荐文章于 2024-08-22 22:13:49 发布

阅读量5.1k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：学习要点

本文链接：https://blog.youkuaiyun.com/wzyezqxl/article/details/52115762

学习要点专栏收录该内容

48 篇文章

订阅专栏

本文介绍了一款RPG游戏中背包系统的制作过程，强调了区分背包ID和道具配置表ID的重要性。创建背包时，将所有属性存储在数组中，包括背包ID、道具种类ID和数量。通过遍历属性并加载预制件来初始化背包，同时实现选中和非选中状态的切换。选中方法中，利用逻辑锁控制选择框的显示状态，并通过自定义事件处理选中与取消选中的交互逻辑，确保每次只能有一个道具被选中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在一款RPG游戏中购买装备是必须实现的，创建背包系统的时候需要注意的就是。创建背包时必须区分背包的ID和道具配置表的ID。设置背包ID的作用就是区别当前点击的道具的唯一性。给所以背包的属性都存在一个数组中。

   GameAction.addItem(4,1);

    //-----------------------------------
    addItem:function(itemId,itemNum){
        var that = this
        var newItem = {
            id:(that._itemId++),
            type:itemId,
            num:itemNum,
        }
        GameData.bag.push(newItem)
    },

这里是创建一个背包的基本属性。属性包括背包的ID值。还有道具的种类ID还有就是道具的数量。

 //开始遍历背包数组调用加载预制件方法
    pub_beganloadProp:function(){
        var ob = GameData.bag
        for(var index in ob){
            this._beganloadpropPfb(ob[index]);
        }
    },

开始创建背包。遍历背包中所有的属性。

 //加载预制件方法
    _beganloadpropPfb:function(ob){
        var that = this;
        this.oldweapon = ob.type;
        cc.loader.loadRes("prefab/prop", function (err, propprefab) {
            var newPropNode = cc.instantiate(propprefab);
            //that._addSpriteFrameToContainer(newPropNode.getChildByName('propSprite').getComponent(cc.Sprite), ob.pic);
            newPropNode.getComponent("itme").pub_setPfbInfo(ob);
            that.propLayer.getChildByName('laoutNode').addChild(newPropNode);  
        })
    },

加载预制件并且调用预制件脚本里面的方法。设置道具的基本信息。

//设置预制件信息
    pub_setPfbInfo:function(ob){
        this._data = ob;
        this.typeId = ob.type;
        this.node.getChildByName('numLabel').getComponent(cc.Label).string  = this._data.num;
        this._addSpriteFrameToContainer(this.node.getChildByName('propSprite').getComponent(cc.Sprite), GameData.prop[ob.type].pic);
        this.node.on(cc.Node.EventType.TOUCH_START,this._setSelectHand.bind(this));
        //------------------------------------接收自定义事件---------------------------------------------------------
        var that = this;
        var node = cc.find("UIScript")
        node.on(GameEvent.propAction,function(event){
            var data  = event.getUserData()[0];
            if(data != that._data.id && that.Select){                
                that._setSelectHand();
            }
        }) 
        //----------------------------------更新显示--------------------------------------------------------------------
        node.on(GameEvent.useItemAction,function(event){
            var data  = event.getUserData();
            if(data==that._data.id){
                that._data.num--;
                that.node.getChildByName('numLabel').getComponent(cc.Label).string = that._data.num;
                if(that._data.num <= 0){
                    that._data.num = 0;
                    GameData.bag.splice(GameData.bag.indexOf(that._data.id),1);
                    //cc.log("xxxxxxxxx",that._data.id-1,GameData.bag)
                    that.node.removeFromParent(true);
                    node.getComponent("prop").removeInfo();
                }
            }
        })
    },
    //选择状态的方法
    _setSelectHand:function(){
        this.Select = !this.Select;
        this.node.getChildByName('cheoseSprite').active = this.Select
        if(this.Select){
            var proptypeId = new cc.Event.EventCustom(GameEvent.propAction, false) 
            proptypeId.setUserData([this._data.id,this.typeId,this._data.obId]);
            cc.log(this._data.id,"------------------------------------")
            cc.find('UIScript').dispatchEvent(proptypeId);
            cc.find('UIScript').getComponent("prop").setbuybtn(this._data);
        }
    },

在背包系统中涉及到选中和非选中的两个状态。在这个背包系统中在与预制件中设置了一个外部的选择框默认是隐藏的状态。在加载预制件的时候设置选中框的active属性为false。封装成一个选中方法。当点击之后会调用这个方法。方法里面先是给选中的逻辑锁取反。如果当前是false取反就是true。然后让选中框的active的属性等于逻辑所。这样就实现了第一次点击选中。再点击取消选中的功能。当一个道具被选中之后就抛出一个自定义事件。抛出的是背包的ID值。并且在同一个类中对这个事件进行处理。接到这个当前背包ID值判断时候和现在点击的背包ID是否相同，如果不相同并且当前的为选中状态。就再次调用选中的方法。就可以实现点击一个道具之后再选中另一个道具的时候。取消之前的选中到当前选中上。