# TSGF-demos

**Repository Path**: eetuuuu/tsgf-demos

## Basic Information

- **Project Name**: TSGF-demos
- **Description**: TSGF框架的客户端demo集成
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 17
- **Created**: 2023-12-22
- **Last Updated**: 2023-12-22

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# 介绍

* 对接 [TSGF (ts-gameframework)](https://gitee.com/fengssy/ts-gameframework) 的客户端示例合集, 示例列表:

    - **sdk-baseMatch**: 最简 Demo，对接 `tsgf-sdk` 的简单匹配联机示例（含手动创建房间和加入房间功能）
![效果](https://fengssy.gitee.io/zgame/Games/TSGF/PlayShow.gif?v=1.1.0)
        
        预览地址：

        ![qrcode](https://fengssy.gitee.io/zgame/Games/TSGF/tsgf-sdk-demos-basematch-web-mobileQRCode.png?v=1.1.0)

    - **attack**: 在最简 Demo 的基础上，加上攻击的互动
![效果](https://fengssy.gitee.io/zgame/Games/TSGF/tsgf-sdk-demos-attack.gif)

* 所有示例均使用的规范:
    - 在 `预览模版` 和 `构建模版` 中区分配置 (开发时 `预览模版` 配置本地地址, 部署生产时用 `构建模版` 配置生产地址)
    - 入口场景皆为 `./assets/scene/MainScene.scene`

*PS：“模拟开发者应用站地址” 说明：所有对接 `tsgf-sdk` 的开发者，都必须使用自己的玩家的 `openid` 在服务端调用 `TSGF` 的 `api` 获取授权，才能使用 `tsgf-sdk` 连接到服务器，所以才有 “开发者应用站点” 的概念*

# 启动

## 服务端（多种方式，任选其一）

- 使用 `Cocos Creator` 的免费插件 [tsgf-servers-dev for CocosCreator](https://store.cocos.com/app/detail/3910) 启动本地服务端
- 使用源码自行部署服务端（进入 [TSGF 官网](https://gitee.com/fengssy/ts-gameframework) 查看部署说明）


## 客户端

1. 示例目录下（如 `./sdk-baseMatch/`）运行命令 `npm i` 初始化npm包（执行一次即可）
2. 导入 `Cocos Creator`
3. 打开场景 `./assets/scene/MainScene.scene`
4. 运行调试（可启动多个预览窗口，用于测试互联）


## QQ交流群
![QQ群](https://fengssy.gitee.io/zgame/Games/TSGF/TSGF_QQGroupQRCode.png?v=1.1.1)


## 引用

项目中引用的模型：

Pomu Rainpuff [Nijisanji EN](https://skfb.ly/orVQ7) by scuffward is licensed under [Creative Commons Attribution](http://creativecommons.org/licenses/by/4.0/).