# 国粹连连

**Repository Path**: zWesley/national-essence-continues

## Basic Information

- **Project Name**: 国粹连连
- **Description**: 基于XForge Cocos Creator 游戏框架实现的小游戏
国粹连连，致力于传承与创新中华传统文化，通过现代化技术手段，让国粹文化在数字时代焕发新生。
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-09
- **Last Updated**: 2025-07-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 麻将连连看游戏项目介绍

## 项目概述

这是一个基于XForge Cocos Creator开发的麻将连连看游戏。玩家需要通过拖拽麻将牌到对应区域进行匹配，当同一类型的三个麻将牌被放置在同一个区域时，它们会自动消除，为玩家带来简单而有趣的消除体验。

## 游戏截图

![屏幕截图 2025-07-09 174813.png](GiteeImages/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-07-09%20174813.png)

![屏幕截图 2025-07-09 174747.png](GiteeImages/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-07-09%20174747.png)

![屏幕截图 2025-07-09 174824.png](GiteeImages/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-07-09%20174824.png)

![屏幕截图 2025-07-09 174808.png](GiteeImages/%E5%B1%8F%E5%B9%95%E6%88%AA%E5%9B%BE%202025-07-09%20174808.png)

## 核心功能

1. 麻将牌生成系统

   • 随机生成多种类型的麻将牌（万、条、筒）

   • 可配置生成数量，灵活调整游戏难度

   • 精美的牌面资源加载与显示

2. 拖拽交互机制

   • 流畅的拖拽体验，支持触摸操作

   • 拖拽开始时有放大动画效果，增强交互反馈

   • 智能判断拖拽目标区域

3. 自动排序系统

   • 支持多种排序方向（从左到右、从右到左、从上到下、从下到上）

   • 自动调整子节点位置，保持整齐排列

   • 实时响应子节点的添加和移除事件

4. 消除机制

   • 当同一类型的三张麻将牌被放置在同一个区域时自动消除

   • 消除时播放特效音效，增强游戏体验

   • 全部消除后显示成功界面

## 技术架构

1. 模块化设计

   • PageGame: 游戏主界面，负责麻将牌生成、资源加载和游戏流程控制

   • Draggable: 拖拽组件，处理触摸事件和拖拽逻辑

   • AutoSortArea: 自动排序区域，管理子节点的排列和消除逻辑

2. 事件驱动

   • 使用事件监听机制处理子节点的添加和移除

   • 通过回调函数实现组件间的通信

3. 资源管理

   • 异步加载游戏所需资源，提高启动速度

   • 精灵图集管理，优化渲染性能

## 游戏流程

1. 游戏开始时，系统随机生成指定数量的麻将牌
2. 玩家通过拖拽将麻将牌放置到对应区域
3. 当同一类型的三个麻将牌被放置在同一个区域时，它们会自动消除
4. 所有麻将牌消除后，显示成功界面
5. 玩家可以点击设置按钮调整游戏参数

## 扩展性

1. 可轻松扩展更多类型的麻将牌
2. 支持自定义游戏规则和消除条件
3. 可添加计时、计分等进阶功能
4. 界面和动画效果可进一步丰富

## 技术亮点

1. 使用TypeScript实现强类型检查，提高代码质量
2. 组件化设计，提高代码复用性和可维护性
3. 精心设计的动画效果，提升用户体验
4. 完善的错误处理机制，增强游戏稳定性