|
|
@@ -0,0 +1,921 @@
|
|
|
+import { _decorator, Component, Node, find, assetManager, JsonAsset, Prefab, UITransform, Widget, Vec3, instantiate, Sprite, randomRangeInt, EventTouch, Vec2, tween, Label, Color } from 'cc'
|
|
|
+import { oops } from 'db://oops-framework/core/Oops';
|
|
|
+import { ecs } from 'db://oops-framework/libs/ecs/ECS';
|
|
|
+import { CCComp } from 'db://oops-framework/module/common/CCComp';
|
|
|
+import { GameComponent } from 'db://oops-framework/module/common/GameComponent';
|
|
|
+const { ccclass, property } = _decorator;
|
|
|
+
|
|
|
+export enum GameStatus {
|
|
|
+ init, //初始化
|
|
|
+ running, //运行中
|
|
|
+ end, //结束
|
|
|
+ pass //通关
|
|
|
+}
|
|
|
+
|
|
|
+enum GridStatus {
|
|
|
+ notUse,
|
|
|
+ used,
|
|
|
+}
|
|
|
+
|
|
|
+interface GridDataInterface {
|
|
|
+ name: string,
|
|
|
+ status: GridStatus,
|
|
|
+ gridNode: Node | null,
|
|
|
+ row: number,
|
|
|
+ column: number,
|
|
|
+ gridColorKey: string | null,
|
|
|
+ gridType: number, //代替gridColorKey
|
|
|
+}
|
|
|
+
|
|
|
+interface GridConfigDataInterface {
|
|
|
+ row: number,
|
|
|
+ column: number,
|
|
|
+}
|
|
|
+
|
|
|
+interface BrickDataInterface {
|
|
|
+ index: number,
|
|
|
+ brickKey: string,
|
|
|
+ rotateFlag: boolean,
|
|
|
+ gridConfig: GridConfigDataInterface[],
|
|
|
+ deg: number,
|
|
|
+ brickNode: Node | null,
|
|
|
+ gridColorKey: string,
|
|
|
+ brickInitPos: Vec3 | null,
|
|
|
+ rotateNode: Node | null,
|
|
|
+ gridType: number, //gridColorKey
|
|
|
+}
|
|
|
+
|
|
|
+interface EditingDataInterface {
|
|
|
+ brickData: BrickDataInterface,
|
|
|
+ gridList: GridDataInterface[],
|
|
|
+}
|
|
|
+
|
|
|
+@ccclass('GameView')
|
|
|
+export class GameView extends GameComponent {
|
|
|
+
|
|
|
+ row = 8
|
|
|
+ column = 8
|
|
|
+ gridSize = 76.25
|
|
|
+ gridMargin = 1
|
|
|
+ brickNum = 3
|
|
|
+ yOffset = 100
|
|
|
+ aniBrickMove = 0.15 //动画时长
|
|
|
+ aniBrickRotate = 0.1 //
|
|
|
+ aniBrickEliminate = 0.2
|
|
|
+
|
|
|
+ notUseColor = new Color(255, 255, 255, 255)
|
|
|
+ usableColor = new Color(0, 255, 0, 100)
|
|
|
+ unavailableColor = new Color(255, 0, 0, 100)
|
|
|
+ rotateFaultTolerant = 10
|
|
|
+
|
|
|
+ bundleName = 'movebrick'
|
|
|
+ gameConfig = {}
|
|
|
+ gameStatus = GameStatus.init
|
|
|
+ _score = 0
|
|
|
+ editingData: EditingDataInterface = {
|
|
|
+ brickData: null!,
|
|
|
+ gridList: [],
|
|
|
+ } //修改的数据
|
|
|
+ gridList: GridDataInterface[][] = []
|
|
|
+ bricksList: BrickDataInterface[] = []
|
|
|
+ gridColorList: GridDataInterface[] = []
|
|
|
+ deltaTime: number = 1
|
|
|
+ operateFlag = false
|
|
|
+ touchStartPos = new Vec2()
|
|
|
+ adShowingFlag = false
|
|
|
+
|
|
|
+ canvasNode: Node = null!
|
|
|
+ gridsNode: Node = null! //网格层
|
|
|
+ bricksNode: Node = null! //底部方块
|
|
|
+ movingNode: Node = null! //移动层
|
|
|
+ rotateContainer: Node = null! //旋转层
|
|
|
+ scoreLabel: Label = null!
|
|
|
+ gameOverPopupNode: Node = null!
|
|
|
+
|
|
|
+ gridPrefab: Prefab = null! //空格子预制体
|
|
|
+ rotatePrefab: Prefab = null! //旋转预制体
|
|
|
+ prefabUrlMap = {} //格子预制体 //所有的格子预制体
|
|
|
+
|
|
|
+ //游戏新增的
|
|
|
+ @property([Prefab]) //所有的预制体，代替prefabUrlMap
|
|
|
+ allBrickList: any[] = [];
|
|
|
+ Lab_target: Label = null! //目标分数
|
|
|
+ brickListConfig: { bricks?: any } = {} //方块配置
|
|
|
+ @property(Prefab)
|
|
|
+ gridPb: Prefab = null! //空格子预制体
|
|
|
+ @property({ type: Prefab, displayName: "旋转标志" })
|
|
|
+ rotatePb: Prefab = null! //空格子预制体
|
|
|
+
|
|
|
+
|
|
|
+ get score() {
|
|
|
+ return this._score
|
|
|
+ }
|
|
|
+
|
|
|
+ set score(v: number) {
|
|
|
+ this._score = v
|
|
|
+ this.scoreLabel.string = `${this.score}`
|
|
|
+ }
|
|
|
+
|
|
|
+ setAdShowingFlag(v: boolean) {
|
|
|
+ this.adShowingFlag = v
|
|
|
+ // 打开激励视频时暂停背景音乐
|
|
|
+
|
|
|
+ }
|
|
|
+ onLoad() {
|
|
|
+
|
|
|
+ this.gridsNode = this.node.getChildByPath('Scene/Center/gridNode')!
|
|
|
+ this.bricksNode = this.node.getChildByPath('Scene/Bottom/bricksNode')!
|
|
|
+ this.movingNode = this.node.getChildByPath('Scene/moveNode')!
|
|
|
+ this.rotateContainer = this.node.getChildByPath('Scene/rotateNode')!
|
|
|
+ const scoreNode = this.node.getChildByPath('Scene/Top/scoreNode/lab_score')
|
|
|
+ if (!scoreNode) {
|
|
|
+ console.error('Score node not found')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ const label = scoreNode.getComponent(Label)
|
|
|
+ if (!label) {
|
|
|
+ console.error('Label component not found on score node')
|
|
|
+ return
|
|
|
+ }
|
|
|
+ this.scoreLabel = label
|
|
|
+ }
|
|
|
+
|
|
|
+ start() {
|
|
|
+ // 模拟延时
|
|
|
+ this.scheduleOnce(() => {
|
|
|
+ this.loadGameConfig().then(() => {
|
|
|
+ // 生成游戏网格
|
|
|
+ this.generateGrids()
|
|
|
+ this.scheduleOnce(() => {
|
|
|
+ this.initData()
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }, 1)
|
|
|
+ }
|
|
|
+
|
|
|
+ loadGameConfig() {
|
|
|
+ let json_name: string = "gui/eliminate/config/GridConfig";
|
|
|
+ return new Promise<void>((resolve, reject) => {
|
|
|
+ oops.res.load(json_name, JsonAsset, (err: Error | null, res: any) => {
|
|
|
+ if (res) {
|
|
|
+ this.brickListConfig = res.json;
|
|
|
+ resolve();
|
|
|
+ } else {
|
|
|
+ console.log("JSON数据加载失,请检查文件");
|
|
|
+ reject(err);
|
|
|
+ }
|
|
|
+ });
|
|
|
+ });
|
|
|
+ }
|
|
|
+
|
|
|
+ setGameStauts(stauts: GameStatus) {
|
|
|
+ if (stauts === this.gameStatus) return
|
|
|
+ this.gameStatus = stauts
|
|
|
+ if (this.gameStatus === GameStatus.init) {
|
|
|
+ // this.gameOverPopupNode.active = false
|
|
|
+ }
|
|
|
+ else if (this.gameStatus === GameStatus.running) {
|
|
|
+ // this.gameOverPopupNode.active = false
|
|
|
+ }
|
|
|
+ else if (this.gameStatus === GameStatus.end) {
|
|
|
+ // this.gameOverPopupNode.active = true
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ initData() {
|
|
|
+ this.setGameStauts(GameStatus.init)
|
|
|
+ this.score = 0
|
|
|
+ this.gridColorList.length = 0
|
|
|
+ this.operateFlag = false
|
|
|
+ this.adShowingFlag = false
|
|
|
+ this.touchStartPos.set(Vec2.ZERO)
|
|
|
+ this.rotateContainer.destroyAllChildren()
|
|
|
+ // 初始化格子状态
|
|
|
+ for (let rowIndex = 0; rowIndex < this.row; rowIndex++) {
|
|
|
+ for (let columnIndex = 0; columnIndex < this.column; columnIndex++) {
|
|
|
+ this.gridList[rowIndex][columnIndex].status = GridStatus.notUse
|
|
|
+ this.generateGrid(this.gridList[rowIndex][columnIndex])
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 初始化方块
|
|
|
+ this.bricksNode.destroyAllChildren()
|
|
|
+ this.bricksList.length = 0
|
|
|
+ for (let i = 1; i <= this.brickNum; i++) {
|
|
|
+ this.addBrick(i)
|
|
|
+ }
|
|
|
+
|
|
|
+ this.setGameStauts(GameStatus.running)
|
|
|
+ this.operateFlag = true
|
|
|
+ }
|
|
|
+
|
|
|
+ generateGrids() {
|
|
|
+ this.gridsNode.destroyAllChildren()
|
|
|
+ const transform = this.gridsNode.getComponent(UITransform)
|
|
|
+ if (transform) {
|
|
|
+ transform.setContentSize(
|
|
|
+ this.gridSize * this.column + this.gridMargin * 2,
|
|
|
+ this.gridSize * this.row + this.gridMargin * 2,
|
|
|
+ )
|
|
|
+ }
|
|
|
+
|
|
|
+ for (let rowIndex = 0; rowIndex < this.row; rowIndex++) {
|
|
|
+ this.gridList.push([])
|
|
|
+ for (let columnIndex = 0; columnIndex < this.column; columnIndex++) {
|
|
|
+ let gridData: GridDataInterface = {
|
|
|
+ name: `Grid-${rowIndex}-${columnIndex}`,
|
|
|
+ status: GridStatus.notUse,
|
|
|
+ gridNode: null,
|
|
|
+ row: rowIndex,
|
|
|
+ column: columnIndex,
|
|
|
+ gridColorKey: "null",
|
|
|
+ gridType: 0
|
|
|
+ }
|
|
|
+ this.gridList[rowIndex].push(gridData)
|
|
|
+ // 节点
|
|
|
+ gridData.gridNode = new Node()
|
|
|
+ this.gridsNode.addChild(gridData.gridNode)
|
|
|
+ gridData.gridNode.name = `Grid-${rowIndex}-${columnIndex}`
|
|
|
+ gridData.gridNode.addComponent(UITransform).setContentSize(this.gridSize, this.gridSize)
|
|
|
+ const gridWidget: Widget = gridData.gridNode.addComponent(Widget)
|
|
|
+ gridWidget.isAlignLeft = true
|
|
|
+ gridWidget.left = this.gridSize * columnIndex + this.gridMargin
|
|
|
+ gridWidget.isAlignBottom = true
|
|
|
+ gridWidget.bottom = this.gridSize * rowIndex + this.gridMargin
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ generateGrid(gridData: GridDataInterface) {
|
|
|
+ if (!gridData.gridNode) return;
|
|
|
+ gridData.gridNode.children.forEach(node => { node.destroy() })
|
|
|
+ let prefab = null
|
|
|
+ if (gridData.status === GridStatus.notUse) {
|
|
|
+ // prefab = this.gridPrefab
|
|
|
+ prefab = this.gridPb;
|
|
|
+ }
|
|
|
+ else if (gridData.status === GridStatus.used) {
|
|
|
+
|
|
|
+ //什么颜色的格子 --可以通过下标获取
|
|
|
+ // prefab = this.prefabUrlMap[this.gameConfig['gridColor'][gridData.gridColorKey]['prefabUrl']]
|
|
|
+ prefab = this.allBrickList[gridData.gridType];
|
|
|
+
|
|
|
+ }
|
|
|
+ const node = instantiate(prefab);
|
|
|
+ if (!node) return;
|
|
|
+ if (gridData.status === GridStatus.notUse) {
|
|
|
+ node.getComponent(Sprite).color = this.notUseColor
|
|
|
+ }
|
|
|
+ gridData.gridNode.addChild(node)
|
|
|
+ node.getComponent(UITransform).setContentSize(
|
|
|
+ this.gridSize - this.gridMargin * 2,
|
|
|
+ this.gridSize - this.gridMargin * 2,
|
|
|
+ )
|
|
|
+ node.setPosition(Vec3.ZERO)
|
|
|
+ }
|
|
|
+
|
|
|
+ generateBrick(brickKey: string, gridColorKey: string, gridType: number) {
|
|
|
+ const brickConfig = this.brickListConfig['bricks'][brickKey]
|
|
|
+ let rowMin = 0
|
|
|
+ let rowMax = 0
|
|
|
+ let columnMin = 0
|
|
|
+ let columnMax = 0
|
|
|
+ brickConfig['gridConfig'].forEach((gridConfigData: GridConfigDataInterface) => {
|
|
|
+ if (gridConfigData.row < rowMin) {
|
|
|
+ rowMin = gridConfigData.row
|
|
|
+ }
|
|
|
+ else if (gridConfigData.row > rowMax) {
|
|
|
+ rowMax = gridConfigData.row
|
|
|
+ }
|
|
|
+ if (gridConfigData.column < columnMin) {
|
|
|
+ columnMin = gridConfigData.column
|
|
|
+ }
|
|
|
+ else if (gridConfigData.column > columnMax) {
|
|
|
+ columnMax = gridConfigData.column
|
|
|
+ }
|
|
|
+ })
|
|
|
+ const rowNum = (rowMax - rowMin + 1)
|
|
|
+ const columnNum = (columnMax - columnMin + 1)
|
|
|
+ // 生成独立的方块节点
|
|
|
+ const brickNode = new Node()
|
|
|
+ brickNode.name = brickKey
|
|
|
+ const transformCom: UITransform = brickNode.addComponent(UITransform)
|
|
|
+ transformCom.setContentSize(
|
|
|
+ this.gridSize * columnNum,
|
|
|
+ this.gridSize * rowNum
|
|
|
+ )
|
|
|
+ transformCom.setAnchorPoint(0.5, 0.5)
|
|
|
+ // const gridPrefab = this.prefabUrlMap[this.gameConfig['gridColor'][gridColorKey]['prefabUrl']]
|
|
|
+ const gridPrefab = this.allBrickList[gridType];
|
|
|
+ //通过配置初始化
|
|
|
+ brickConfig['gridConfig'].forEach((gridConfigData: GridConfigDataInterface) => {
|
|
|
+ const gridNode = new Node()
|
|
|
+ gridNode.name = 'grid'
|
|
|
+ brickNode.addChild(gridNode)
|
|
|
+ gridNode.addComponent(UITransform).setContentSize(this.gridSize, this.gridSize)
|
|
|
+ const gridWidget: Widget = gridNode.addComponent(Widget)
|
|
|
+ gridWidget.isAlignLeft = true
|
|
|
+ gridWidget.left = this.gridSize * gridConfigData.column - this.gridSize * columnMin
|
|
|
+ gridWidget.isAlignBottom = true
|
|
|
+ gridWidget.bottom = this.gridSize * gridConfigData.row - this.gridSize * rowMin
|
|
|
+ const node = instantiate(gridPrefab)
|
|
|
+ gridNode.addChild(node)
|
|
|
+ node.getComponent(UITransform).setContentSize(
|
|
|
+ this.gridSize - this.gridMargin * 2,
|
|
|
+ this.gridSize - this.gridMargin * 2,
|
|
|
+ )
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ node.setPosition(Vec3.ZERO)
|
|
|
+ node.on(Node.EventType.TOUCH_START, (event: EventTouch) => {
|
|
|
+ event.preventSwallow = true;
|
|
|
+ }, this);
|
|
|
+ node.on(Node.EventType.TOUCH_MOVE, (event: EventTouch) => {
|
|
|
+ event.preventSwallow = true;
|
|
|
+ }, this);
|
|
|
+ node.on(Node.EventType.TOUCH_END, (event: EventTouch) => {
|
|
|
+ event.preventSwallow = true;
|
|
|
+ }, this);
|
|
|
+ })
|
|
|
+
|
|
|
+ return brickNode
|
|
|
+ }
|
|
|
+ addBrick(index: number) {
|
|
|
+ const bricks = this.brickListConfig.bricks || {};
|
|
|
+ // const gridColors = this.gameConfig.gridColor || {};
|
|
|
+ //获取方块的类型
|
|
|
+ const brickKey = Object.keys(bricks)[randomRangeInt(0, Object.keys(bricks).length)];
|
|
|
+ //获取方块的颜色随机下标
|
|
|
+ // const gridColorKey = Object.keys(gridColors)[randomRangeInt(0, Object.keys(gridColors).length)];
|
|
|
+
|
|
|
+ const gridColorKey = "GridColor1";
|
|
|
+ //通过Key获取具体配置
|
|
|
+ const brickConfig = bricks[brickKey];
|
|
|
+ const gridType = randomRangeInt(0, this.allBrickList.length);
|
|
|
+ const brickData: BrickDataInterface = {
|
|
|
+ index,
|
|
|
+ brickKey,
|
|
|
+ rotateFlag: brickConfig['rotateFlag'],
|
|
|
+ gridConfig: brickConfig['gridConfig'],
|
|
|
+ deg: 0,
|
|
|
+ brickNode: null,
|
|
|
+ gridColorKey,
|
|
|
+ brickInitPos: null,
|
|
|
+ rotateNode: null,
|
|
|
+ gridType: 0
|
|
|
+ }
|
|
|
+ this.bricksList.push(brickData)
|
|
|
+ // 生成方块
|
|
|
+ const brickNode = this.generateBrick(brickKey, gridColorKey, gridType)
|
|
|
+ this.bricksNode.addChild(brickNode)
|
|
|
+ brickData.brickNode = brickNode
|
|
|
+ // 方块间隔
|
|
|
+ let offset = 220
|
|
|
+ if (this.brickNum % 2 === 1) {
|
|
|
+ const middleNum = Math.floor(this.brickNum / 2) + 1
|
|
|
+ if (index < middleNum) {
|
|
|
+ offset = - offset
|
|
|
+ }
|
|
|
+ else if (index === middleNum) {
|
|
|
+ offset = 0
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (brickData && brickData.brickNode) {
|
|
|
+ brickData.brickNode.setPosition(offset, 0)
|
|
|
+ brickData.brickNode.scale_x = 0.6;
|
|
|
+ brickData.brickNode.scale_y = 0.6;
|
|
|
+ brickData.brickInitPos = brickData.brickNode.getWorldPosition()
|
|
|
+ }
|
|
|
+ // 添加旋转图标
|
|
|
+ if (brickData.rotateFlag) {
|
|
|
+ // brickData.rotateNode = instantiate(this.rotatePrefab)
|
|
|
+ brickData.rotateNode = instantiate(this.rotatePb);
|
|
|
+ this.rotateContainer.addChild(brickData.rotateNode)
|
|
|
+ brickData.rotateNode.setWorldPosition(brickNode.getWorldPosition())
|
|
|
+ }
|
|
|
+ // 方块添加事件
|
|
|
+ this.brickAddEvent(brickData)
|
|
|
+ }
|
|
|
+
|
|
|
+ brickAddEvent(brickData: BrickDataInterface) {
|
|
|
+ const brickNode = brickData.brickNode
|
|
|
+ if (!brickNode) return
|
|
|
+ // 触摸时
|
|
|
+ brickNode.on(Node.EventType.TOUCH_START, (event: EventTouch) => {
|
|
|
+ if (this.adShowingFlag || !this.operateFlag) return
|
|
|
+
|
|
|
+ this.editingData.brickData = brickData
|
|
|
+ this.editingData.gridList.length = 0
|
|
|
+ // 记录开始触摸的位置
|
|
|
+ this.touchStartPos.set(event.getUILocation())
|
|
|
+ // 添加到移动节点里进行移动
|
|
|
+ const pos = brickNode.getWorldPosition()
|
|
|
+ brickNode.setParent(this.movingNode)
|
|
|
+ brickNode.setWorldPosition(pos)
|
|
|
+
|
|
|
+ const index = this.bricksList.findIndex(data => data === brickData)
|
|
|
+ if (index > -1) {
|
|
|
+ this.editingData.brickData = this.bricksList.splice(index, 1)[0]
|
|
|
+ } else {
|
|
|
+ console.error("bricksList not find brickData:", brickData)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // 触摸移动时
|
|
|
+ brickNode.on(Node.EventType.TOUCH_MOVE, (event: EventTouch) => {
|
|
|
+ if (this.adShowingFlag || !this.operateFlag) return
|
|
|
+
|
|
|
+ const movePos: Vec2 = event.getUILocation().subtract(this.touchStartPos)
|
|
|
+ // 挪动很小时，不移动方块组合
|
|
|
+ if (movePos.length() <= this.rotateFaultTolerant) {
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // 隐藏旋转节点
|
|
|
+ if (this.editingData.brickData?.rotateFlag && this.editingData.brickData.rotateNode) {
|
|
|
+ this.editingData.brickData.rotateNode.active = false
|
|
|
+ }
|
|
|
+ // 格子颜色恢复
|
|
|
+ this.gridColorRecovery()
|
|
|
+ // 移动
|
|
|
+ brickNode.setWorldPosition(event.getUILocation().toVec3().add3f(0, this.yOffset, 0))
|
|
|
+ // 每次移动重置数据
|
|
|
+ this.editingData.gridList.length = 0
|
|
|
+ // 实时获取方块位置判断在哪个格子上
|
|
|
+ const tempGridList: GridDataInterface[] = []
|
|
|
+ brickNode.children.forEach((brickGridNode) => {
|
|
|
+ const brickGridPos = brickGridNode.getWorldPosition()
|
|
|
+ let gridData: GridDataInterface | null = null
|
|
|
+ for (let rowIndex = 0; rowIndex < this.row && gridData === null; rowIndex++) {
|
|
|
+ for (let columnIndex = 0; columnIndex < this.column && gridData === null; columnIndex++) {
|
|
|
+ const nowGridData = this.gridList[rowIndex][columnIndex]
|
|
|
+ if (!nowGridData?.gridNode) continue
|
|
|
+ const gridPos = nowGridData.gridNode.getWorldPosition()
|
|
|
+ if (Vec3.distance(gridPos, brickGridPos) <= (this.gridSize / 2 - this.gridMargin)) {
|
|
|
+ gridData = nowGridData
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ if (gridData === null) return
|
|
|
+ tempGridList.push(gridData)
|
|
|
+ })
|
|
|
+ // 检查整体情况
|
|
|
+ let checkFlag = false
|
|
|
+ if (
|
|
|
+ tempGridList.length === brickData.gridConfig.length &&
|
|
|
+ tempGridList.filter(d => d.status === GridStatus.notUse).length === brickData.gridConfig.length
|
|
|
+ ) {
|
|
|
+ checkFlag = true
|
|
|
+ tempGridList.forEach((gridData) => {
|
|
|
+ this.editingData.gridList.push(gridData)
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // 格子给用户提示
|
|
|
+ tempGridList.forEach((gridData) => {
|
|
|
+ if (gridData.status !== GridStatus.notUse || !gridData.gridNode) return
|
|
|
+ const sprite = gridData.gridNode.children[0]?.getComponent(Sprite)
|
|
|
+ if (sprite) {
|
|
|
+ sprite.color = checkFlag ? this.usableColor : this.unavailableColor
|
|
|
+ // 用于恢复格子
|
|
|
+ this.gridColorList.push(gridData)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ })
|
|
|
+ // 触摸松开后
|
|
|
+ brickNode.on(Node.EventType.TOUCH_END, this.brickTouchEnd, this)
|
|
|
+ brickNode.on(Node.EventType.TOUCH_CANCEL, this.brickTouchEnd, this)
|
|
|
+ }
|
|
|
+
|
|
|
+ brickTouchEnd(event: EventTouch) {
|
|
|
+ if (this.adShowingFlag || !this.operateFlag) return
|
|
|
+ this.operateFlag = false
|
|
|
+ // 单击旋转
|
|
|
+ if (
|
|
|
+ this.editingData.brickData.rotateFlag &&
|
|
|
+ event.getUILocation().subtract(this.touchStartPos).length() <= this.rotateFaultTolerant
|
|
|
+ ) {
|
|
|
+ const brickData = this.editingData.brickData
|
|
|
+ // 方块放回待选区
|
|
|
+ if (brickData.brickNode && brickData.brickInitPos) {
|
|
|
+ this.bricksList.push(brickData)
|
|
|
+ this.bricksNode.addChild(brickData.brickNode)
|
|
|
+ brickData.brickNode.setWorldPosition(brickData.brickInitPos)
|
|
|
+ // 旋转
|
|
|
+ this.brickGridRotate(brickData).then(() => {
|
|
|
+ this.operateFlag = true
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 方块到格子
|
|
|
+ else if (this.editingData.brickData && this.editingData.gridList.length > 0) {
|
|
|
+ // 修改格子
|
|
|
+ this.editingData.gridList.forEach((gridData) => {
|
|
|
+ gridData.status = GridStatus.used
|
|
|
+ gridData.gridColorKey = this.editingData.brickData.gridColorKey
|
|
|
+ this.generateGrid(gridData)
|
|
|
+ })
|
|
|
+ // 销毁方块
|
|
|
+ if (this.editingData.brickData.brickNode) {
|
|
|
+ this.editingData.brickData.brickNode.destroy()
|
|
|
+ }
|
|
|
+ // 销毁旋转节点
|
|
|
+ if (this.editingData.brickData.rotateFlag && this.editingData.brickData.rotateNode) {
|
|
|
+ this.editingData.brickData.rotateNode.destroy()
|
|
|
+ }
|
|
|
+ // 新增方块
|
|
|
+ this.addBrick(this.editingData.brickData.index)
|
|
|
+ this.scheduleOnce(() => {
|
|
|
+ // 格子消除
|
|
|
+ this.gridEliminate().then(() => {
|
|
|
+ // 检查方块是否还能消除格子
|
|
|
+ this.prompt(false).then((promptFlag: boolean) => {
|
|
|
+ if (!promptFlag) {
|
|
|
+ this.gameOver()
|
|
|
+ }
|
|
|
+ this.operateFlag = true
|
|
|
+ })
|
|
|
+ })
|
|
|
+ })
|
|
|
+ }
|
|
|
+ // 方块回到待选区
|
|
|
+ else {
|
|
|
+ const brickData = this.editingData.brickData
|
|
|
+ this.bricksList.push(brickData)
|
|
|
+ this.operateFlag = false
|
|
|
+ // 回弹动画
|
|
|
+ if (brickData.brickNode) {
|
|
|
+ const pos = this.editingData.brickData.brickInitPos
|
|
|
+ if (!pos) {
|
|
|
+ return;
|
|
|
+ }
|
|
|
+ tween(brickData.brickNode)
|
|
|
+ .to(this.aniBrickMove, { worldPosition: pos })
|
|
|
+ .call(() => {
|
|
|
+ if (brickData.brickNode && brickData.brickInitPos && brickData.rotateNode) {
|
|
|
+ this.bricksNode.addChild(brickData.brickNode)
|
|
|
+ brickData.brickNode.setWorldPosition(brickData.brickInitPos)
|
|
|
+ if (brickData.rotateFlag) {
|
|
|
+ brickData.rotateNode.active = true
|
|
|
+ }
|
|
|
+ this.operateFlag = true
|
|
|
+ }
|
|
|
+ })
|
|
|
+ .start()
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ }
|
|
|
+ // 格子颜色恢复
|
|
|
+ this.gridColorRecovery()
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ //格子颜色恢复
|
|
|
+ gridColorRecovery() {
|
|
|
+ while (this.gridColorList.length > 0) {
|
|
|
+ const gridData = this.gridColorList.pop()
|
|
|
+ if (gridData?.gridNode && gridData.status === GridStatus.notUse) {
|
|
|
+ const sprite = gridData.gridNode.children[0]?.getComponent(Sprite)
|
|
|
+ if (sprite) {
|
|
|
+ sprite.color = this.notUseColor
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ nextGridRotate(gridConfig: GridConfigDataInterface[], deg: number) {
|
|
|
+ const newGridConfig: GridConfigDataInterface[] = []
|
|
|
+ // 顺时针旋转
|
|
|
+ let newDeg = deg - 90
|
|
|
+ gridConfig.forEach((gridConfigData) => {
|
|
|
+ // 例如（1，2） => （-2，1），可以画图分析
|
|
|
+ newGridConfig.push({
|
|
|
+ row: -gridConfigData.column,
|
|
|
+ column: gridConfigData.row
|
|
|
+ })
|
|
|
+ })
|
|
|
+ return { gridConfig: newGridConfig, deg: newDeg }
|
|
|
+ }
|
|
|
+
|
|
|
+ 'brickGridRotate'(brickData: BrickDataInterface) {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ // this.audioManager.playRotate()
|
|
|
+ const next = this.nextGridRotate(brickData.gridConfig, brickData.deg)
|
|
|
+ brickData.deg = next.deg
|
|
|
+ brickData.gridConfig = next.gridConfig
|
|
|
+
|
|
|
+ if (brickData.brickNode) {
|
|
|
+ tween(brickData.brickNode)
|
|
|
+ .to(this.aniBrickRotate, { angle: next.deg })
|
|
|
+ .call(() => {
|
|
|
+ resolve(true)
|
|
|
+ }).start()
|
|
|
+ }
|
|
|
+
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ gridEliminateCheck(gridList: GridDataInterface[][]) {
|
|
|
+ const gridEliminateList: GridDataInterface[] = []
|
|
|
+ let eliminateRowNum = 0
|
|
|
+ let eliminateColumnNum = 0
|
|
|
+ // 行检查
|
|
|
+ for (let rowIndex = 0; rowIndex < this.row; rowIndex++) {
|
|
|
+ const rowData = gridList[rowIndex]
|
|
|
+ if (rowData.every(gridData => gridData.status === GridStatus.used)) {
|
|
|
+ rowData.forEach(gridData => {
|
|
|
+ if (gridEliminateList.findIndex(data => data === gridData) < 0) {
|
|
|
+ gridEliminateList.push(gridData)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ eliminateRowNum += 1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 列检查
|
|
|
+ for (let columnIndex = 0; columnIndex < this.column; columnIndex++) {
|
|
|
+ if (gridList.every(rowData => rowData[columnIndex].status === GridStatus.used)) {
|
|
|
+ gridList.forEach(rowData => {
|
|
|
+ const gridData = rowData[columnIndex]
|
|
|
+ if (gridEliminateList.findIndex(data => data === gridData) < 0) {
|
|
|
+ gridEliminateList.push(gridData)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ eliminateColumnNum += 1
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return {
|
|
|
+ gridEliminateList,
|
|
|
+ eliminateRowNum,
|
|
|
+ eliminateColumnNum,
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ // 消除
|
|
|
+ gridEliminate() {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ const d = this.gridEliminateCheck(this.gridList)
|
|
|
+ const gridEliminateList = d.gridEliminateList
|
|
|
+ const eliminateRowNum = d.eliminateRowNum
|
|
|
+ const eliminateColumnNum = d.eliminateColumnNum
|
|
|
+ // 无行可消除
|
|
|
+ if (gridEliminateList.length < 1) {
|
|
|
+ resolve(false)
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // 消除格子
|
|
|
+ gridEliminateList.forEach((gridData) => {
|
|
|
+ if (gridData.gridNode) {
|
|
|
+ tween(gridData.gridNode.children[0])
|
|
|
+ .to(this.aniBrickEliminate, { scale: new Vec3(0.5, 0.5) })
|
|
|
+ .call(() => {
|
|
|
+ gridData.status = GridStatus.notUse
|
|
|
+ this.generateGrid(gridData)
|
|
|
+ })
|
|
|
+ .start()
|
|
|
+ }
|
|
|
+ })
|
|
|
+ // 音效
|
|
|
+ // this.audioManager.playEliminate()
|
|
|
+ this.scheduleOnce(() => {
|
|
|
+ // 成绩
|
|
|
+ let score = 0
|
|
|
+ for (let i = 1; i <= eliminateRowNum; i++) {
|
|
|
+ score += this.column * i
|
|
|
+ }
|
|
|
+ for (let i = 1; i <= eliminateColumnNum; i++) {
|
|
|
+ score += this.row * i
|
|
|
+ }
|
|
|
+ this.score += score
|
|
|
+ resolve(true)
|
|
|
+ }, 0.2)
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ gameOver() {
|
|
|
+ // this.audioManager.playGameOver()
|
|
|
+ this.setGameStauts(GameStatus.end)
|
|
|
+ }
|
|
|
+
|
|
|
+ moveIf(row: number, column: number, gridConfig: GridConfigDataInterface[]) {
|
|
|
+ let moveFlag = true
|
|
|
+ for (let i = 0; i < gridConfig.length; i++) {
|
|
|
+ const gridConfigData = gridConfig[i]
|
|
|
+ const gridI = row + gridConfigData.row
|
|
|
+ const gridJ = column + gridConfigData.column
|
|
|
+ // 边界判断
|
|
|
+ if (
|
|
|
+ gridI < 0 ||
|
|
|
+ gridI > this.row - 1 ||
|
|
|
+ gridJ < 0 ||
|
|
|
+ gridJ > this.column - 1
|
|
|
+ ) {
|
|
|
+ moveFlag = false
|
|
|
+ break
|
|
|
+ }
|
|
|
+ // 已用
|
|
|
+ else if (this.gridList[gridI][gridJ].status === GridStatus.used) {
|
|
|
+ moveFlag = false
|
|
|
+ break
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return moveFlag
|
|
|
+ }
|
|
|
+
|
|
|
+ copyGridList() {
|
|
|
+ const gridList: GridDataInterface[][] = []
|
|
|
+ for (let rowIndex = 0; rowIndex < this.row; rowIndex++) {
|
|
|
+ gridList.push([])
|
|
|
+ for (let columnIndex = 0; columnIndex < this.column; columnIndex++) {
|
|
|
+ const gridData = this.gridList[rowIndex][columnIndex]
|
|
|
+ gridList[rowIndex].push({
|
|
|
+ name: gridData.name,
|
|
|
+ status: gridData.status,
|
|
|
+ gridNode: null,
|
|
|
+ row: gridData.row,
|
|
|
+ column: gridData.column,
|
|
|
+ gridColorKey: gridData.gridColorKey,
|
|
|
+ gridType: gridData.gridType
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ return gridList
|
|
|
+ }
|
|
|
+
|
|
|
+ prompt(tipFlag = true) {
|
|
|
+ return new Promise((resolve, reject) => {
|
|
|
+ const gridPromptList: GridDataInterface[] = []
|
|
|
+ let moveFlag = false
|
|
|
+ // 找方块可消除位置
|
|
|
+ for (let rowIndex = 0; rowIndex < this.row && !moveFlag; rowIndex++) {
|
|
|
+ for (let columnIndex = 0; columnIndex < this.column && !moveFlag; columnIndex++) {
|
|
|
+ const gridData = this.gridList[rowIndex][columnIndex]
|
|
|
+ if (gridData.status !== GridStatus.notUse) continue
|
|
|
+ // 方块不旋转检测是否能放
|
|
|
+ for (let brickI = 0; brickI < this.bricksList.length && !moveFlag; brickI++) {
|
|
|
+ const brickData = this.bricksList[brickI]
|
|
|
+ if (this.moveIf(rowIndex, columnIndex, brickData.gridConfig)) {
|
|
|
+ // 复制整体网格，以方块设置网格状态
|
|
|
+ const gridList = this.copyGridList()
|
|
|
+ brickData.gridConfig.forEach((gridConfigData) => {
|
|
|
+ gridList[gridConfigData.row + rowIndex][gridConfigData.column + columnIndex].status = GridStatus.used
|
|
|
+ })
|
|
|
+ // 检查复制的整体网格是否有可消除
|
|
|
+ if (this.gridEliminateCheck(gridList).gridEliminateList.length > 0) {
|
|
|
+ moveFlag = true
|
|
|
+ brickData.gridConfig.forEach((gridConfigData) => {
|
|
|
+ gridPromptList.push(this.gridList[gridConfigData.row + rowIndex][gridConfigData.column + columnIndex])
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 方块旋转检测是否能放
|
|
|
+ for (let brickI = 0; brickI < this.bricksList.length && !moveFlag; brickI++) {
|
|
|
+ const brickData = this.bricksList[brickI]
|
|
|
+ if (!brickData.rotateFlag) continue
|
|
|
+ let gridConfig = brickData.gridConfig
|
|
|
+ let deg = brickData.deg
|
|
|
+ // 获得旋转的方块网格配置
|
|
|
+ for (let count = 1; count <= 3 && !moveFlag; count++) {
|
|
|
+ const next = this.nextGridRotate(gridConfig, deg)
|
|
|
+ if (this.moveIf(rowIndex, columnIndex, next.gridConfig)) {
|
|
|
+ // 复制整体网格，以方块设置网格状态
|
|
|
+ const gridList = this.copyGridList()
|
|
|
+ next.gridConfig.forEach((gridConfigData) => {
|
|
|
+ gridList[gridConfigData.row + rowIndex][gridConfigData.column + columnIndex].status = GridStatus.used
|
|
|
+ })
|
|
|
+ // 检查复制的整体网格是否有可消除
|
|
|
+ if (this.gridEliminateCheck(gridList).gridEliminateList.length > 0) {
|
|
|
+ moveFlag = true
|
|
|
+ next.gridConfig.forEach((gridConfigData) => {
|
|
|
+ gridPromptList.push(this.gridList[gridConfigData.row + rowIndex][gridConfigData.column + columnIndex])
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ gridConfig = next.gridConfig
|
|
|
+ deg = next.deg
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 找方块可放置位置
|
|
|
+ for (let rowIndex = 0; rowIndex < this.row && !moveFlag; rowIndex++) {
|
|
|
+ for (let columnIndex = 0; columnIndex < this.column && !moveFlag; columnIndex++) {
|
|
|
+ const gridData = this.gridList[rowIndex][columnIndex]
|
|
|
+ if (gridData.status !== GridStatus.notUse) continue
|
|
|
+ // 方块不旋转检测是否能放
|
|
|
+ for (let brickI = 0; brickI < this.bricksList.length && !moveFlag; brickI++) {
|
|
|
+ const brickData = this.bricksList[brickI]
|
|
|
+ if (this.moveIf(rowIndex, columnIndex, brickData.gridConfig)) {
|
|
|
+ moveFlag = true
|
|
|
+ brickData.gridConfig.forEach((gridConfigData) => {
|
|
|
+ gridPromptList.push(this.gridList[gridConfigData.row + rowIndex][gridConfigData.column + columnIndex])
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ // 方块旋转检测是否能放
|
|
|
+ for (let brickI = 0; brickI < this.bricksList.length && !moveFlag; brickI++) {
|
|
|
+ const brickData = this.bricksList[brickI]
|
|
|
+ if (!brickData.rotateFlag) continue
|
|
|
+ let gridConfig = brickData.gridConfig
|
|
|
+ let deg = brickData.deg
|
|
|
+ for (let count = 1; count <= 3 && !moveFlag; count++) {
|
|
|
+ const next = this.nextGridRotate(gridConfig, deg)
|
|
|
+ if (this.moveIf(rowIndex, columnIndex, next.gridConfig)) {
|
|
|
+ moveFlag = true
|
|
|
+ next.gridConfig.forEach((gridConfigData) => {
|
|
|
+ gridPromptList.push(this.gridList[gridConfigData.row + rowIndex][gridConfigData.column + columnIndex])
|
|
|
+ })
|
|
|
+ }
|
|
|
+ gridConfig = next.gridConfig
|
|
|
+ deg = next.deg
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ if (gridPromptList.length < 1) {
|
|
|
+ resolve(false)
|
|
|
+ return
|
|
|
+ }
|
|
|
+ if (!tipFlag) {
|
|
|
+ resolve(true)
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // 提示用户（网格变绿）
|
|
|
+ gridPromptList.forEach((gridData) => {
|
|
|
+ if (gridData.gridNode) {
|
|
|
+ const sprite = gridData.gridNode.children[0]?.getComponent(Sprite)
|
|
|
+ if (sprite) {
|
|
|
+ sprite.color = this.usableColor
|
|
|
+ // 用于恢复格子
|
|
|
+ this.gridColorList.push(gridData)
|
|
|
+ }
|
|
|
+ }
|
|
|
+ })
|
|
|
+ resolve(true)
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+
|
|
|
+ //重新开始
|
|
|
+ onRefreshBtnClick() {
|
|
|
+ if (
|
|
|
+ this.gameStatus !== GameStatus.running ||
|
|
|
+ !this.operateFlag ||
|
|
|
+ this.adShowingFlag
|
|
|
+ ) return
|
|
|
+
|
|
|
+ this.setAdShowingFlag(true)
|
|
|
+ this.bricksNode.destroyAllChildren()
|
|
|
+ this.rotateContainer.destroyAllChildren()
|
|
|
+ this.bricksList.length = 0
|
|
|
+ for (let i = 1; i <= this.brickNum; i++) {
|
|
|
+ this.addBrick(i)
|
|
|
+ }
|
|
|
+ // 恢复格子颜色
|
|
|
+ this.gridColorRecovery()
|
|
|
+ this.setAdShowingFlag(false)
|
|
|
+
|
|
|
+ }
|
|
|
+
|
|
|
+ //--复活
|
|
|
+ onPromptBtnClick() {
|
|
|
+ if (
|
|
|
+ this.gameStatus !== GameStatus.running ||
|
|
|
+ !this.operateFlag ||
|
|
|
+ this.adShowingFlag
|
|
|
+ ) return
|
|
|
+
|
|
|
+ // 先检查是否死局
|
|
|
+ this.prompt(false).then((flag) => {
|
|
|
+ if (!flag) {
|
|
|
+ this.gameOver()
|
|
|
+ return
|
|
|
+ }
|
|
|
+ // 非死局，打开广告
|
|
|
+ this.setAdShowingFlag(true)
|
|
|
+ // SDKManager.showVideoAd().then((isEnded: boolean) => {
|
|
|
+ // if (isEnded) {
|
|
|
+ // this.gridColorRecovery()
|
|
|
+ // this.prompt()
|
|
|
+ // }
|
|
|
+ // this.setAdShowingFlag(false)
|
|
|
+ // }).catch((err) => {
|
|
|
+ // console.error('onPromptBtnClick', err)
|
|
|
+ // this.setAdShowingFlag(false)
|
|
|
+ // })
|
|
|
+ })
|
|
|
+ }
|
|
|
+
|
|
|
+ //再来一次
|
|
|
+ onAgainBtnClick() {
|
|
|
+ if (!this.operateFlag) return
|
|
|
+
|
|
|
+ this.initData()
|
|
|
+ }
|
|
|
+
|
|
|
+ //确认游戏
|
|
|
+ onContinueBtnClick() {
|
|
|
+ this.setGameStauts(GameStatus.running)
|
|
|
+ }
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+
|
