# CocosCreatorDemos

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

## Statistics

- **Stars**: 0
- **Forks**: 299
- **Created**: 2022-04-07
- **Last Updated**: 2022-05-24

## 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.4.x

| 1.1 | 2D/3D | [3D模型显示在UI中(UIMeshRenderer)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_UIMeshRenderer)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012001.gif" width="400" height="500" /></div>

| 1.2 | 2D/3D | [骨骼动画显示在UI中(UIMeshRenderer)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_UIMeshRenderer_SkeletalAnim)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012002.gif" width="400" height="500" /></div>

| 1.3 | 2D/3D | [3D模型显示在UI中(RenderTexture)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_RenderTexture)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012003.gif" width="400" height="500" /></div>

| 1.4 | 2D/3D | [骨骼动画显示在UI中(RenderTexture)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_RenderTexture_SkeletalAnim)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012004.gif" width="400" height="500" /></div>

| 1.5 | 2D | [子弹追踪](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_BulletFollow)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012011.gif" width="400" height="300" /></div>

| 1.6 | 2D | [KTV歌词](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_KTVLabel)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012012.gif" width="400" height="300" /></div>

| 1.7 | 2D | [无限视差滚动背景](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_ScrollingBackground)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012013.gif" width="400" height="300" /></div>

| 1.8 | 2D | [虚拟摇杆](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_VirtualJoyStick)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012014.gif" width="400" height="300" /></div>

| 1.9 | 2D | [屏幕点击震动](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_ScreenVibrating)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012015.gif" width="400" height="300" /></div>

| 1.10 | 2D | [金币落袋](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_CoinFlyToWallet)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012021.gif" width="400" height="300" /></div>

| 1.11 | 2D | [场景小地图](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_SceneMiniMap)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012031.gif" width="400" height="300" /></div>

| 1.12 | 2D | [双人同屏](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_DualSplitScreen)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012032.gif" width="400" height="300" /></div>

| 1.13 | 2D | [2D 围绕物体旋转一周](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_CameraRotateAround)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012041.gif" width="400" height="300" /></div>

| 1.14 | 2D | [物体移动残影](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_ObjectMovingShadow)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012051.gif" width="400" height="300" /></div>

| 1.15 | 2D | [物体移动残影(spine)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_ObjectMovingShadow_Spine)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012052.gif" width="400" height="300" /></div>

| 1.16 | 2D | [循环旋转菜单](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_CircularMenu)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012053.gif" width="400" height="300" /></div>

| 1.17 | 2D | [无限循环的翻页组件](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_CircleScrollview)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012054.gif" width="400" height="300" /></div>

| 1.18 | 2D | [打印机文字](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_PrinterWord)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012055.gif" width="400" height="300" /></div>

| 1.19 | 2D | [放大镜](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_Magnifier)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012056.gif" width="400" height="300" /></div>

| 1.20 | 2D | [刮刮卡](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_ScratchCard)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012057.gif" width="400" height="300" /></div>

| 1.21 | 2D | [可视化算法](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_VisualizationAlgorithm)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012061.gif" width="400" height="300" /></div>

| 1.22 | 2D | [2D 流体](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_2D_Fluids)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012071.gif" width="400" height="600" /></div>

| 1.23 | 2D | [2D 光照](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.1_2D_Light)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220228/2022022801.gif" width="400" height="300" /></div>

| 1.24 | 2D | [2D 阴影](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.1_2D_ShadowMap)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220228/2022022802.gif" width="400" height="300" /></div>

| 1.25 | 2D | [龙骨动画指定帧播放](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.2_2D_DragonBonesSpecifiedFrame)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220315/2022031501.gif" width="400" height="300" /></div>

| 1.26 | 2D | [Spine 动画指定帧播放](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.2_2D_SpineSpecifiedFrame)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220315/2022031502.gif" width="400" height="300" /></div>

| 1.27 | 2D | [GIF 资源加载](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.2_2D_GifResourceLoading)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220320/2022032001.gif" width="400" height="300" /></div>

| 1.28 | 2D | [画板](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.2_2D_DrawingBoard)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220320/2022032011.gif" width="400" height="300" /></div>

| 1.29 | 2D | [列表视图扩展](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.2_2D_ListViewExtension)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220320/2022032003.gif" width="400" height="300" /></div>

| 1.30 | 2D | [自定义形状遮罩](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.2_2D_Mask_Polygon)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220320/2022032021.gif" width="400" height="300" /></div>

| 1.31 | 2D | [Spine局部换装](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.2_2D_SpineChangeSlotWithTexture)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220322/2022032201.gif" width="400" height="300" /></div>

| 1.32 | 2D | [旋转循环页视图实现](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.2_2D_RevolvePageView)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220331/2022033101.gif" width="400" height="300" /></div>

| 2.1 | 3D | [3D 围绕物体旋转一周(旋转摄像机)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_3D_CameraRotateAround)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012081.gif" width="400" height="300" /></div>

| 2.2 | 3D | [3D 围绕物体旋转一周(四元数)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_3D_CameraRotateAround_Quat)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012082.gif" width="400" height="300" /></div>

| 2.3 | 3D | [3D 文本](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_3D_ModelText)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012083.gif" width="400" height="500" /></div>

| 2.4 | 3D | [第一人称射击](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_3D_FirstPersonShooting)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012084.gif" width="400" height="300" /></div>

| 2.5 | 3D | [第一人称视角](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_3D_FirstPersonPerspective)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012085.gif" width="400" height="300" /></div>

| 2.6 | 3D | [3D模型点击旋转](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_3D_ModelTouchAround)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012086.gif" width="400" height="300" /></div>

| 2.7 | 3D | [3D 围绕物体旋转(自转)](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.0_3D_SelfRotateAround)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012087.gif" width="400" height="300" /></div>

| 2.8 | 3D | [模型换肤](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.2_3D_ModelDressup)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220120/2022012088.gif" width="400" height="300" /></div>

| 2.9 | 3D | [骨骼动画指定帧播放](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.2_3D_SkeletalAnimationSpecifiedFrame)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220315/2022031503.gif" width="400" height="300" /></div>

| 2.10 | 3D | [3D 模型切割](https://gitee.com/yeshao2069/CocosCreatorDemos/tree/v3.4.x/demo/Creator3.4.2_3D_MeshCutter)  |
| :----------------------- | :-----------------------: |:-----------------------: |
<div align=center><img src="https://gitee.com/yeshaohelpme/DemoImageLibrary/raw/master/gif/20220320/2022032002.gif" width="400" height="300" /></div>