# CocosCreatorHowToUse **Repository Path**: aboutlx/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.0.0 - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 142 - **Created**: 2021-05-08 - **Last Updated**: 2022-05-24 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## Cocos Creator How To Use #### Write by yeshao2069. #### Cocos Creator How To Use is to simplify the use of some functions that users understand the API. #### Cocos Creator V3.0.0+   ## Examples ### 1. 音频类示例 #### * 1.1 实现同时播放多个音效?(使用playOneShot接口) [PlayOneShot](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Audio/PlayOneShot) ### 2. 常用方法方式整理 #### * 2.1 自定义TS脚本模板 [Custom-TS-ScriptTemplate](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Documents/Custom-TS-ScriptTemplate) ### 3. Spine动画示例 #### * 3.1 如何加载Spine动画？(官方示例) [LoadSpine](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Spine/LoadSpine) #### * 3.2 如何在Spine动画上做挂点？(官方示例) [SpineAttach](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Spine/SpineAttach) #### * 3.3 Spine动画上实现抖动/旋涡效果？(官方示例) [SpineMesh](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Spine/SpineMesh) #### * 3.4 Spine动画换肤效果？(官方示例) [SpineSkin](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Spine/SpineSkin) #### * 3.5 Spine动画碰撞检测？(官方示例) [SpineCollider](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Spine/SpineCollider) #### * 3.6 动态替换Spine动画动作/Spine调试功能使用？(官方示例) [SpineBoy](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Spine/SpineBoy) ### 4. Graphics示例 #### * 4.1 Graphics画饼状图(官方示例) [GraphicsArc](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Graphics/GraphicsArc) #### * 4.2 Graphics画正方形(官方示例) [GraphicsRect](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Graphics/GraphicsRect) #### * 4.3 Graphics画菱形(官方示例) [GraphicsLineTo](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Graphics/GraphicsLineTo) #### * 4.4 Graphics画圆形/椭圆形(官方示例) [GraphicsEllipse](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Graphics/GraphicsEllipse) #### * 4.5 Graphics画圆(使用三点确认一个圆并画圆) [GraphicsFindCircleAndDraw](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Graphics/GraphicsFindCircleAndDraw) ### 5. 物理示例 #### * 5.1. 怎么去检测一个碰撞体是否存在?（使用raycastClosest接口) [PhysicsRaycastClosest](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Physics/PhysicsRaycastClosest) ### 6. Tween示例 #### * 6.1 Tween实现透明度渐变 [TweenOpacityChange](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Tween/TweenOpacityChange) #### * 6.2 Tween实现旋转 [TweenRotateChange](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Tween/TweenRotateChange) #### * 6.3 Tween实现圆形运动 [TweenCircleMove](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Tween/TweenCircleMove) #### * 6.4 Tween实现一边旋转一边缩放 [TweenRotateAndScaleForever](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Tween/TweenRotateAndScaleForever) ### 7. 渲染相关示例 #### * 7.1 2D的物体渲染在3D场景中(官方示例) [Object2DRenderingIn3D](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Renderer/Object2DRenderingIn3D) ### 8. 模型相关示例 #### * 8.1 表情动画/变形动画(官方示例) [MorphHead](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Model/MorphHead) ### 9. 粒子示例 #### * 9.1 火焰效果 [FlameSimulation](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Particle/FlameSimulation) ### 10. Demo #### * 10.1 判断物体是否在摄像机视野之内?(使用view.getViewportRect接口、Vec3.normalize接口、Vec3.dot接口等) [ObjectIsInCameraView](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Demo/ObjectIsInCameraView) #### * 10.2 物体始终保持在人物右侧？(使用Quat.rotateAround接口等) [ObjectAlwaysFollow](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Demo/ObjectAlwaysFollow) #### * 10.3 相机使用范例 [CameraUseSample](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Tutorial/CameraUseSample) #### * 10.4 制作圆形加载进度条?(使用Sprite.fillRange、fillStart等接口) [CircularProgressBar](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Demo/CircularProgressBar) #### * 10.5 椭圆轨迹运动(update中计算角度) [EllipseMove](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Demo/EllipseMove) #### * 10.6 贝塞尔曲线路径在线绘制工具(全局方法使用，贝塞尔，工具) [BezierCurvePathCreator](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Demo/BezierCurvePathCreator) #### * 10.7 动态加载FBX模型中的Mesh(使用loadAny等) [DynamicLoadMesh](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Demo/DynamicLoadMesh) #### * 10.8 使用动画帧事件 [UseAnimationFrameEvents](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.0.0/Tutorial/UseAnimationFrameEvents)