This commit is contained in:
2024-07-21 22:39:39 +08:00
parent 883261dac6
commit 064b6bf1ae
14 changed files with 348 additions and 43 deletions

View File

@@ -23,8 +23,10 @@ export class Main extends Root {
protected async run() {
smc.initialize = ecs.getEntity<Initialize>(Initialize);
smc.monsters = ['war','magic','heath']
smc.heros = ['war','magic','heath']
console.log("Game start");
}
protected initGui() {
oops.gui.init(UIConfigData);
}

View File

@@ -21,6 +21,10 @@ export class SingletonModuleComp extends ecs.Comp {
own: Role = null;
/** 游戏数据 */
data:data = null!;
/**怪物数据 数组 */
monsters = []
/**heros 数据 */
heros = [];
reset() { }
}

View File

@@ -26,7 +26,7 @@ export class Initialize extends ecs.Entity {
this.data=ecs.getEntity<data>(data);
this.data.dataModel.vmAdd();
var queue: AsyncQueue = new AsyncQueue();
// 加载自定义资
// 加载自定义资
this.loadCustom(queue);
// 加载多语言包
this.loadLanguage(queue);

View File

@@ -5,7 +5,7 @@ import { smc } from "../../common/SingletonModuleComp";
import { Role } from "../../role/Role";
// import MapRoadUtils from "./map/road/MapRoadUtils";
import { MapViewScene } from "./MapViewScene";
import { Timer } from "../../../../../extensions/oops-plugin-framework/assets/core/common/timer/Timer";
const { ccclass, property } = _decorator;
@ccclass('MapViewComp')
@@ -20,7 +20,7 @@ export class MapViewComp extends CCComp {
current_map: any;
/** 转场碰撞点对象集合 */
private timer: Timer = new Timer(2);
reset(): void {
@@ -28,11 +28,16 @@ export class MapViewComp extends CCComp {
start() {
this.scene = this.getComponent(MapViewScene);
this.addHero();
}
/** 转场 */
protected update(dt: number): void {
if (this.timer.update(dt)) {
console.log('每2秒触发一次');
this.addHero();
}
}
private mapLoaded() {
@@ -40,33 +45,60 @@ export class MapViewComp extends CCComp {
/** 添加玩家 */
private addHero(pos?: Vec3) {
if (pos == null) {
this.scene.node.active = true
smc.own = ecs.getEntity<Role>(Role);
smc.own.load(this.aStarToVec3("-360,-60"), false);
// smc.monsters = ['war','magic','heath']
// smc.heros = ['war','magic','heath']
if (smc.heros.length>0){
let hero = ecs.getEntity<Role>(Role);
let x = this.getRandomInt(-300, 0)
hero.load(this.aStarToVec3(x+',60'), false, "magic");
}
if (smc.monsters.length>0){
let monster = ecs.getEntity<Role>(Role);
let x = this.getRandomInt(0, 300)
monster.load(this.aStarToVec3(x+'60'), true, "magic");
}
// smc.own.loadJoystick();
// 测试玩家
var test = ecs.getEntity<Role>(Role);
test.load(this.aStarToVec3("-270,-60"), false);
var test1 = ecs.getEntity<Role>(Role);
test1.load(this.aStarToVec3("-180,-60"), false);
var test2 = ecs.getEntity<Role>(Role);
test2.load(this.aStarToVec3("-90,-60"), false);
// var test3 = ecs.getEntity<Role>(Role);
// test3.load(this.aStarToVec3("0,-60"), false);
var test4 = ecs.getEntity<Role>(Role);
test4.load(this.aStarToVec3("90,-60"), true,"monster");
var test5 = ecs.getEntity<Role>(Role);
test5.load(this.aStarToVec3("180,-60"), true,"magic");
var test6 = ecs.getEntity<Role>(Role);
test6.load(this.aStarToVec3("270,-60"), true,"heath");
var test7 = ecs.getEntity<Role>(Role);
test7.load(this.aStarToVec3("360,-60"), true);
}
// smc.heros.forEach(element => {
// var heros$i = ecs.getEntity<Role>(Role);
// let i =1
// switch (element) {
// case "war":
// heros$i.load(this.aStarToVec3("-30,-60"), false);
// break;
// case "magic":
// heros$i.load(this.aStarToVec3("-140,-60"), false);
// break;
// case "heath":
// heros$i.load(this.aStarToVec3("-230,-60"), false)
// }
// i=i+1
// });
// let x = 1
// smc.monsters.forEach(element => {
// var monsters$x = ecs.getEntity<Role>(Role);
// switch (element) {
// case "war":
// monsters$x.load(this.aStarToVec3("30,-60"), true);
// break;
// case "magic":
// monsters$x.load(this.aStarToVec3("140,-60"), true);
// break;
// case "heath":
// monsters$x.load(this.aStarToVec3("230,-60"), true)
// }
// x=x+1
// });
}
private getRandomInt(min: number, max: number): number {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min;
}
private aStarToVec3(str: string) {
let array = str.split(",");
let x = parseInt(array[0]);

View File

@@ -34,18 +34,21 @@ export class Role extends ecs.Entity {
}
/** 加载角色 */
load(pos: Vec3 = Vec3.ZERO, isMonster: boolean = false,skin:string = "war") {
load(pos: Vec3 = Vec3.ZERO, isMonster: boolean = false,type:string = "monster",anim:string = "idle") {
console.log("load role type",type);
var path = "game/player/player";
var prefab: Prefab = oops.res.get(path, Prefab)!;
var node = instantiate(prefab);
var scene = smc.map.MapView.scene;
node.parent = scene.entityLayer!.node!;
var as = node.getComponent(RoleSpine);
as.play(anim, true);
node.setPosition(pos)
var mv = node.getComponent(RoleViewComp)!;
this.add(mv);
var as = node.getComponent(RoleSpine);
// as.setSkin(skin);
if (isMonster) {
node.setScale(-1, 1, 1);
}

View File

@@ -7,6 +7,7 @@
import { Color, Component, EventTouch, sp, Vec3, _decorator } from "cc";
import { LayerUtil } from "../../../../../extensions/oops-plugin-framework/assets/core/utils/LayerUtil";
import { smc } from "../../common/SingletonModuleComp";
// import Charactor, { CharactorDirection, CharactorState } from "../../map/view/map/charactor/Charactor";
import RoleSpineAnimator from "./RoleSpineAnimator";
const { ccclass, property } = _decorator;
@@ -18,30 +19,47 @@ const { ccclass, property } = _decorator;
export class RoleSpine extends Component {
@property({ type: RoleSpineAnimator, tooltip: '动画控制器' })
animator: RoleSpineAnimator = null!;
private spine!: sp.Skeleton;
// private charactor!: Charactor;
onLoad() {
// 角色控制组件
// this.charactor = this.addComponent(Charactor)!;
this.initAnimator();
// this.setSkin("magic");
// this.animator.play("idle", true);
LayerUtil.setNodeLayer(LayerUtil.MAP, this.node);
this.idle();
}
/** 初始化动画 */
protected initAnimator() {
this.spine = this.animator.getComponent(sp.Skeleton)!;
this.spine.setSkin('war');
}
// setState(value: CharactorState): void {
// switch (value) {
// case CharactorState.Idle:
// this.idle();
// break;
// case CharactorState.Run:
// this.walk();
// break;
// }
// }
setSkin(value: string): void {
console.log("RoleSpine setSkin", value);
this.spine.setSkin(value);
}
play(animName: string, loop: boolean): void {
this.spine.setAnimation(0, animName, loop);
}
setAlpha(value: number): void {
var color: Color = this.spine.color;
color.a = 255 * (value / 1);

View File

@@ -5,6 +5,7 @@
* @LastEditTime: 2022-08-04 15:26:38
*/
import { sp, _decorator ,Component} from "cc";
import { smc } from "../../common/SingletonModuleComp";
const { ccclass, property, requireComponent, disallowMultiple } = _decorator;
@@ -17,21 +18,72 @@ const { ccclass, property, requireComponent, disallowMultiple } = _decorator;
export default class RoleSpineAnimator extends Component {
private animName: string = "idle";
private loop: boolean = true;
private spine!: sp.Skeleton;
start() {
console.log("RoleSpineAnimator start");
this.playAnimation(this.animName, this.loop);
this.spine = this.getComponent(sp.Skeleton)!;
console.log("RoleSpineAnimator start smc.heros",smc.heros);
let heros=smc.heros
if(heros.length>0){
/**
* 取第一个heros
*/
this.spine.setSkin(heros[0])
console.log("RoleSpineAnimator setSkin", heros[0]);
switch (heros[0]) {
case 'war':
this.spine.setAnimation(0, 'idle', true)
break;
case 'magic':
this.spine.setAnimation(0, 'idle', true)
break;
case 'heath':
this.spine.setAnimation(0, 'idle', true)
break;
default:
this.spine.setAnimation(0, 'idle', true)
break;
}
//移除smc.heros[0],heros key 重新取
heros.splice(0,1)
smc.heros=heros
}else if(smc.monsters.length>0){
this.spine.setSkin(smc.monsters[0])
console.log("RoleSpineAnimator setSkin", smc.monsters[0]);
switch (smc.monsters[0]) {
case 'war':
this.spine.setAnimation(0, 'idle', true)
break;
case 'magic':
this.spine.setAnimation(0, 'idle', true)
break;
case 'heath':
this.spine.setAnimation(0, 'idle', true)
break;
default:
this.spine.setAnimation(0, 'idle', true)
break;
}
}
}
lateUpdate(dt: number) {
this.playAnimation(this.animName, this.loop);
}
getRandomInt(min: number, max: number): number {
min = Math.ceil(min);
max = Math.floor(max);
return Math.floor(Math.random() * (max - min + 1)) + min;
}
play(animName: string, loop: boolean) {
if (animName) {
this.animName = animName;
this.loop = loop;
this.spine.setAnimation(0, this.animName, this.loop);
}
else {
}
@@ -43,9 +95,12 @@ export default class RoleSpineAnimator extends Component {
* @param loop 是否循环播放
*/
protected playAnimation(animName: string, loop: boolean) {
console.log("RoleSpineAnimator playAnimation");
if (animName) {
console.log("RoleSpineAnimator playAnimation animName", animName);
this.animName = animName;
this.loop = loop;
this.spine.setAnimation(0, this.animName, this.loop);
}
else {
}

View File

@@ -0,0 +1,9 @@
{
"ver": "1.2.0",
"importer": "directory",
"imported": true,
"uuid": "d5604362-ce57-4bc2-9a05-cb1ba2e170a2",
"files": [],
"subMetas": {},
"userData": {}
}

View File

@@ -0,0 +1,88 @@
/*
* @Author: dgflash
* @Date: 2022-08-04 15:08:35
* @LastEditors: dgflash
* @LastEditTime: 2022-08-04 15:26:26
*/
import { Color, Component, EventTouch, sp, Vec3, _decorator } from "cc";
import { LayerUtil } from "../../../../../../extensions/oops-plugin-framework/assets/core/utils/LayerUtil";
import { smc } from "../../../common/SingletonModuleComp";
// import Charactor, { CharactorDirection, CharactorState } from "../../map/view/map/charactor/Charactor";
import MonsterSpineAnimator from "./MonsterSpineAnimator";
const { ccclass, property } = _decorator;
/**
* SPINE角色模型
*/
@ccclass('MonsterSpine')
export class MonsterSpine extends Component {
@property({ type: MonsterSpineAnimator, tooltip: '动画控制器' })
animator: MonsterSpineAnimator = null!;
private spine!: sp.Skeleton;
// private charactor!: Charactor;
onLoad() {
// 角色控制组件
// this.charactor = this.addComponent(Charactor)!;
this.initAnimator();
// this.setSkin("magic");
// this.animator.play("idle", true);
LayerUtil.setNodeLayer(LayerUtil.MAP, this.node);
}
/** 初始化动画 */
protected initAnimator() {
this.spine = this.animator.getComponent(sp.Skeleton)!;
}
// setState(value: CharactorState): void {
// switch (value) {
// case CharactorState.Idle:
// this.idle();
// break;
// case CharactorState.Run:
// this.walk();
// break;
// }
// }
setSkin(value: string): void {
console.log("MonsterSpine setSkin", value);
this.spine.setSkin(value);
}
play(animName: string, loop: boolean): void {
this.spine.setAnimation(0, animName, loop);
}
setAlpha(value: number): void {
var color: Color = this.spine.color;
color.a = 255 * (value / 1);
this.spine.color = color;
}
setPos(value: Vec3): void {
this.node.position = value;
}
checkTouch(event: EventTouch): boolean {
return false;
}
onDestroy() {
this.node.destroy();
}
walk() {
}
idle() {
}
}

View File

@@ -0,0 +1 @@
{"ver":"4.0.23","importer":"typescript","imported":true,"uuid":"482c216c-bef6-49fb-9060-37777b818f83","files":[],"subMetas":{},"userData":{}}

View File

@@ -0,0 +1,58 @@
/*
* @Author: dgflash
* @Date: 2022-08-04 15:08:35
* @LastEditors: dgflash
* @LastEditTime: 2022-08-04 15:26:38
*/
import { sp, _decorator ,Component} from "cc";
const { ccclass, property, requireComponent, disallowMultiple } = _decorator;
/**
* Spine状态机组件主状态机trackIndex为0
*/
@ccclass
@disallowMultiple
@requireComponent(sp.Skeleton)
export default class RoleSpineAnimator extends Component {
private animName: string = "idle";
private loop: boolean = true;
private spine!: sp.Skeleton;
start() {
this.spine = this.getComponent(sp.Skeleton)!;
console.log("RoleSpineAnimator start");
this.playAnimation(this.animName, this.loop);
}
lateUpdate(dt: number) {
//
}
play(animName: string, loop: boolean) {
if (animName) {
this.animName = animName;
this.loop = loop;
this.spine.setAnimation(0, this.animName, this.loop);
}
else {
}
}
/**
* 播放动画
* @override
* @param animName 动画名
* @param loop 是否循环播放
*/
protected playAnimation(animName: string, loop: boolean) {
console.log("RoleSpineAnimator playAnimation");
if (animName) {
console.log("RoleSpineAnimator playAnimation animName", animName);
this.animName = animName;
this.loop = loop;
this.spine.setAnimation(0, this.animName, this.loop);
}
else {
}
}
}

View File

@@ -0,0 +1 @@
{"ver":"4.0.23","importer":"typescript","imported":true,"uuid":"d3a795b7-3a93-41b0-be56-1d3f6666a1dd","files":[],"subMetas":{},"userData":{}}

View File

@@ -0,0 +1,33 @@
/*
* @Author: dgflash
* @Date: 2021-11-18 17:42:59
* @LastEditors: dgflash
* @LastEditTime: 2022-08-17 12:36:18
*/
import { Vec3, _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 { MonsterSpine } from "./MonsterSpine";
const { ccclass, property } = _decorator;
/** 角色显示组件 */
@ccclass('MonsterViewComp') // 定义为 Cocos Creator 组件
@ecs.register('MonsterView', false) // 定义为 ECS 组件
export class MonsterViewComp extends CCComp {
/** 角色动画 */
as: MonsterSpine = null!;
/** 角色控制器 */
/** 视图层逻辑代码分离演示 */
onLoad() {
this.as = this.getComponent(MonsterSpine);
}
reset() {
this.node.destroy();
}
}

View File

@@ -0,0 +1 @@
{"ver":"4.0.23","importer":"typescript","imported":true,"uuid":"b5ce7cce-a8eb-439f-b034-13d10f8f9e2f","files":[],"subMetas":{},"userData":{}}