# CocosCreatorHowToUse

**Repository Path**: learning2023/cocos-creator-how-to-use

## Basic Information

- **Project Name**: CocosCreatorHowToUse
- **Description**: 大道至简，殊途同归。
CocosCreatorHowToUse是希望简化用户理解Cocos Creator API某些功能的使用。
Cocos Creator How To Use is to simplify the use of some functions that users understand the API.
- **Primary Language**: TypeScript
- **License**: MIT
- **Default Branch**: v3.8.x
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 129
- **Created**: 2024-07-16
- **Last Updated**: 2024-07-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Cocos Creator How To Use

大道至简，殊途同归。

### 目的 | Purpose

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

Cocos Creator How To Use is to simplify the use of some functions that users understand the API.

### 版本 | Version

Cocos Creator v3.8.x

---

### Quick
| 序号 | 分类 | 项目I | 项目II | 项目III |
| :---: | :---: | :---: | :---: | :---: |
| 1 | [UI](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/UI) | [超大文本](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/UI/Creator3.8.0_2D_LargeSystemFontText) - 3.8.0 - 2D  | [简单按钮](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/UI/Creator3.8.0_2D_SimpleButton) - 3.8.0 - 2D | [列表视图示例](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/UI/Creator3.8.0_2D_ListViewUse) - 3.8.0 - 2D |
| | | <div align=center><img src="./image/202203/2022030201.jpg" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030201.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030202.gif" width="400" height="250" /></div> |
| | | [网页视图示例](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/UI/Creator3.8.0_2D_WebViewUse) - 3.8.0 - 2D | [富文本示例](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/UI/Creator3.8.0_2D_RichTextUse) - 3.8.0 - 2D | [页面视图示例](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/UI/Creator3.8.0_2D_PageViewUse) - 3.8.0 - 2D |
| | | <div align=center><img src="./image/202203/2022030202.jpg" width="400" height="250" /></div> | <div align=center><img src="./image/202203/2022030203.jpg" width="400" height="250" /></div> | <div align=center><img src="./image/202203/2022030204.jpg" width="400" height="250" /></div> |
| | | [遮罩示例](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/UI/Creator3.8.0_2D_MaskUse) - 3.8.0 - 2D | [更新列表信息](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/UI/Creator3.8.0_2D_UpdateListWithData) - 3.8.0 - 2D | [摄像机示例](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/UI/Creator3.8.0_2D_CameraUseSample) - 3.8.0 - 2D |
| | | <div align=center><img src="./image/202203/2022030205.jpg" width="400" height="250" /></div> | <div align=center><img src="./image/202203/2022030206.png" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030203.gif" width="400" height="250" /></div> |
| | | [弹窗控制器](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/UI/Creator3.8.0_2D_PopupController) - 3.8.0 - 2D | [文字两端对齐](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/UI/Creator3.8.0_2D_TextAlignmentAtBothEnds) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202210/2022100901.gif" width="250" height="400" /></div> | <div align=center><img src="./image/202212/2022120601.png" width="400" height="250" /></div> |
| 2 | [性能](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Performance) | [GPU Instancing](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Performance/Creator3.8.0_3D_GpuInstancing) - 3.8.0 - 3D | [静态合批](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Performance/Creator3.8.0_3D_StaticBatch) - 3.8.0 - 3D | [VB合批](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Performance/Creator3.8.0_3D_VBBatch) - 3.8.0 - 3D |
| | | <div align=center><img src="./image/202204/2022042802.png" width="400" height="250" /></div> | <div align=center><img src="./image/202204/2022042804.png" width="400" height="250" /></div> | <div align=center><img src="./image/202204/2022042808.png" width="400" height="250" /></div> | 
| | | [遮挡查询剔除(原生)](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Performance/Creator3.8.0_3D_NativeOcclusionQuery) - 3.8.0 - 3D | [阴影贴图分辨率](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Performance/Creator3.8.0_3D_ShadowMapSize) - 3.8.0 - 3D | [贴图分辨率](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Performance/Creator3.8.0_2D_TextureLod) - 3.8.0 - 2D | 
| | | <div align=center><img src="./gif/202205/2022051701.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202302/2023022701.gif" width="400" height="250" /></div> | <div align=center><img src="./image/202305/2023050501.png" width="400" height="250" /></div> |
| | |[游戏画质切换](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Performance/Creator3.8.0_2D_SpriteQualityChange) |
| | | <div align=center><img src="./gif/202306/2023061401.gif" width="400" height="250" /></div> |
| 3 | [音频](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Audio) | [多个音效同时播放](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Audio/Creator3.8.0_PlayOneShot) - 3.8.0 | [添加全局按钮音效](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Audio/Creator3.8.0_AddGlobalButtonSound) - 3.8.0 | [模拟钢琴播放](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Audio/Creator3.8.0_PianoPlay) - 3.8.0 |
| | | | | <div align=center><img src="./image/202203/2022030211.png" width="400" height="250" /></div> |
| 4 | [视频](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Video) | [视频范例](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Video/Creator3.8.0_VideoPlayer) - 3.8.0 | [视频置于UI之下](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Video/Creator3.8.0_VideoStayOnBottom) - 3.8.0 |
| | | <div align=center><img src="./image/202203/2022030207.jpg" width="400" height="250" /></div> | <div align=center><img src="./image/202203/2022030208.jpg" width="400" height="250" /></div> |
| 5 | [帧动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Animation) | [精灵帧动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Animation/Creator3.8.0_2D_SpriteFrameAnimation) - 3.8.0 - 2D | [精灵帧移动动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Animation/Creator3.8.0_2D_SpriteMoveAnimation) - 3.8.0 - 2D | [动态创建精灵帧动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Animation/Creator3.8.0_2D_CreateAnimationClip) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202203/2022030211.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030212.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030213.gif" width="400" height="250" /> </div> |
| | | [水动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Animation/Creator3.8.0_2D_AnimationWater) - 3.8.0 - 2D | [美人鱼动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Animation/Creator3.8.0_2D_AnimationFish) - 3.8.0 - 2D | [淘气包](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Animation/Creator3.8.0_3D_MsAmoy) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202205/2022052201.gif" width="400" height="250" /> </div> | <div align=center><img src="./gif/202205/2022052202.gif" width="400" height="250" /> </div> | <div align=center><img src="./gif/202209/2022091401.gif" width="400" height="250" /> </div> |
| 6 | [Spine](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Spine) | [加载Spine动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Spine/Creator3.8.0_2D_LoadSpine) - 3.8.0 - 2D | [Spine挂点](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Spine/Creator3.8.0_2D_SpineAttach) - 3.8.0 - 2D | [Spine特效](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Spine/Creator3.8.0_2D_SpineMesh) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202203/2022030221.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030222.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030223.gif" width="400" height="250" /></div> |
| | | [Spine换肤](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Spine/Creator3.8.0_2D_SpineSkin) - 3.8.0 - 2D | [Spine挂点碰撞检测](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Spine/Creator3.8.0_2D_SpineCollider) - 3.8.0 - 2D | [Spine动作切换](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Spine/Creator3.8.0_2D_SpineBoy) - 3.8.0 - 2d |
| | | <div align=center><img src="./gif/202203/2022030224.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030225.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030226.gif" width="400" height="250" /></div> |
| | | [Spine动画指定帧播放](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Spine/Creator3.8.0_2D_SpineSpecifiedFrame) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202203/2022031502.gif" width="400" height="250" /></div> |
| 7 | [龙骨动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/DragonBones) | [替换龙骨动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/DragonBones/Creator3.8.0_2D_DragonBonesReplaceSlot) - 3.8.0 - 2D | [加载龙骨动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/DragonBones/Creator3.8.0_2D_LoadDragonBones) - 3.8.0 - 2D | [龙骨动画碰撞检测](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/DragonBones/Creator3.8.0_2D_DragonBonesCollider) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202203/2022030402.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030401.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030403.gif" width="400" height="250" /></div> |
| | | [龙骨动画挂点](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/DragonBones/Creator3.8.0_2D_DragonBonesAttach) - 3.8.0 - 2D | [切换龙骨动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/DragonBones/Creator3.8.0_2D_DragonBones) - 3.8.0 - 2D | [龙骨动画指定帧播放](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/DragonBones/Creator3.8.0_2D_DragonBonesSpecifiedFrame) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202203/2022030404.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030405.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022031501.gif" width="400" height="250" /></div> |
| 8 | [Graphics](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Graphics) | [画饼状图](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Graphics/Creator3.8.0_2D_GraphicsArc) - 3.8.0 - 2D | [画正方形](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Graphics/Creator3.8.0_2D_GraphicsRect) - 3.8.0 - 2D | [画菱形](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Graphics/Creator3.8.0_2D_GraphicsLineTo) - 3.8.0 - 2D |
| | | <div align=center><img src="./image/202203/2022030401.png" width="400" height="250" /></div> | <div align=center><img src="./image/202203/2022030402.png" width="400" height="250" /></div> | <div align=center><img src="./image/202203/2022030403.png" width="400" height="250" /></div> |
| | | [画椭圆形](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Graphics/Creator3.8.0_2D_GraphicsEllipse) - 3.8.0 - 2D | [三点画圆](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Graphics/Creator3.8.0_2D_GraphicsDrawCircle) - 3.8.0 - 2D | [涂鸦](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Graphics/Creator3.8.0_2D_Doodle) - 3.8.0 - 2D |
| | | <div align=center><img src="./image/202203/2022030404.png" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030411.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030412.gif" width="400" height="250" /></div> |
| | | [画Sine曲线](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Graphics/Creator3.8.0_2D_GraphicsSineWaves) - 3.8.0 - 2D | [自由画线](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Graphics/Creator3.8.0_2D_DrawLine) - 3.8.0 - 2D | [烟花爆炸](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Graphics/Creator3.8.0_2D_GraphicsFireworksExplosion) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202203/2022030413.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030414.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030415.gif" width="400" height="250" /></div> |
| | | [画房子](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Graphics/Creator3.8.0_2D_GraphicsHouse) - 3.8.0 - 2D | [环形进度条](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Graphics/Creator3.8.0_2D_GraphicsRingProgressbar) - 3.8.0 - 2D |
| | | <div align=center><img src="./image/202203/2022032101.png" width="400" height="250" /></div> | <div align=center><img src="./gif/202206/2022062102.gif" width="280" height="400" /></div> |
| 9 | [物理系统](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics) |  [检测碰撞体是否存在](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsRaycastClosest) - 3.8.0 - 3D | [射线检测](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsRaycast) - 3.8.0 - 3D | [使用物理材质](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsMaterial) - 3.8.0 - 3D |
| | | <div align=center><img src="./image/202203/2022030411.jpg" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030421.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030422.gif" width="400" height="250" /></div> |
| | | [使用网格碰撞器组件](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsMeshCollider) - 3.8.0 - 3D | [物体旋转跳跃](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsRotateJumpWithVelocity) - 3.8.0 - 3D | [使用触发器-触发事件](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsTriggerEvent) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202203/2022030423.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030424.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030425.gif" width="400" height="250" /></div> |
| | | [运行时更新碰撞体数据](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsRuntimeUpdate) - 3.8.0 - 3D | [使用平面碰撞器组件](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsPlaneCollider) - 3.8.0 - 3D | [物理同步](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsSync) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202203/2022030426.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030427.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030428.gif" width="400" height="250" /></div> |
| | | [物理分组掩码](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsGroupMask) - 3.8.0 - 3D | [物理动态运行](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsRunDynamic) - 3.8.0 - 3D | [不规则物体碰撞](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsConvexColliders) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202203/2022030429.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030430.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030431.gif" width="400" height="250" /></div> |
| | | [点对点约束](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsPointToPointConstraint) - 3.8.0 - 3D | [碰撞点数据测试](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsContactData) - 3.8.0 - 3D | [链条约束](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsHingeConstraint) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202203/2022030432.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030433.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030434.gif" width="400" height="250" /></div> |
| | | [使用恒力组件](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsForceConstant) - 3.8.0 - 3D | [使用碰撞器-碰撞事件](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsCollisionEvent) - 3.8.0 - 3D | [胶囊体触发器测试](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_PhysicsCapsuleTrigger) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202203/2022030435.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030436.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030437.gif" width="400" height="250" /></div> |
| | | [2D浮力](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_2D_Buoyancy) - 3.8.0 - 2D | [3D浮力](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_Buoyancy) - 3.8.0 - 3D | [坠落的小球](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_3D_FallingBall) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202209/2022091403.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202209/2022092101.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202209/2022092401.gif" width="400" height="250" /></div> |
| | | [物理点击测试](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_2D_PhysicalHitTest) - 3.8.0 - 2D | [物理碰撞标签](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_2D_PhysicalTag) - 3.8.0 - 2D | [物理形状碰撞](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_2D_PhysicalShape) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202211/2022112301.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022112302.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022112303.gif" width="400" height="250" /></div> |
| | | [物理碰撞分组](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_2D_PhysicalMask) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202211/2022112304.gif" width="400" height="250" /></div> |
| 10 | [Box2D物理系统](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2)） | [基于box2D物体切割](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_Box2D_CuttingObjects) - 3.8.0 - 2D | [基于box2D重力辐射](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_Box2D_GravityRadial) - 3.8.0 - 2D | [基于box2D不规则碰撞](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_Box2D_Manifold) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202211/2022110301.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110302.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110303.gif" width="400" height="250" /></div> |
| | | [基于box2D单向平台](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_Box2D_OneWayPlatform) - 3.8.0 - 2D | [基于box2D物体射线检测](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_Box2D_Raycast) - 3.8.0 - 2D | [基于box2D物体射线检测反射](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_Box2D_RaycastReflection) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202211/2022110304.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110305.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110306.gif" width="400" height="250" /></div> |
| | | [基于box2D距离关节](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_Box2D_DistanceJoint) - 3.8.0 - 2D | [基于box2D距离关节链](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_Box2D_DistanceJointChain) - 3.8.0 - 2D | [基于box2D固定关节布偶](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics/Creator3.8.0_Box2D_FixedJointRagdoll) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202211/2022110311.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110312.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110313.gif" width="400" height="250" /></div> |
| | | [基于box2D链条关节](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_Box2D_HingeJoint) - 3.8.0 - 2D | [基于box2D链条关节曲柄](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_Box2D_HingeJointCrank) - 3.8.0 - 2D | [基于box2D鼠标关节](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_Box2D_MouseJoint) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202211/2022110314.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110315.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110316.gif" width="400" height="250" /></div> |
| | | [基于box2D相对关节人偶](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_Box2D_RelativeJointHuman) - 3.8.0 - 2D | [基于box2D相对关节线性偏移](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_Box2D_RelativeJointLinearOffset) - 3.8.0 - 2D | [基于box2D滑块关节](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_Box2D_SliderJoint) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202211/2022110317.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110318.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110319.gif" width="400" height="250" /></div> |
| | | [基于box2D弹簧关节](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_Box2D_SpringJointDamp) - 3.8.0 - 2D | [基于box2D弹簧关节频率](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_Box2D_SpringJointFrequency) - 3.8.0 - 2D | [基于box2D轮轴关节](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_Box2D_WheelJoint) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202211/2022110320.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110321.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110322.gif" width="400" height="250" /></div> |
| | | [基于box2D动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_Box2D_Animated) - 3.8.0 - 2D | [基于box2D线性冲力](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_Box2D_LinearImpulse) - 3.8.0 - 2D | [基于box2D物体摩擦力](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_Box2D_VaringFriction) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202211/2022110331.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110332.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022110333.gif" width="400" height="250" /></div> |
| | | [基于box2D物体恢复原状](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Physics2/Creator3.8.0_Box2D_VaringRestitution) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202211/2022110334.gif" width="400" height="250" /></div> |
| 11 | [缓动系统](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Tween) | [透明度渐变](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Tween/Creator3.8.0_2D_TweenOpacityChange) - 3.8.0 - 2D | [旋转](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Tween/Creator3.8.0_3D_TweenRotateChange) - 3.8.0 - 2D | [环形运动](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Tween/Creator3.8.0_2D_TweenCircleMove) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202203/2022030501.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030502.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030503.gif" width="400" height="250" /></div> |
| | | [旋转并缩放](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Tween/Creator3.8.0_2D_TweenRotateAndScaleForever) - 3.8.0 - 2D | [使用Easing示例](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Tween/Creator3.8.0_2D_TweenShowMonster) - 3.8.0 - 2D | [Tween封装](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Tween/Creator3.8.0_2D_TweenCCUtils) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202203/2022030504.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030505.gif" width="400" height="250" /></div> | |
| 12 | [模型](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Model) | [表情动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Model/Creator3.8.0_3D_MorphHead) - 3.8.0 - 3D | [跳舞的女人](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Model/Creator3.8.0_3D_DanceWoman) - 3.8.0 - 3D | [使用卡通材质](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Model/Creator3.8.0_3D_Toon) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202203/2022030511.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030512.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030513.gif" width="400" height="250" /></div> |
| | | [动态加载材质](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Model/Creator3.8.0_3D_DynamicLoadMaterial) - 3.8.0 - 3D | [冬来了](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Model/Creator3.8.0_3D_Winter) - 3.8.0 - 3D | [骑士](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Model/Creator3.8.0_3D_Knight) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202203/2022032701.gif" width="400" height="250" /></div> | <div align=center><img src="./image/202203/2022030501.png" width="400" height="250" /></div> | <div align=center><img src="./image/202203/2022030511.png" width="400" height="250" /></div> |
| | | [动态创建网格(静态网格)](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Model/Creator3.8.0_3D_CreateMesh) - 3.8.0 - 3D | [骨骼动画指定帧播放](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Model/Creator3.8.0_3D_SkeletalAnimationSpecifiedFrame) - 3.8.0 - 3D | [骨骼动画挂点](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Model/Creator3.8.0_3D_SkeletalAnimAttach) - 3.8.0 - 3D |
| | | <div align=center><img src="./image/202205/2022052201.png" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022031503.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202209/2022091402.gif" width="400" height="250" /></div> |
| | | [动态创建网格(动态网格)](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Model/Creator3.8.0_3D_CreateDynamicMesh) - 3.8.0 - 3D | [材质适配](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Model/Creator3.8.0_3D_MaterialAdaption) - 3.8.0 - 3D | [动态创建静态网格](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Model/Creator3.8.0_3D_CreateMesh2) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202303/2023030901.gif" width="400" height="250" /></div> | <div align=center><img src="./image/202304/2023041401.png" width="400" height="250" /></div> | <div align=center><img src="./image/202304/2023041801.png" width="400" height="250" /></div> |
| 14 | [渲染](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Renderer) | [2D在3D中渲染](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Renderer/Creator3.8.0_2dRenderingIn3d) - 3.8.0 | [web截图](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Renderer/Creator3.8.0_Capture) - 3.8.0 | [精灵渲染组件使用](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Renderer/Creator3.8.0_3D_SpriteRenderer) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202203/2022030521.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030522.gif" width="400" height="250" /></div> | <div align=center><img src="./image/202302/2023020901.png" width="400" height="250" /></div> |
| | | [HDR/LDR](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Renderer/Creator3.8.0_3D_HDR_LDR) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202303/2023032901.gif" width="400" height="250" /></div> |
| 15 | [粒子系统](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle) | [火焰](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_FlameSimulation) - 3.8.0 - 3D | [粒子拖尾1](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleTrails01) - 3.8.0 - 3D | [粒子拖尾2](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleTrails02) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202203/2022030531.gif" width="400" height="250" /></div> | | |
| | | [粒子拖尾3](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleTrails03) - 3.8.0 - 3D | [粒子拖尾4](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleTrails04) - 3.8.0 - 3D | [颜色模块](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleColor) - 3.8.0 - 3D |
| | | [加速度模块](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleForce) - 3.8.0 - 3D | [限速模块](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleLimitVelocity) - 3.8.0 - 3D | [主模块](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleMain) - 3.8.0 - 3D |
| | | [渲染模块](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleRenderer) - 3.8.0 - 3D | [旋转模块](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleRotation) - 3.8.0 - 3D | [发射器模块](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleShape) - 3.8.0 - 3D |
| | | [大小模块](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleSize) - 3.8.0 - 3D | [贴图动画模块](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleTextureAnimation) - 3.8.0 - 3D | [速度模块](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleVelocity) - 3.8.0 - 3D |
| | | [2D粒子显隐](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_2D_ToggleParticle) - 3.8.0 - 2D | [2D粒子完成后自动移除](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_2D_AutoRemoveParticle) - 3.8.0 - 2D | [光标粒子](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_2D_CursorParticles) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202203/2022030546.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030547.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202206/2022062101.gif" width="400" height="250" /></div> |
| | | [沙尘暴](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleDustStorm) - 3.8.0 - 3D | [爆炸](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleSmallExplosion) - 3.8.0 - 3D | [电火花](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleElectricalSparks) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202211/2022112101.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022112102.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202211/2022112201.gif" width="400" height="250" /></div> |
| | | [火焰喷射](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleJetFires) - 3.8.0 - 3D | [地表雾](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleGroundFog) - 3.8.0 - 3D | [能量爆炸](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_ParticleEnergyExplosion) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202211/2022112202.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202212/2022120501.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202212/2022120601.gif" width="400" height="250" /></div> |
| | | [GPU粒子使用](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Particle/Creator3.8.0_3D_GPUParticle) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202302/2023020902.gif" width="400" height="250" /></div> |
| 16 | [NPM扩展包](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Npm) | [zlib使用](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Npm/Creator3.8.0_zlibUse) - 3.8.0 | [uuid使用](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Npm/Creator3.8.0_uuidUse) - 3.8.0 | [nav2d使用](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Npm/Creator3.8.0_nav2dUse) - 3.8.0 |
| 17 | [测试范例](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo) | [物体是否在摄像机范围内](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_3D_ObjectIsInCameraView) - 3.8.0 - 3D | [使用动画帧事件](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_UseAnimationFrameEvents) - 3.8.0 | [动态获取脚本的方法名](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_GetScriptFunction) - 3.8.0 |
| | | <div align=center><img src="./gif/202203/2022030551.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030561.gif" width="400" height="250" /></div> | <div align=center><img src="./image/202203/2022030521.png" width="400" height="250" /></div> |
| | | [动态获取动画属性数据](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_GetAnimationClipDataByTime) - 3.8.0 | [点击响应](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_PressResponseTest) - 3.8.0 | [物体始终在人物右侧](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_3D_ObjectAlwaysFollow) - 3.8.0 - 3D |
| | | <div align=center><img src="./image/202203/2022030536.png" width="400" height="250" /></div> | | <div align=center><img src="./gif/202203/2022030562.gif" width="400" height="250" /></div> |
| | | [圆形进度条](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_2D_CircularProgressBar) - 3.8.0 - 2D | [椭圆轨迹运动](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_2D_EllipseMove) - 3.8.0 - 2D | [贝塞尔曲线路径在线绘制工具](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_BezierCurvePathCreator) - 3.8.0 |
| | | <div align=center><img src="./gif/202203/2022030563.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030564.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030565.gif" width="400" height="250" /></div> |
| | | [动态加载FBX模型中的Mesh](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_3D_DynamicLoadMesh) - 3.8.0 - 3D | [旋转后矩形是否包含点](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_2D_AbovePointTest) - 3.8.0 - 2D | [弯曲的道路](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_3D_RoadCurved) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202203/2022030566.gif" width="400" height="250" /></div> | <div align=center><img src="./image/202203/2022030541.png" width="400" height="250" /></div> | <div align=center><img src="./image/202203/2022030542.png" width="400" height="250" /></div> |
| | | [3D位置转化](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_ScreenToWorldPoint) - 3.8.0 | [动态生成单色精灵](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_2D_AutoGenerateSpriteframe) - 3.8.0 - 2D | [不规则按钮](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_2D_IrregularButton) - 3.8.0 - 2D |
| | | <div align=center><img src="./gif/202203/2022030567.gif" width="400" height="250" /></div> | <div align=center><img src="./image/202203/2022030543.png" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022030568.gif" width="400" height="250" /></div> |
| | | [自适应最小角度旋转](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_2D_AdaptiveAngleRotation) - 3.8.0 - 2D | [自适应最小角度点击旋转](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_2D_AdaptiveRotation) - 3.8.0 - 2D | [3D模型上的文字](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_3D_LabelOnCube) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202203/2022032202.gif" width="400" height="250" /></div> | <div align=center><img src="./gif/202203/2022032201.gif" width="400" height="250" /></div> | <div align=center><img src="./image/202205/2022051701.png" width="400" height="250" /></div> |
| | | [3D模型锚点](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Demo/Creator3.8.0_3D_ModelAnchor) |
| | | <div align=center><img src="./gif/202210/2022100801.gif" width="400" height="250" /></div> |
| 18 | [小游戏](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/MiniGame) | [微信小游戏开放域](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/MiniGame/Creator3.8.0_2D_WeChatMiniGameOpenDataContext) - 3.8.0 |
| | | <div align=center><img src="./image/202212/2022120701.png" width="250" height="400" /></div> |
| 19 | [地形系统](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Terrian) | [地形Lod使用](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.8.x/proj/Terrian/Creator3.8.0_3D_TerrianLod) - 3.8.0 - 3D |
| | | <div align=center><img src="./gif/202302/2023020901.gif" width="400" height="250" /></div> |