更新记录

1.0.2（2021-04-14） 下载此版本

  1. 我好像选错分类了等下可能需要重新开一个档

1.0.1（2021-04-14） 下载此版本

  1. 加入游戏音效
  2. 允许用户自己DIY卡牌
  3. 实例工程加入再来一局

1.0.0（2021-04-14） 下载此版本

  1. 实现卡牌card的组件封装 1.1. 实现了卡牌动画
  2. 实现了一个简单的卡牌攻击场景 2.1. 实现了分发卡牌机制 2.2. 实现了攻击机制 2.3. 实现了游戏结束判断机制
查看更多

平台兼容性

Vue2 Vue3
√ ×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 2.7.6 app-vue app-nvue √ √ √ √ √ √
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
√ √ √ √ √ √ √ √ √

简单卡牌游戏模板

项目简介

本项目是我实现的一个简单的卡牌类型游戏的模板工程，主要实现了：

  1. 卡牌模板组件
  2. 卡牌攻击动画
  3. 卡牌死亡动画
  4. 牌局分发机制
  5. 对手自动攻击机制
  6. 阵亡卡牌回收机制 等内容。

个人建议下载本项目的示例工程，有助于帮助用户了解游戏逻辑。组件本身只有卡牌模板，不带有牌局逻辑。

实例工程玩法

在有限步数内，点击我方卡牌，攻击敌方卡牌，但敌方卡牌生命小于0时，赢得牌局；当用户血量低于0时，输掉牌局。

其他游戏模板

简单扫雷

答谢

打击音效：沙袋跌落地面耳聆网[声音ID：19972]

阵亡音效：男性死亡音效耳聆网[声音ID：19665]

胜利音效：怪异胜利音效耳聆网[声音ID：12854]

失败音效：游戏失败音效耳聆网[声音ID：12610]

card组件

说明

封装卡牌数值的组件，基于数据驱动。内部实现了卡牌的攻击动画和阵亡动画。

属性说明

参数 类型 初始值 值域/单位 说明
life Number 10 - 卡牌生命点数
attack Number 10 - 卡牌攻击点数
defence Number 10 - 卡牌防御点数
image String - - 卡牌图片地址
attackAudioPath Stirng - - 卡牌攻击媒体音效地址（组件本身不提供，太大了）
deadAudioPath Stirng - - 卡牌阵亡媒体音效地址（组件本身不提供，太大了）
targetX Number 10 - 卡牌攻击时，目标X轴位置
targetY Number 10 - 卡牌攻击时，目标Y轴位置
canIMove Boolean true - 卡牌是否可以攻击, false时卡牌无法攻击
customEdit Boolean false - 是否DIY，如果true，需用户自己完成卡牌的画面

用户DIY模式

<card :customEdit="true">
    <view>此处填入你自己定义的模板，不填，就没有卡牌画面了<view>
</card>

方法说明

方法 参数 说明
attackFinish this 当卡牌攻击动作执行完成后触发
deadFinish this 当卡牌阵亡动作执行完成后触发

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉

暂无用户评论。

插件问答 我要提问

使用中有什么不明白的地方，就向插件作者提问吧~ 我要提问

加载更多...