# CocosCreatorDemos

**Repository Path**: myandroid008/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.5.x
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 312
- **Created**: 2022-06-14
- **Last Updated**: 2022-06-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## CocosCreatorDemos
#### CocosCreatorDemos provides some user's needs DEMOs, hoping to provide users with some inspiration.
#### Cocos Creator v3.5.x

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.1 | 2D | [3D模型显示在UI中(UIMeshRenderer)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_UIMeshRenderer)   | 无 |
<div align=center><img src="./gif/202201/2022012001.gif" width="400" height="500" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.2 | 2D | [骨骼动画显示在UI中(UIMeshRenderer)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_UIMeshRenderer_SkeletalAnim)   | 无 |
<div align=center><img src="./gif/202201/2022012002.gif" width="400" height="500" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.3 | 2D | [3D模型显示在UI中(RenderTexture)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_RenderTexture)   | 无 |
<div align=center><img src="./gif/202201/2022012003.gif" width="400" height="500" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.4 | 2D | [骨骼动画显示在UI中(RenderTexture)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_RenderTexture_SkeletalAnim)   | 无 |
<div align=center><img src="./gif/202201/2022012004.gif" width="400" height="500" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.5 | 2D | [物体追踪](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_BulletFollow)  | 无 |
<div align=center><img src="./gif/202201/2022012011.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.6 | 2D | [KTV歌词](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_KTVLabel)  | 无 |
<div align=center><img src="./gif/202201/2022012012.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.7 | 2D | [无限视差滚动背景](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_ScrollingBackground)  | 无 |
<div align=center><img src="./gif/202201/2022012013.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.8 | 2D | [虚拟摇杆](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_VirtualJoyStick)  | 无 |
<div align=center><img src="./gif/202201/2022012014.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.9 | 2D | [屏幕点击震动](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_ScreenVibrating)  | 无 |
<div align=center><img src="./gif/202201/2022012015.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.10 | 2D | [金币落袋](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_CoinFlyToWallet)  | 无 |
<div align=center><img src="./gif/202201/2022012021.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.11 | 2D | [场景小地图](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.4.2_2D_SceneMiniMap)  | 无 |
<div align=center><img src="./gif/202201/2022012031.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.12 | 2D | [双人同屏](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_DualSplitScreen)  | 无 |
<div align=center><img src="./gif/202201/2022012032.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.13 | 2D | [2D围绕物体旋转一周](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_CameraRotateAround)  | 无 |
<div align=center><img src="./gif/202201/2022012041.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.14 | 2D | [2D物体移动残影](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_ObjectMovingShadow)  | 无 |
<div align=center><img src="./gif/202201/2022012051.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.15 | 2D | [2D物体移动残影(spine)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_ObjectMovingShadow_Spine)  | 无 |
<div align=center><img src="./gif/202201/2022012052.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.16 | 2D | [循环旋转菜单](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_CircularMenu)  | 无 |
<div align=center><img src="./gif/202201/2022012053.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.17 | 2D | [无限循环的翻页组件](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_CircleScrollview)  | 无 |
<div align=center><img src="./gif/202201/2022012054.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.18 | 2D | [打印机文字](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_PrinterWord)  | 无 |
<div align=center><img src="./gif/202201/2022012055.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.19 | 2D | [放大镜](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_Magnifier)  | 无 |
<div align=center><img src="./gif/202201/2022012056.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.20 | 2D | [刮刮卡](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.4.2_2D_ScratchCard)  | 无 |
<div align=center><img src="./gif/202201/2022012057.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.21 | 2D | [可视化算法](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_VisualizationAlgorithm)  | 无 |
<div align=center><img src="./gif/202201/2022012061.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.22 | 2D | [2D流体](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_Fluids) | 无 |
<div align=center><img src="./gif/202201/2022012071.gif" width="400" height="600" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.23 | 2D | [2D光照](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_Light)  | 无 |
<div align=center><img src="./gif/202202/2022022801.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.24 | 2D | [2D阴影](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_ShadowMap)  | 无 |
<div align=center><img src="./gif/202202/2022022802.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.25 | 2D | [龙骨动画指定帧播放](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_DragonBonesSpecifiedFrame)  | 无 |
<div align=center><img src="./gif/202203/2022031501.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.26 | 2D | [Spine动画指定帧播放](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_SpineSpecifiedFrame)  | 无 |
<div align=center><img src="./gif/202203/2022031502.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.27 | 2D | [GIF资源加载](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_GifResourceLoading)  | 无 |
<div align=center><img src="./gif/202203/2022032001.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.28 | 2D | [画板](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_DrawingBoard)  | 无 |
<div align=center><img src="./gif/202203/2022032011.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.29 | 2D | [列表视图扩展](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_ListViewExtension)  | 无 |
<div align=center><img src="./gif/202203/2022032003.gif" width="400" height="500" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.30 | 2D | [自定义形状遮罩](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_Mask_Polygon)  | 无 |
<div align=center><img src="./gif/202203/2022032021.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.31 | 2D | [Spine局部换装](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2dP2/Creator3.5.0_2D_SpineChangeSlotWithTexture)  | 无 |
<div align=center><img src="./gif/202203/2022032201.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.32 | 2D | [旋转循环页视图实现](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2dP2/Creator3.5.0_2D_RevolvePageView)  | 无 |
<div align=center><img src="./gif/202203/2022033101.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.33 | 2D | [图片切割](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_SpriteSplit) | 无 |
<div align=center><img src="./gif/202204/2022042901.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.34 | 2D | [Spine骨骼控制](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2dP2/Creator3.5.0_2D_SpineDragController) | 无 |
<div align=center><img src="./gif/202205/2022051701.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.35 | 2D | [音视频倍数播放](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/Creator3.4.2_MediaPlaybackRate) | 无 |
<div align=center><img src="./image/202205/2022052601.png" width="300" height="400" /><img src="./image/202205/2022052602.png" width="300" height="400" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 1.36 | 2D | [TiledMap自动寻路](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/2d/Creator3.5.0_2D_TileMap_PathFinding) | 无 |
<div align=center><img src="./gif/202205/2022053001.gif" width="300" height="400" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.1 | 3D | [3D围绕物体旋转一周(旋转摄像机)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.0_3D_CameraRotateAround)  | 无 |
<div align=center><img src="./gif/202201/2022012081.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.2 | 3D | [3D围绕物体旋转一周(四元数)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.0_3D_CameraRotateAround_Quat)  | 无 |
<div align=center><img src="./gif/202201/2022012082.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.3 | 3D | [3D文本](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.0_3D_ModelText)  | 无 |
<div align=center><img src="./gif/202201/2022012083.gif" width="400" height="500" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.4 | 3D | [第一人称射击](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.0_3D_FirstPersonShooting)  | 无 |
<div align=center><img src="./gif/202201/2022012084.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.5 | 3D | [第一人称视角](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.0_3D_FirstPersonPerspective)  | 无 |
<div align=center><img src="./gif/202201/2022012085.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.6 | 3D | [3D模型点击旋转](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.0_3D_ModelTouchAround)  | 无 |
<div align=center><img src="./gif/202201/2022012086.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.7 | 3D | [3D围绕物体旋转(自转)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.0_3D_SelfRotateAround)  | 无 |
<div align=center><img src="./gif/202201/2022012087.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.8 | 3D | [模型换肤](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.0_3D_ModelDressup)  | 无 |
<div align=center><img src="./gif/202201/2022012088.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.9 | 3D | [骨骼动画指定帧播放](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.0_3D_SkeletalAnimationSpecifiedFrame)  | 无 |
<div align=center><img src="./gif/202203/2022031503.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.10 | 3D | [3D模型切割](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.0_3D_MeshCutter)  | 无 |
<div align=center><img src="./gif/202203/2022032002.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.11 | 3D | [3D模型运动变速](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.0_3D_TweenGameTimeScale)  | 无 |
<div align=center><img src="./gif/202204/2022042902.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.12 | 3D | [3D骨骼动画移动残影](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.0_3D_ModelResidualShadows)  | 无 |
<div align=center><img src="./gif/202205/2022050501.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.13 | 3D | [3D模型拖尾](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.1_3D_RoleMotionVertex)  | 无 |
<div align=center><img src="./gif/202206/2022060201.gif" width="400" height="300" /></div>

| 序号 | 标签 | 项目 | 备注 |
| :--- | :---: | :---: | :---: |
| 2.14 | 3D | [模型贴花](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.5.x/demo/3d/Creator3.5.1_3D_Graffiti)  | 无 |
<div align=center><img src="./gif/202206/2022061401.gif" width="400" height="300" /></div>