# CocosCreatorDemos

**Repository Path**: guo_en/CocosCreatorDemos

## Basic Information

- **Project Name**: CocosCreatorDemos
- **Description**: 大道至简，殊途同归。
CocosCreatorDemos主要是整理并实现了一些常用的用户需求示例，希望可以给用户提供一些使用灵感。
CocosCreatorDemos mainly organizes and implements some common user‘s needs demos, hoping to provide users with some inspiration.
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: v3.8.x
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 294
- **Created**: 2024-11-29
- **Last Updated**: 2024-11-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## CocosCreatorDemos

大道至简，殊途同归。

### 目的 | Purpose

CocosCreatorDemos主要是整理并实现了一些常用的用户需求示例，希望可以给用户提供一些使用灵感。

CocosCreatorDemos provides some user's needs DEMOs, hoping to provide users with some inspiration.

### 版本 | Version

Cocos Creator v3.8.x

### 2D
| A1 | B1 | A2 | B2 | A3 | B3 |
| :---: | :--- | :---: | :--- | :---: | :--- |
| 1 | [3D模型显示在UI中(UIMeshRenderer)](#uimeshrenderermodel) | 2 | [骨骼动画显示在UI中(UIMeshRenderer)](#uimeshrendererskelanim) | 3 | [3D模型显示在UI中(RenderTexture)](#rendertexturemodel) |
| 4 | [骨骼动画显示在UI中(RenderTexture)](#rendertextureskelanim) | 5 | [物体追踪](#bulletfollow) | 6 | [KTV歌词](#ktvlabel) |
| 7 | [无限视差滚动背景](#scrollingbackground) | 8 | [虚拟摇杆](#virtualjoystick) | 9 | [屏幕点击震动](#screenvibrating) |
| 10 | [金币落袋](#coinflytowallet) | 11 | [场景小地图](#sceneminimap) | 12 | [双人同屏](#dualsplitscreen) |
| 13 | [2D围绕物体旋转一周](#camerarotatearound2d) | 14 | [2D物体移动残影](#objectmovingshadow) | 15 | [2D物体移动残影(spine)](#objectmovingshadowspine) |
| 16 | [循环旋转菜单](#circularmenu) | 17 | [无限循环的翻页组件](#circlescrollview) | 18 | [打印机文字](#printerword) |
| 19 | [放大镜](#magnifier) | 20 | [刮刮卡](#scratchcard) | 21 | [可视化算法](#visualizationalgorithm) |
| 22 | [2D流体](#fluids2d) | 23 | [2D光照](#light2d) | 24 | [2D阴影](#shadowmap2d) |
| 25 | [GIF资源加载](#gifresourceloading) | 26 | [画板](#drawingboard) | 27 | [列表视图扩展](#listviewextension) |
| 28 | [自定义形状遮罩](#maskpolygon) | 29 | [水面反射](#watersurfacereflection) | 30 | [等电梯](#waitingelevator) |
| 31 | [Spine局部换装](#spinechangeslotwithtexture) | 32 | [旋转循环页视图实现](#revolvepageview) | 33 | [图片切割](#spritesplit) |
| 34 | [Spine骨骼控制](#spinedragcontroller) | 35 | [音视频倍数播放](#mediaplaybackrate) | 36 | [TiledMap自动寻路](#tilemappathfinding) |
| 37 | [剪切板](#copyfile) | 38 | [卡片翻转](#cardflip) | 39 | [卡片阵列](#cardqueue) |
| 40 | [卡片阵列翻转](#cardflipandqueue) | 41 | [Graphics拓展和SVG加载](#raphael) | 42 | [旋转循环翻页视图](#rotatelooppageview) |
| 43 | [滚动抽奖](#lotteryrolling) | 44 | [从图集获取UV](#getuvfromtheatlas) | 45 | [RPG角色跟随](#getuvfromtheatlas) |
| 46 | [可视化算法(柱形图)](#visualizationalgorithm2) | 47 | [转向行为](#steeringbehavior) |

### 3D
| A1 | B1 | A2 | B2 | A3 | B3 |
| :---: | :--- | :---: | :--- | :---: | :--- |
| 1 | [3D围绕物体旋转一周(旋转摄像机)](#camerarotatearound3d) | 2 | [3D围绕物体旋转一周(四元数)](#camerarotatearound3dquat) | 3 | [3D文本](#modeltext) |
| 4 | [第一人称射击](#firstpersonshooting) | 5 | [第一人称视角](#firstpersonperspective) | 6 | [3D模型点击旋转](#modeltoucharound) |
| 7 | [3D围绕物体旋转(自转)](#selfrotatearound) | 8 | [模型换肤](#modeldressup) | 9 | [3D模型切割](#meshcutter) |
| 10 | [3D模型运动变速](#tweengametimescale) | 11 | [3D骨骼动画移动残影](#modelresidualshadows) | 12 | [动态替换Mesh](#dynamicmesh) |
| 13 | [模型查看器](#modelviewer) | 14 | [天空盒查看器](#skybox) | 15 | [闪电鞭](#lightningwhip) |
| 16 | [塞尔达](#cartoonvegetation) | 17 | [FPS第一人称射击](#fpsfirstperson) | 18 | [自定义布告板](#custombillboard) |
| 19 | [镜面效果](#mirroring) | 20 | [3D文字](#label3d) | 21 | [3D传送门](#portal3d) |
| 22 | [3D寻路](#navigation3d) |

### 2D_Game
| A1 | B1 | A2 | B2 | A3 | B3 |
| :---: | :---: | :---: | :---: | :---: | :---: |
| 1 | [人生重启器](#liferestart) | 2 | [UI大厅](#uidemo) |

### 3D_Game
| A1 | B1 | A2 | B2 | A3 | B3 |
| :---: | :---: | :---: | :---: | :---: | :---: |
| 1 | [飞机大战](#airplane3d) | 2 | [快上车3D](#taxi3d) | 3 | [跑酷3D](#running3d) |
| 4 | [射击3D](#shooting3d) |

### UIMeshRendererModel
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.1 | 2D | [3D模型显示在UI中(UIMeshRenderer)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_UIMeshRenderer) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012001.gif" width="300" height="420" /></div>

### UIMeshRendererSkelAnim
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.2 | 2D | [骨骼动画显示在UI中(UIMeshRenderer)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_UIMeshRenderer_SkeletalAnim) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012002.gif" width="300" height="420" /></div>

### RenderTextureModel
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.3 | 2D | [3D模型显示在UI中(RenderTexture)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_RenderTexture) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012003.gif" width="300" height="420" /></div>

### RenderTextureSkelAnim
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.4 | 2D | [骨骼动画显示在UI中(RenderTexture)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_RenderTexture_SkeletalAnim) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012004.gif" width="300" height="420" /></div>

### BulletFollow
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.5 | 2D | [物体追踪](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_BulletFollow) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012011.gif" width="400" height="300" /></div>

### KTVLabel
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.6 | 2D | [KTV歌词](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_KTVLabel) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012012.gif" width="400" height="300" /></div>

### ScrollingBackground
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.7 | 2D | [无限视差滚动背景](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_ScrollingBackground) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012013.gif" width="400" height="300" /></div>

### VirtualJoyStick
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.8 | 2D | [虚拟摇杆](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_VirtualJoyStick) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012014.gif" width="400" height="300" /></div>

### ScreenVibrating
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.9 | 2D | [屏幕点击震动](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_ScreenVibrating) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012015.gif" width="400" height="300" /></div>

### CoinFlyToWallet
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.10 | 2D | [金币落袋](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_CoinFlyToWallet) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012021.gif" width="400" height="300" /></div>

### SceneMiniMap
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.11 | 2D | [场景小地图](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_SceneMiniMap) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012031.gif" width="400" height="300" /></div>

### DualSplitScreen
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.12 | 2D | [双人同屏](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_DualSplitScreen) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012032.gif" width="400" height="300" /></div>

### CameraRotateAround2D
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.13 | 2D | [2D围绕物体旋转一周](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_CameraRotateAround) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012041.gif" width="400" height="300" /></div>

### ObjectMovingShadow
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.14 | 2D | [2D物体移动残影](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_ObjectMovingShadow) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012051.gif" width="400" height="300" /></div>

### ObjectMovingShadowSpine
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.15 | 2D | [2D物体移动残影(spine)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_ObjectMovingShadow_Spine) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012052.gif" width="400" height="300" /></div>

### CircularMenu
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.16 | 2D | [循环旋转菜单](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_CircularMenu) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012053.gif" width="400" height="300" /></div>

### CircleScrollview
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.17 | 2D | [无限循环的翻页组件](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.6.1_2D_CircleScrollview) | 3.6.1 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012054.gif" width="400" height="300" /></div>

### PrinterWord
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.18 | 2D | [打印机文字](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_PrinterWord) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012055.gif" width="400" height="300" /></div>

### Magnifier
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.19 | 2D | [放大镜](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_Magnifier) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012056.gif" width="400" height="300" /></div>

### ScratchCard
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.20 | 2D | [刮刮卡](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_ScratchCard) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012057.gif" width="400" height="300" /></div>

### VisualizationAlgorithm
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.21 | 2D | [可视化算法](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_VisualizationAlgorithm) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012061.gif" width="400" height="300" /></div>

### Fluids2D
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.22 | 2D | [2D流体](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_Fluids) | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202201/2022012071.gif" width="280" height="420" /></div>

### Light2D
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.23 | 2D | [2D光照](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.6.1_2D_Light) | 3.6.1 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202202/2022022801.gif" width="400" height="300" /></div>

### ShadowMap2D
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.24 | 2D | [2D阴影](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_ShadowMap) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202202/2022022802.gif" width="400" height="300" /></div>

### GifResourceLoading
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.25 | 2D | [GIF资源加载](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_GifResourceLoading) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202203/2022032001.gif" width="400" height="300" /></div>

### DrawingBoard
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.26 | 2D | [画板](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_DrawingBoard) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202203/2022032011.gif" width="400" height="300" /></div>

### ListViewExtension
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.27 | 2D | [列表视图扩展](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_ListViewExtension) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202203/2022032003.gif" width="300" height="500" /></div>

### MaskPolygon
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.28 | 2D | [自定义形状遮罩](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_Mask_Polygon) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202203/2022032021.gif" width="400" height="300" /></div>

### WaterSurfaceReflection
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.29 | 2D | [水面反射](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_WaterSurfaceReflection) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202207/2022072101.gif" width="400" height="250" /></div>

### WaitingElevator
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 1.30 | 2D | [等电梯](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2d/Creator3.8.0_2D_WaitingElevator) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202208/2022080101.gif" width="400" height="300" /></div>

### CameraRotateAround3D
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.1 | 3D | [3D围绕物体旋转一周(旋转摄像机)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_CameraRotateAround) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202201/2022012081.gif" width="400" height="300" /></div>

### CameraRotateAround3DQuat
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.2 | 3D | [3D围绕物体旋转一周(四元数)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_CameraRotateAround_Quat) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202201/2022012082.gif" width="400" height="300" /></div>

### ModelText
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.3 | 3D | [3D文本](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_ModelText) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202201/2022012083.gif" width="350" height="500" /></div>

### FirstPersonShooting
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.4 | 3D | [第一人称射击](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_FirstPersonShooting) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202201/2022012084.gif" width="400" height="300" /></div>

### FirstPersonPerspective
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.5 | 3D | [第一人称视角](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_FirstPersonPerspective) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202201/2022012085.gif" width="400" height="300" /></div>

### ModelTouchAround
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.6 | 3D | [3D模型点击旋转](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_ModelTouchAround) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202201/2022012086.gif" width="400" height="300" /></div>

### SelfRotateAround
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.7 | 3D | [3D围绕物体旋转(自转)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_SelfRotateAround) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202201/2022012087.gif" width="400" height="300" /></div>

### ModelDressup
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.8 | 3D | [模型换肤](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_ModelDressup) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202201/2022012088.gif" width="400" height="300" /></div>

### MeshCutter
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.9 | 3D | [3D模型切割](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_MeshCutter) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202203/2022032002.gif" width="400" height="300" /></div>

### TweenGameTimeScale
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.10 | 3D | [3D模型运动变速](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_TweenGameTimeScale) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202204/2022042902.gif" width="400" height="300" /></div>

### ModelResidualShadows
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.11 | 3D | [3D骨骼动画移动残影](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_ModelResidualShadows) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202205/2022050501.gif" width="400" height="300" /></div>

### DynamicMesh
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.12 | 3D | [动态替换Mesh](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_DynamicMesh) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202206/2022062002.gif" width="400" height="300" /></div>

### ModelViewer
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.13 | 3D | [模型查看器](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_ModelViewer) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202206/2022062301.gif" width="400" height="300" /></div>

### Skybox
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.14 | 3D | [天空盒查看器](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_Skybox) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202206/2022062303.gif" width="400" height="300" /></div>

### LightningWhip
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.15 | 3D | [闪电鞭](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_LightningWhip) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202206/2022062701.gif" width="400" height="300" /></div>

### CartoonVegetation
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.16 | 3D | [塞尔达](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_CartoonVegetation) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202207/2022072501.gif" width="400" height="300" /></div>

### FPSFirstPerson
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.17 | 3D | [FPS第一人称射击](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_FPS_FirstPerson) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202209/2022091501.gif" width="400" height="300" /></div>

### CustomBillboard
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.18 | 3D | [自定义布告板](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_CustomBillboard) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202210/2022101001.gif" width="400" height="300" /></div>

### Mirroring
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.19 | 3D | [镜面效果](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_Mirroring) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202210/2022101002.gif" width="400" height="300" /></div>

### Label3D
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.20 | 3D | [3D文字](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_Label3D) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202210/2022101701.gif" width="400" height="300" /></div>

### Portal3D
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.21 | 3D | [3D传送门](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_Portal) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202211/2022111801.gif" width="400" height="300" /></div>

### Navigation3D
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 2.22 | 3D | [3D寻路](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/3d/Creator3.8.0_3D_Navigation) | 3.8.0 | [返回顶部](#3d) | 无 |
<div align=center><img src="./gif/202302/2023022701.gif" width="400" height="300" /></div>

### SpineChangeSlotWithTexture
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.1 | 2D | [Spine局部换装](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_SpineChangeSlotWithTexture) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202203/2022032201.gif" width="400" height="300" /></div>

### RevolvePageView
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.2 | 2D | [旋转循环页视图实现](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_RevolvePageView) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202203/2022033101.gif" width="400" height="300" /></div>

### SpriteSplit
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.3 | 2D | [图片切割](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_SpriteSplit) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202204/2022042901.gif" width="400" height="300" /></div>

### SpineDragController
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.4 | 2D | [Spine骨骼控制](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_SpineDragController) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202205/2022051701.gif" width="300" height="300" /></div>

### MediaPlaybackRate
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.5 | 2D | [音视频倍数播放](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_MediaPlaybackRate) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./image/202205/2022052601.png" width="300" height="400" />  <img src="./image/202205/2022052602.png" width="300" height="400" /></div>

### TileMapPathFinding
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.6 | 2D | [TiledMap自动寻路](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_TileMap_PathFinding) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202205/2022053001.gif" width="350" height="400" /></div>

### CopyFile
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.7 | 2D | [剪切板](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_CopyFile) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./image/202206/2022062901.png" width="400" height="400" /></div>

### CardFlip
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.8 | 2D | [卡片翻转](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_CardFlip) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202206/2022062901.gif" width="270" height="400" /></div>

### CardQueue
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.9 | 2D | [卡片阵列](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_CardQueue) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202206/2022062902.gif" width="270" height="400" /></div>

### CardFlipAndQueue
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.10 | 2D | [卡片阵列翻转](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_CardFlipAndQueue) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202206/2022063001.gif" width="270" height="400" /></div>

### Raphael
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.11 | 2D | [Graphics拓展和SVG加载](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_Raphael) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202209/2022092205.gif" width="400" height="300" /></div>

### RotateLoopPageView
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.12 | 2D | [旋转循环翻页视图](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_RotateLoopPageView) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202209/2022092401.gif" width="400" height="300" /></div>

### LotteryRolling
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.13 | 2D | [滚动抽奖](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_LotteryRolling) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202210/2022100101.gif" width="400" height="300" /></div>

### GetUVFromTheAtlas
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.14 | 2D | [从图集获取UV](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.6.1_2D_GetUVFromTheAtlas) | 3.6.1 | [返回顶部](#2d) | 无 |
<div align=center><img src="./image/202210/2022103101.png" width="400" height="300" /><img src="./image/202210/2022103102.png" width="400" height="300" /></div>

### RoleFollow
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.15 | 2D | [RPG角色跟随](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_RoleFollow) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202211/2022110901.gif" width="400" height="300" /></div>

### VisualizationAlgorithm2
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.16 | 2D | [可视化算法(柱形图)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_VisualizationAlgorithm2) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./gif/202211/2022111001.gif" width="400" height="300" /></div>

### SteeringBehavior
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 3.17 | 2D | [转向行为](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/demo/2dP1/Creator3.8.0_2D_SteeringBehavior) | 3.8.0 | [返回顶部](#2d) | 无 |
<div align=center><img src="./image/202211/2022112101.png" width="400" height="300" /></div>

### LifeRestart
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 4.1 | 2D | [人生重启器](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/game/2d/Creator3.8.0_2D_LifeRestart) | 3.8.0 | [返回顶部](#2d_game) | 无 |
<div align=center><img src="./gif/202209/2022092204.gif" width="300" height="500" /></div>

### UIDemo
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 4.2 | 2D | [UI大厅](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/game/2d/Creator3.8.0_2D_UIDemo) | 3.8.0 | [返回顶部](#2d_game) | 无 |
<div align=center><img src="./gif/202304/2023040601.gif" width="300" height="500" /></div>

### Airplane3D
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 5.1 | 3D | [飞机大战](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/game/3d/Creator3.8.0_3D_Airplane) | 3.8.0 | [返回顶部](#3d_game) | 无 |
<div align=center><img src="./gif/202209/2022092201.gif" width="300" height="500" /></div>

### Taxi3D
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 5.2 | 3D | [快上车3D](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/game/3d/Creator3.8.0_3D_Taxi) | 3.8.0 | [返回顶部](#3d_game) | 无 |
<div align=center><img src="./gif/202209/2022092202.gif" width="300" height="500" /></div>

### Running3D
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 5.3 | 3D | [跑酷3D](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/game/3d/Creator3.8.0_3D_Running) | 3.8.0 | [返回顶部](#3d_game) | 无 |
<div align=center><img src="./gif/202209/2022092203.gif" width="300" height="500" /></div>

### Shooting3D
| 序号 | 标签 | 项目 | 编辑器版本 | 返回顶部 | 备注 |
| :--- | :---: | :---: | :---: | :---: | :---: |
| 5.4 | 3D | [射击3D](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.8.x/game/3d/Creator3.8.0_3D_Shooting) | 3.8.0 | [返回顶部](#3d_game) | 无 |
<div align=center><img src="./image/202209/2022092201.jpg" width="500" height="300" /></div>