# CocosCreatorHowToUse **Repository Path**: code_one/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.6.x - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 129 - **Created**: 2022-12-27 - **Last Updated**: 2022-12-27 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ## Cocos Creator How To Use ### Purpose Cocos Creator How To Use is to simplify the use of some functions that users understand the API. ### Version Cocos Creator v3.6.x ### Quick | 序号 | 分类 | 项目 | | :---: | :---: | :--- | | 1 | [UI 用户交互](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/UI) | [超大文本](#largesystemfonttext)、 [简单按钮](#simplebutton)、 [列表视图示例](#listviewuse)、 [网页视图示例](#webviewuse)、 [富文本示例](#richtextuse)、 [页面视图示例](#pageviewuse)、 [遮罩示例](#maskuse)、 [更新列表信息](#updatelistwithdata)、 [摄像机示例](#camerausesample)、 [弹窗控制器](#popupcontroller)、 [文字两端对齐](#textalignmentatbothends) | | 2 | [Performance 性能](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Performance) | [GPU Instancing](#gpuinstancing)、 [静态合批](#staticbatch)、 [VB合批](#vbbatch)、 [遮挡查询剔除(原生)](#nativeocclusionquery) | | 3 | [Audio 音频](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Audio) | [多个音效同时播放](#playoneshot)、 [添加全局按钮音效](#addglobalbuttonsound)、 [模拟钢琴播放](#pianoplay) | | 4 | [Video 视频](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Video) | [视频范例](#videoplayer)、 [视频置于UI之下](#videostayonbottom) | | 5 | [Animation 帧动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Animation) | [精灵帧动画](#spriteframeanimation)、 [精灵帧移动动画](#spritemoveanimation)、 [动态创建精灵帧动画](#createanimationclip)、 [水动画](#animationwater)、 [美人鱼动画](#animationfish)、 [淘气包](#msamoy) | | 6 | [Spine 脊骨动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Spine) | [加载Spine动画](#loadspine)、 [Spine挂点](#spineattach)、 [Spine特效](#spinemesh)、 [Spine换肤](#spineskin)、 [Spine挂点碰撞检测](#spinecollider)、 [Spine动作切换](#spineboy)、 [Spine动画指定帧播放](#spinespecifiedframe) | | 7 | [DragonBones 龙骨动画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/DragonBones) | [替换龙骨动画](#dragonbonesreplaceslot)、 [加载龙骨动画](#loaddragonbones)、 [龙骨动画碰撞检测](#dragonbonescollider)、 [龙骨动画挂点](#dragonbonesattach)、 [切换龙骨动画](#dragonbones)、 [龙骨动画指定帧播放](#dragonbonesspecifiedframe) | | 8 | [Graphics 绘画](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Graphics) | [画饼状图](#graphicsarc)、 [画正方形](#graphicsrect)、 [画菱形](#graphicslineto)、 [画椭圆形](#graphicsellipse)、 [三点画圆](#graphicsdrawcircle)、 [涂鸦](#doodle)、 [画Sine曲线](#graphicssinewaves)、 [自由画线](#drawline)、 [烟花爆炸](#graphicsfireworksexplosion)、 [画房子](#graphicshouse)、 [环形进度条](#graphicsringprogressbar) | | 9 | 物理系统([Physics](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Physics)、[Physics2](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Physics2)) | [检测碰撞体是否存在](#physicsraycastclosest)、 [射线检测](#physicsraycast)、 [使用物理材质](#physicsmaterial)、 [使用网格碰撞器组件](#physicsmeshcollider)、 [物体旋转跳跃](#physicsrotatejumpwithvelocity)、 [使用触发器-触发事件](#physicstriggerevent)、 [运行时更新碰撞体数据](#physicsruntimeupdate)、 [使用平面碰撞器组件](#physicsplanecollider)、 [物理同步](#physicssync)、 [物理分组掩码](#physicsgroupmask)、 [物理动态运行](#physicsrundynamic)、 [不规则物体碰撞](#physicsconvexcolliders)、 [点对点约束](#physicspointtopointconstraint)、 [碰撞点数据测试](#physicscontactdata)、 [链条约束](#physicshingeconstraint)、 [使用恒力组件](#physicsforceconstant)、 [使用碰撞器-碰撞事件](#physicscollisionevent)、 [胶囊体触发器测试](#physicscapsuletrigger)、 [2D浮力](#buoyancy2d)、 [3D浮力](#buoyancy3d)、 [坠落的小球](#fallingball)、 [基于box2D物体切割](#box2dcuttingobjects)、 [基于box2D重力辐射](#box2dgravityradial)、 [基于box2D不规则碰撞](#box2dmanifold)、 [基于box2D单向平台](#box2donewayplatform)、 [基于box2D物体射线检测](#box2draycast)、 [基于box2D物体射线检测反射](#box2draycastreflection)、 [基于box2D距离关节](#box2ddistancejoint)、 [基于box2D距离关节链](#box2ddistancejointchain)、 [基于box2D固定关节布偶](#box2dfixedjointragdoll)、 [基于box2D链条关节](#box2dhingejoint)、 [基于box2D链条关节曲柄](#box2dhingejointcrank)、 [基于box2D鼠标关节](#box2dmousejoint)、 [基于box2D相对关节人偶](#box2drelativejointhuman)、 [基于box2D相对关节线性偏移](#box2drelativejointlinearoffset)、 [基于box2D滑块关节](#box2dsliderjoint)、 [基于box2D弹簧关节](#box2dspringjointdamp)、 [基于box2D弹簧关节频率](#box2dspringjointfrequency)、 [基于box2D轮轴关节](#box2dwheeljoint)、 [基于box2D动画](#box2danimated)、 [基于box2D线性冲力](#box2dlinearimpulse)、 [基于box2D物体摩擦力](#box2dvaringfriction)、 [基于box2D物体恢复原状](#box2dvaringrestitution)、 [物理点击测试(2D)](#physicalhittest)、 [物理碰撞标签](#physicaltag)、 [物理形状碰撞](#physicalshape)、 [物理碰撞分组](#physicalmask) | | 10 | [Tween 缓动系统](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Tween) | [透明度渐变](#tweenopacitychange)、 [旋转](#tweenrotatechange)、 [环形运动](#tweencirclemove)、 [旋转并缩放](#tweenrotateandscaleforever)、 [使用Easing示例](#tweenshowmonster)、 [Tween封装](#tweenccutils) | | 11 | [Model 模型](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Model) | [表情动画](#morphhead)、 [跳舞的女人](#dancewoman)、 [使用卡通材质](#toon)、 [动态加载材质](#dynamicloadmaterial)、 [冬来了](#winter)、 [骑士](#knight)、 [动态创建网格](#createmesh)、 [骨骼动画指定帧播放](#skeletalanimationspecifiedframe)、 [骨骼动画挂点](#skeletalanimattach) | | 12 | [Renderer 渲染](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Renderer) | [2D在3D中渲染](#2drenderingin3d)、 [web截图](#capture) | | 13 | [Particle 粒子系统](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Particle) | [火焰](#flamesimulation)、 [粒子拖尾1](#particletrails01)、 [粒子拖尾2](#particletrails02)、 [粒子拖尾3](#particletrails03)、 [粒子拖尾4](#particletrails04)、 [颜色模块](#particlecolor)、 [加速度模块](#particleforce)、 [限速模块](#particlelimitvelocity)、 [主模块](#particlemain)、 [渲染模块](#particlerenderer)、 [旋转模块](#particlerotation)、 [发射器模块](#particleshape)、 [大小模块](#particlesize)、 [贴图动画模块](#particletextureanimation)、 [速度模块](#particlevelocity)、 [2D粒子显隐](#toggleparticle)、 [2D粒子完成后自动移除](#autoremoveparticle)、 [光标粒子](#cursorparticles)、 [沙尘暴](#duststorm)、 [爆炸](#smallexplosion)、 [电火花](#electricalsparks)、 [火焰喷射](#jetfires)、 [地表雾](#particlegroundfog)、 [能量爆炸](#particleenergyexplosion) | | 14 | [Npm NPM扩展包](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Npm) | [zlib使用](#zlibuse) | | 15 | [Demo 测试范例](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/Demo) | [物体是否在摄像机范围内](#objectisincameraview)、 [使用动画帧事件](#useanimationframeevents)、 [动态获取脚本的方法名](#getscriptfunction)、 [动态获取动画属性数据](#getanimationclipdatabytime)、 [点击响应](#pressresponsetest)、 [物体始终在人物右侧](#objectalwaysfollow)、 [圆形进度条](#circularprogressbar)、 [椭圆轨迹运动](#ellipsemove)、 [贝塞尔曲线路径在线绘制工具](#beziercurvepathcreator)、 [动态加载FBX模型中的Mesh](#dynamicloadmesh)、 [旋转后矩形是否包含点](#abovepointtest)、 [弯曲的道路](#roadcurved)、 [3D位置转化](#screentoworldpoint)、 [动态生成单色精灵](#autogeneratespriteframe)、 [不规则按钮](#irregularbutton)、 [自适应最小角度旋转](#adaptiveanglerotation)、 [自适应最小角度点击旋转](#adaptiverotation)、 [3D模型上的文字](#labeloncube)、 [3D模型锚点](#modelanchor) | | 16 | [MiniGame 小游戏](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/MiniGame) | [微信小游戏开放域](#wechatminigameopendatacontext) | ### Sample ### LargeSystemFontText | 编号 | 项目 | 编辑器版本 | 返回顶部 | 备注 | | :---: | :---: | :---: | :---: | :---: | | 1.1 | [超大文本](https://gitee.com/yeshao2069/cocos-creator-how-to-use/tree/v3.6.x/proj/UI/Creator3.6.0_2D_LargeSystemFontText) | 3.6.0 | [返回顶部](#quick) | Creator官方Demo升级[链接](https://gitee.com/mirrors_cocos-creator/example-cases/tree/v2.4.3/assets/cases/02_ui/02_label) |