英雄页面基本完成,todo 完善 数据显示

This commit is contained in:
2024-12-05 16:51:06 +08:00
parent f79ee64c23
commit a554c3dc0a
6 changed files with 1473 additions and 859 deletions

View File

@@ -25,7 +25,7 @@
"__id__": 8
},
{
"__id__": 22
"__id__": 14
},
{
"__id__": 28
@@ -35,25 +35,28 @@
},
{
"__id__": 40
},
{
"__id__": 46
}
],
"_active": true,
"_components": [
{
"__id__": 74
},
{
"__id__": 76
},
{
"__id__": 78
},
{
"__id__": 80
},
{
"__id__": 82
},
{
"__id__": 84
},
{
"__id__": 86
}
],
"_prefab": {
"__id__": 83
"__id__": 89
},
"_lpos": {
"__type__": "cc.Vec3",
@@ -220,6 +223,142 @@
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
},
{
"__type__": "cc.Node",
"_name": "show",
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
"__id__": 1
},
"_children": [],
"_active": false,
"_components": [
{
"__id__": 9
},
{
"__id__": 11
}
],
"_prefab": {
"__id__": 13
},
"_lpos": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_lrot": {
"__type__": "cc.Quat",
"x": 0,
"y": 0,
"z": 0,
"w": 1
},
"_lscale": {
"__type__": "cc.Vec3",
"x": 1,
"y": 1,
"z": 1
},
"_mobility": 0,
"_layer": 33554432,
"_euler": {
"__type__": "cc.Vec3",
"x": 0,
"y": 0,
"z": 0
},
"_id": ""
},
{
"__type__": "cc.UITransform",
"_name": "",
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 8
},
"_enabled": true,
"__prefab": {
"__id__": 10
},
"_contentSize": {
"__type__": "cc.Size",
"width": 200,
"height": 200
},
"_anchorPoint": {
"__type__": "cc.Vec2",
"x": 0.5,
"y": 0.5
},
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "8cZcfzq5BDn7paNVrhB9Cx"
},
{
"__type__": "cc.Sprite",
"_name": "",
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 8
},
"_enabled": true,
"__prefab": {
"__id__": 12
},
"_customMaterial": null,
"_srcBlendFactor": 2,
"_dstBlendFactor": 4,
"_color": {
"__type__": "cc.Color",
"r": 255,
"g": 255,
"b": 0,
"a": 255
},
"_spriteFrame": {
"__uuid__": "f87f53f9-2fba-4a5b-968a-79a593311ab2@a4212",
"__expectedType__": "cc.SpriteFrame"
},
"_type": 0,
"_fillType": 0,
"_sizeMode": 0,
"_fillCenter": {
"__type__": "cc.Vec2",
"x": 0,
"y": 0
},
"_fillStart": 0,
"_fillRange": 0,
"_isTrimmedMode": true,
"_useGrayscale": false,
"_atlas": null,
"_id": ""
},
{
"__type__": "cc.CompPrefabInfo",
"fileId": "154cZlN8BOiJSGNTBkNyXP"
},
{
"__type__": "cc.PrefabInfo",
"root": {
"__id__": 1
},
"asset": {
"__id__": 0
},
"fileId": "28O6nHVn9MQKajOUpqOv7z",
"instance": null,
"targetOverrides": null,
"nestedPrefabInstanceRoots": null
},
{
"__type__": "cc.Node",
"_name": "Mask",
@@ -230,23 +369,23 @@
},
"_children": [
{
"__id__": 9
"__id__": 15
}
],
"_active": true,
"_components": [
{
"__id__": 15
"__id__": 21
},
{
"__id__": 17
"__id__": 23
},
{
"__id__": 19
"__id__": 25
}
],
"_prefab": {
"__id__": 21
"__id__": 27
},
"_lpos": {
"__type__": "cc.Vec3",
@@ -283,20 +422,20 @@
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
"__id__": 8
"__id__": 14
},
"_children": [],
"_active": true,
"_components": [
{
"__id__": 10
"__id__": 16
},
{
"__id__": 12
"__id__": 18
}
],
"_prefab": {
"__id__": 14
"__id__": 20
},
"_lpos": {
"__type__": "cc.Vec3",
@@ -333,11 +472,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 9
"__id__": 15
},
"_enabled": true,
"__prefab": {
"__id__": 11
"__id__": 17
},
"_contentSize": {
"__type__": "cc.Size",
@@ -361,11 +500,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 9
"__id__": 15
},
"_enabled": true,
"__prefab": {
"__id__": 13
"__id__": 19
},
"_customMaterial": null,
"_srcBlendFactor": 2,
@@ -419,11 +558,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 8
"__id__": 14
},
"_enabled": true,
"__prefab": {
"__id__": 16
"__id__": 22
},
"_contentSize": {
"__type__": "cc.Size",
@@ -447,11 +586,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 8
"__id__": 14
},
"_enabled": true,
"__prefab": {
"__id__": 18
"__id__": 24
},
"_type": 0,
"_inverted": false,
@@ -469,11 +608,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 8
"__id__": 14
},
"_enabled": true,
"__prefab": {
"__id__": 20
"__id__": 26
},
"_customMaterial": null,
"_srcBlendFactor": 2,
@@ -534,14 +673,14 @@
"_active": true,
"_components": [
{
"__id__": 23
"__id__": 29
},
{
"__id__": 25
"__id__": 31
}
],
"_prefab": {
"__id__": 27
"__id__": 33
},
"_lpos": {
"__type__": "cc.Vec3",
@@ -578,11 +717,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 22
"__id__": 28
},
"_enabled": true,
"__prefab": {
"__id__": 24
"__id__": 30
},
"_contentSize": {
"__type__": "cc.Size",
@@ -606,11 +745,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 22
"__id__": 28
},
"_enabled": true,
"__prefab": {
"__id__": 26
"__id__": 32
},
"_customMaterial": null,
"_srcBlendFactor": 2,
@@ -670,14 +809,14 @@
"_active": true,
"_components": [
{
"__id__": 29
"__id__": 35
},
{
"__id__": 31
"__id__": 37
}
],
"_prefab": {
"__id__": 33
"__id__": 39
},
"_lpos": {
"__type__": "cc.Vec3",
@@ -714,11 +853,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 28
"__id__": 34
},
"_enabled": true,
"__prefab": {
"__id__": 30
"__id__": 36
},
"_contentSize": {
"__type__": "cc.Size",
@@ -742,11 +881,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 28
"__id__": 34
},
"_enabled": true,
"__prefab": {
"__id__": 32
"__id__": 38
},
"_customMaterial": null,
"_srcBlendFactor": 2,
@@ -829,14 +968,14 @@
"_active": true,
"_components": [
{
"__id__": 35
"__id__": 41
},
{
"__id__": 37
"__id__": 43
}
],
"_prefab": {
"__id__": 39
"__id__": 45
},
"_lpos": {
"__type__": "cc.Vec3",
@@ -873,11 +1012,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 34
"__id__": 40
},
"_enabled": true,
"__prefab": {
"__id__": 36
"__id__": 42
},
"_contentSize": {
"__type__": "cc.Size",
@@ -901,11 +1040,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 34
"__id__": 40
},
"_enabled": true,
"__prefab": {
"__id__": 38
"__id__": 44
},
"_customMaterial": null,
"_srcBlendFactor": 2,
@@ -985,9 +1124,6 @@
"__id__": 1
},
"_children": [
{
"__id__": 41
},
{
"__id__": 47
},
@@ -999,16 +1135,19 @@
},
{
"__id__": 65
},
{
"__id__": 71
}
],
"_active": true,
"_components": [
{
"__id__": 71
"__id__": 77
}
],
"_prefab": {
"__id__": 73
"__id__": 79
},
"_lpos": {
"__type__": "cc.Vec3",
@@ -1045,20 +1184,20 @@
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
"__id__": 40
"__id__": 46
},
"_children": [],
"_active": false,
"_components": [
{
"__id__": 42
"__id__": 48
},
{
"__id__": 44
"__id__": 50
}
],
"_prefab": {
"__id__": 46
"__id__": 52
},
"_lpos": {
"__type__": "cc.Vec3",
@@ -1095,11 +1234,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 41
"__id__": 47
},
"_enabled": true,
"__prefab": {
"__id__": 43
"__id__": 49
},
"_contentSize": {
"__type__": "cc.Size",
@@ -1123,11 +1262,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 41
"__id__": 47
},
"_enabled": true,
"__prefab": {
"__id__": 45
"__id__": 51
},
"_customMaterial": null,
"_srcBlendFactor": 2,
@@ -1181,20 +1320,20 @@
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
"__id__": 40
"__id__": 46
},
"_children": [],
"_active": false,
"_components": [
{
"__id__": 48
"__id__": 54
},
{
"__id__": 50
"__id__": 56
}
],
"_prefab": {
"__id__": 52
"__id__": 58
},
"_lpos": {
"__type__": "cc.Vec3",
@@ -1231,11 +1370,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 47
"__id__": 53
},
"_enabled": true,
"__prefab": {
"__id__": 49
"__id__": 55
},
"_contentSize": {
"__type__": "cc.Size",
@@ -1259,11 +1398,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 47
"__id__": 53
},
"_enabled": true,
"__prefab": {
"__id__": 51
"__id__": 57
},
"_customMaterial": null,
"_srcBlendFactor": 2,
@@ -1317,20 +1456,20 @@
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
"__id__": 40
"__id__": 46
},
"_children": [],
"_active": false,
"_components": [
{
"__id__": 54
"__id__": 60
},
{
"__id__": 56
"__id__": 62
}
],
"_prefab": {
"__id__": 58
"__id__": 64
},
"_lpos": {
"__type__": "cc.Vec3",
@@ -1367,11 +1506,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 53
"__id__": 59
},
"_enabled": true,
"__prefab": {
"__id__": 55
"__id__": 61
},
"_contentSize": {
"__type__": "cc.Size",
@@ -1395,11 +1534,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 53
"__id__": 59
},
"_enabled": true,
"__prefab": {
"__id__": 57
"__id__": 63
},
"_customMaterial": null,
"_srcBlendFactor": 2,
@@ -1453,20 +1592,20 @@
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
"__id__": 40
"__id__": 46
},
"_children": [],
"_active": false,
"_components": [
{
"__id__": 60
"__id__": 66
},
{
"__id__": 62
"__id__": 68
}
],
"_prefab": {
"__id__": 64
"__id__": 70
},
"_lpos": {
"__type__": "cc.Vec3",
@@ -1503,11 +1642,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 59
"__id__": 65
},
"_enabled": true,
"__prefab": {
"__id__": 61
"__id__": 67
},
"_contentSize": {
"__type__": "cc.Size",
@@ -1531,11 +1670,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 59
"__id__": 65
},
"_enabled": true,
"__prefab": {
"__id__": 63
"__id__": 69
},
"_customMaterial": null,
"_srcBlendFactor": 2,
@@ -1589,20 +1728,20 @@
"_objFlags": 0,
"__editorExtras__": {},
"_parent": {
"__id__": 40
"__id__": 46
},
"_children": [],
"_active": false,
"_components": [
{
"__id__": 66
"__id__": 72
},
{
"__id__": 68
"__id__": 74
}
],
"_prefab": {
"__id__": 70
"__id__": 76
},
"_lpos": {
"__type__": "cc.Vec3",
@@ -1639,11 +1778,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 65
"__id__": 71
},
"_enabled": true,
"__prefab": {
"__id__": 67
"__id__": 73
},
"_contentSize": {
"__type__": "cc.Size",
@@ -1667,11 +1806,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 65
"__id__": 71
},
"_enabled": true,
"__prefab": {
"__id__": 69
"__id__": 75
},
"_customMaterial": null,
"_srcBlendFactor": 2,
@@ -1725,11 +1864,11 @@
"_objFlags": 0,
"__editorExtras__": {},
"node": {
"__id__": 40
"__id__": 46
},
"_enabled": true,
"__prefab": {
"__id__": 72
"__id__": 78
},
"_contentSize": {
"__type__": "cc.Size",
@@ -1770,7 +1909,7 @@
},
"_enabled": true,
"__prefab": {
"__id__": 75
"__id__": 81
},
"_contentSize": {
"__type__": "cc.Size",
@@ -1798,7 +1937,7 @@
},
"_enabled": true,
"__prefab": {
"__id__": 77
"__id__": 83
},
"_customMaterial": null,
"_srcBlendFactor": 2,
@@ -1840,7 +1979,7 @@
},
"_enabled": true,
"__prefab": {
"__id__": 79
"__id__": 85
},
"hcc_home": null,
"_id": ""
@@ -1859,11 +1998,11 @@
},
"_enabled": true,
"__prefab": {
"__id__": 81
"__id__": 87
},
"clickEvents": [
{
"__id__": 82
"__id__": 88
}
],
"_interactable": true,

File diff suppressed because it is too large Load Diff

View File

@@ -6,10 +6,10 @@ type:
*/
export const Items={
1001:{uuid: 1001,path: "3011",type:1,lv:1,r_num:10,name: "近战卷轴",info:"提升近战英雄等级", },
1001:{uuid: 1001,path: "3011",type:1,lv:1,r_num:10,name: "经验卷轴",info:"提升英雄等级", },
1002:{uuid: 1002,path: "3012",type:1,lv:1,r_num:10,name: "远程卷轴",info:"提升远程英雄等级", },
1003:{uuid: 1003,path: "3013",type:1,lv:1,r_num:10,name: "辅助卷轴",info:"提升辅助英雄等级", },
1004:{uuid: 1004,path: "2011",type:1,lv:2,r_num:10,name: "近战凭证",info:"提升近战英雄星级", },
1004:{uuid: 1004,path: "2011",type:1,lv:2,r_num:10,name: "英雄凭证",info:"提升英雄星级", },
1005:{uuid: 1005,path: "2012",type:1,lv:2,r_num:10,name: "远程凭证",info:"提升远程英雄星级", },
1006:{uuid: 1006,path: "2013",type:1,lv:2,r_num:10,name: "辅助凭证",info:"提升辅助英雄星级", },
1021:{uuid: 1021,path: "1001",type:1,lv:1,r_num:1,name: "普通攻击石",info:"增加装备攻击力10,成功几率20%", },

View File

@@ -2,6 +2,7 @@ import { _decorator } from "cc";
import { ecs } from "../../../../extensions/oops-plugin-framework/assets/libs/ecs/ECS";
import { CCComp } from "../../../../extensions/oops-plugin-framework/assets/module/common/CCComp";
import { HeroHomeComp } from "../map/HeroHomeComp";
import { oops } from "../../../../extensions/oops-plugin-framework/assets/core/Oops";
const { ccclass, property } = _decorator;
@@ -12,7 +13,9 @@ export class HeroCardComp extends CCComp {
@property(HeroHomeComp)
hcc_home: HeroHomeComp = null!;
hcc_uuid: number = 0;
onLoad() {
oops.message.on("hero_card_show_info", this.check_show, this);
}
/** 视图层逻辑代码分离演示 */
start() {
this.hcc_home=this.node.parent.parent.parent.parent.getComponent(HeroHomeComp);
@@ -21,6 +24,16 @@ export class HeroCardComp extends CCComp {
}
show_info(){
this.hcc_home.hero_show(this.hcc_uuid)
oops.message.dispatchEvent("hero_card_show_info",{uuid:this.hcc_uuid})
}
check_show(event: string, args: any){
this.show_bg(false)
if(args.uuid==this.hcc_uuid){
this.show_bg(true)
}
}
show_bg(val:boolean){
this.node.getChildByName("show").active=val
}
/** 全局消息逻辑处理 */
// private onHandler(event: string, args: any) {

View File

@@ -40,11 +40,14 @@ export class CardControllerComp extends CCComp {
}
hh_show(){
this.node.getChildByName("hero_home").active = true;
let node=this.node.getChildByName("hero_home")
tween(node).to( 0.1,{ position: v3(0,node.position.y)}, ).start();
}
hh_hide(){
this.node.getChildByName("hero_home").active = false;
let node=this.node.getChildByName("hero_home")
tween(node).to( 0.1,{ position: v3(1000,node.position.y)}, ).start();
}
mh_show(){
this.node.getChildByName("mission_home").active=true;
}

View File

@@ -4,19 +4,24 @@ import { CCComp } from "../../../../extensions/oops-plugin-framework/assets/modu
import { HeroList } from "../common/config/heroSet";
import { HeroCard } from "../hero/HeroCard";
import { smc } from "../common/SingletonModuleComp";
import { UIID } from "../common/config/GameUIConfig";
import { oops } from "../../../../extensions/oops-plugin-framework/assets/core/Oops";
import { Items } from "../common/config/Items";
const { ccclass, property } = _decorator;
/** 视图层对象 */
@ccclass('HeroHomeComp')
@ecs.register('HeroHome', false)
export class HeroHomeComp extends CCComp {
h_uuid:number=0
protected onLoad(): void {
}
start() {
// this.load_talents()
console.log("hero_home start")
this.h_uuid=9001
this.hero_show(this.h_uuid)
this.loads()
}
loads(){
@@ -33,6 +38,7 @@ export class HeroHomeComp extends CCComp {
}
hero_show(uuid:number) {
console.log("hero_home hero_show:",uuid)
this.h_uuid=uuid
var icon_path = "game/heros/herois"
resources.load(icon_path, SpriteAtlas, (err: any, atlas) => {
const sprite = this.node.getChildByName("hero").getChildByName("icon").getComponent(Sprite);
@@ -40,7 +46,15 @@ export class HeroHomeComp extends CCComp {
});
this.node.getChildByName("name").getChildByName("value").getComponent(Label).string=smc.heros[uuid].name
}
lv_up(){
console.log("lvup h_uuid:",this.h_uuid)
}
slv_up(){
console.log("lvup slv_up:",this.h_uuid)
}
item_show(e:any,val:any){
oops.gui.open(UIID.ItemInfo, Items[val]);
}
reset() {
this.node.destroy();
}