![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
cocos creator
文章平均质量分 78
渡鸦~
植根于内心的修养;无需提醒的自觉;以约束为前提的自由;为别人着想的善良
展开
-
cocos creator 实现双指缩放的两种方式
01效果演示Cocos Creator 版本:3.4.1该 demo演示了双指缩放时通过更改节点的 scale 属性或者更改摄像机的 position 属性实现场景的缩放效果02实现方法两种方式都各有利弊,可以根据使用场景选择合适的方案1开启多点触控在项目设置中开启多点触控2缩放节点节点的缩放属性随着双指间距的放大缩小进行等比的变化基本概念:双指初始间距:双指刚触碰屏幕时的间距双指当前间距:双指移动时的间距节点...原创 2022-02-28 14:11:03 · 4700 阅读 · 1 评论 -
CocosCreator | 绕任意轴旋转/绕任意点旋转/平滑旋转/自定义环形体、胶囊体/面向目标位置
01效果演示Cocos Creator 版本:3.4.1该 demo 演示了行星自转(绕任意轴旋转)、行星公转(绕任意点旋转)、镜头拉近/复位(平滑旋转)、行星环(自定义环形体)、行星轴(自定义胶囊体)02实现方法1自定义环形体/胶囊体编辑器提供的环形体和胶囊体,只能整体缩放,就会显得有些笨重而 demo 中使用的环形体和胶囊体,均需要自定义参数才能实现理想的效果环形体:环面半径及管形大小胶囊体:顶部和底部的半径及高度cocos..原创 2022-02-14 19:37:44 · 9941 阅读 · 1 评论 -
Cocos Creator | 导航网格自动寻路:多角色寻路、动态规避障碍物、上/下坡度等
01效果演示Cocos Creator 版本:3.4.1该 demo 演示了增加/删除角色、增加/删除障碍物、多角色寻路、动态规避障碍物、上/下坡度、显示/关闭导航网格及实时路径02导航网格简介RecastNavigation:https://github.com/recastnavigation/recastnavigation谷歌开源的一款非常强大的寻路系统,被广泛的应用于各大游戏引擎中demo 中的素材是取自该系统Babylo...原创 2022-02-08 12:15:59 · 7139 阅读 · 0 评论 -
Cocos Creator | Slider 扩展滑块拖拽事件及当前进度展示
01效果演示上方:扩展的滑块组件及其状态显示下方:默认的滑块组件及其状态显示扩展的滑块组件支持拖拽开始/拖拽/拖拽结束事件的回调,同时也扩展了当前进度的展示02使用方法直接将 SliderEx预制件放在需要的地方声明 SliderEx 的变量@property(SliderEx)sliderEx: SliderEx = null;在代码中注册拖拽事件回调this.sliderEx.handleDragStart((pr...原创 2021-11-22 14:30:40 · 4997 阅读 · 0 评论 -
Cocos Creator | tween 常用方法及扩展暂停/恢复/跳转指定时间等等
更多教程,请微信扫码关注公众号:01常用方法· 基本方法:to:对属性进行绝对值计算,最终的运行结果即是设置的属性值,即改变到某个值by:对属性进行相对值计算,最终的运行结果是设置的属性值加上开始运行时节点的属性值,即变化值cc.tween(this.node) .to(1, { position: cc.v2(100, 100), angle: -90 }).by(1,{scale:2}).start();贝塞尔曲线:c...原创 2021-11-22 14:29:44 · 7923 阅读 · 1 评论 -
Cocos Creator | Bundle 的压缩类型及内联所有 SpriteFrame
更多教程,请关注公众号01配置方法1自定义 bundle 配置Bundle 的属性面板:2内置 bundle配置构建面板:02压缩类型压缩类型 功能说明 默认 构建 Asset Bundle 时会将相互依赖的资源的 JSON 文件合并在一起,从而减少运行时的加载请求次数 无压缩 构建 Asset Bundle 时没有任何压缩操作 合并所有 JSON 构建 Asset Bundle 时会将所有资源的 JSO..原创 2021-10-25 14:42:41 · 1796 阅读 · 0 评论 -
Cocos Creator | Android 集成 Bugly,捕获上报脚本及原生代码错误信息
更多源码,请关注公众号:01概述Bugly Cocos Plugin是为基于Cocos引擎的App(iOS/Android)封装的Bugly原生(iOS/Android)SDK的接口,方便调用Bugly原生SDK,可用于SDK初始化、设置自定义用户信息、错误等,并自动捕获上报App的脚本(Lua、JavaScript)错误和原生代码(如Objective-C、Java、C/C++等)引发的崩溃信息,提供实时、多维度的异常问题分析服务02集...原创 2021-09-21 23:08:32 · 1535 阅读 · 0 评论 -
Cocos Creator | 通过 effect 实现卷轴展开和收拢效果
源码获取请关注公众号:// 号外//本公众号由我和 honmono 共同维护,honmono 目前主要分享一些神奇的 shader 效果,各位大佬敬请期待// 开发工具//creator 实现卷轴展开和收拢效果. 版本2.4.4.源码位于文章末位, 需要的可以自取.01效果预览02实现方案两种方案 通过自定义顶点+顶点着色器实现. 通过片元做色器实现. 2方案二 片元做色器实现看图,...原创 2021-09-11 07:50:03 · 1871 阅读 · 0 评论 -
cocos creator | 为什么 shader 效果在编辑器中显示正常,运行后却显示异常? 合图纹理的uv计算
获取源码,请关注公众号:感谢QQ群(521643513)内honmono大佬的指导01uv 坐标之后的文章中,我们再详细介绍顶点着色器,片段着色器,纹理等知识这里简单了解下基本概念渲染流程:我们传递给顶点着色器每个顶点坐标及其对应的纹理坐标和纹理颜色后,顶点着色器经过顶点变换,图元装配(将顶点根据原始的连接关系还原成网格结构),光栅化(通过对顶点数据进行插值,获得三角形所覆盖的像素区域)等操作后,得到片元序列(二维图像上每个点都包含了颜色、深度和纹理数据...原创 2021-08-30 10:32:27 · 1879 阅读 · 1 评论 -
cocos creator | 使用纹理实现扫光效果- 流光shader
01效果预览02实现原理uv 坐标:纹理的百分比坐标在 creator 中,uv 坐标的原点在左上角,u轴向右,v轴向下,范围是 0-1使用纹理坐标获取纹理颜色叫做采样(Sampling)根据时间控制流光纹理的 uv 坐标,获取其 rgba,然后与目标纹理uv坐标的 rgba叠加,实现流动的效果03实现步骤1创建材质在资源管理器面板合适的目录右键:新建 Effect://扫光-纹理CCEf...原创 2021-07-05 17:49:13 · 3694 阅读 · 4 评论 -
CocosCreator | 自定义启动页之H5
01效果对比默认启动页:自定义启动页:02启动页存在的意义我们在 creator 中的开发的游戏都是基于 cocos engine,所以在展示我们的游戏之前,是必须要先加载 cocos engine,然后才是我们自己的业务代码流程图如下:而构建完成后未精简的 cocos engine 代码为 1.9M如果再加上物理相关代码的话,一共是2M别忘了,我们自己的首场景也要加载过程哦所以,从游戏启动,到真...原创 2021-06-21 10:56:57 · 4519 阅读 · 3 评论 -
Cocos Creator | 脚本组件的生与死-生命周期函数回调触发时机
更舒适的阅读体验,请访问公众号:官方文档:生命周期回调:https://docs.cocos.com/creator/manual/zh/scripting/life-cycle-callbacks.html测试脚本const { ccclass, property } = cc._decorator;@ccclassexport default class LifeCycle extends cc.Component {//LIFE-CY...原创 2021-05-06 13:51:42 · 1087 阅读 · 1 评论 -
cocosCreator | 常用的 n 个 size 及 n 个 rect
更好的阅读体验,请关注公众号:在认识 n 个 size 之前,先了解下两个名词:·屏幕分辨率游戏在设备上运行时的实际屏幕显示分辨率,即设备的像素分辨率比如 iPhone 8 Plus - 技术规格:对应的 size 为:cc.view.getFrameSize()· 设计分辨率内容生产者在制作场景时使用的分辨率蓝本,内容生产者即美术和研发比如 creator 中场景的 Canvas 组件:对应的 size 为:cc.view...原创 2021-04-26 10:33:13 · 702 阅读 · 0 评论 -
CocosCreator | MAC 下的 Android 环境配置(Creator 2.x)打包安卓
官方文档:安装配置原生开发环境:https://docs.cocos.com/creator/manual/zh/publish/setup-native-development.html1安装 JDK· 下载下载地址:https://www.oracle.com/java/technologies/javase-jdk8-downloads.html选择macOS x64oracle 需要登录后才允许下载,所以我在微盘保存了一份,需要的可以自取...原创 2021-03-25 16:52:28 · 521 阅读 · 0 评论 -
CocosCreator | Windows 下的 Android 环境配置(Creator 2.x) 打包安卓
更多内容,请关注公众号:官方文档:安装配置原生开发环境:https://docs.cocos.com/creator/manual/zh/publish/setup-native-development.html1安装JDK· 下载下载地址:https://www.oracle.com/java/technologies/javase-jdk8-downloads.html选择 Windows x64:oracle 需要登录...原创 2021-03-25 16:50:07 · 1412 阅读 · 0 评论 -
cocos Creator | MAC 下的 Android 环境配置(Creator 2.x)
更多教程,请关注公众号:1安装 JDK· 下载下载地址:https://www.oracle.com/java/technologies/javase-jdk8-downloads.html选择macOS x64oracle 需要登录后才允许下载,所以我在微盘保存了一份,需要的可以自取:https://share.weiyun.com/AFhz2fc0· 安装· 检测在终端中输入以下命令,检测是否安装成功:...原创 2021-03-08 16:47:14 · 911 阅读 · 0 评论 -
cocos creator |《合成大西瓜》源码 解读
更多源码请扫码关注公众号编者荐语:不辜负每一份热爱以下文章来源于懒惰的An,作者懒惰的An懒惰的An《合成大西瓜》原版开发者,cocos游戏开发小辣鸡,会发一些自己做的游戏源码或功能教程,搬运一些大老的技术分享~因为我比较懒,所以也可能不发~大家好,我是An~wx公众号也申请了半年了,第一次写文,水平很低,凑活看吧大西瓜火了,这两天也是在网上看到了各种模仿的大西瓜作品,可能也有朋友想知道这么简单的小游戏是怎么做的,今天我们也来模仿还原一下原版手感的合成大西瓜正题:第...原创 2021-02-01 12:34:29 · 9932 阅读 · 6 评论 -
CocosCreator 基于Assembler实现的图片切割破碎效果及自定义遮罩
更多笔记,请关注公众号:Cocos引擎源码位于CocosCreator.app/Contents/Resources/engine/cocos2d/(Mac版本), 以下使用CocosEngine代替路径效果展示1, 自定义渲染组件—TexturePlus2, 实现自定义多边形渲染范围===========3, 图片切割效果===========4, 图片破碎效果===========5, 碎片掉落效果===========浅析Assember源码路径位于 Coco原创 2021-01-06 19:15:47 · 4737 阅读 · 2 评论 -
COCOs Creator | 实现单个 节点 (Node)截图的两种方式
更多内容,请关注公众号:截图是游戏中一个非常常见的需求,通过摄像机和 RenderTexture 我们可以快速实现一个截图功能对于截图功能,在 example-cases 中有完整的测试用例,代码示例可参考07_capture_texture对于摄像机的介绍,请阅读官方文档:https://docs.cocos.com/creator/manual/zh/render/camera.html官方的测试用例中只提供了对屏幕的截图功能,但很多时候,我们只想对某个...原创 2020-12-21 10:31:39 · 2086 阅读 · 1 评论 -
Cocos Creator | ShaderLab:spine和sprite受击闪白特效
更多教程请关注//演示////实现//1编写 effect声明相关属性,既可以通过代码赋值,也可以通过编辑器修改 CCEffect %{ techniques: - passes: - vert: vs frag: fs blendState: targets: - blend: true ra...原创 2020-12-08 17:55:58 · 2590 阅读 · 3 评论 -
Cocos Creator 编辑器中可操作顶点的多边形遮罩
感谢群内大佬honmono的分享,也欢迎同学们入群交流QQ群:521643513Mac 下cocos 引擎源码位于 CocosCreator.app/Contents/Resources/engine/cocos2d/以下使用 CocosEngine 代替该路径//演示//1效果预览2单击线段添加顶点3双击顶点删除4反向遮罩//实现//1浅析 cc.Mask打开 CCMask.js ...原创 2020-12-08 17:54:17 · 1462 阅读 · 0 评论 -
Cocos Creator | 资源管理:资源的动态加载/远程加载/缓存/预加载/同步加载/远程加载spine
更好的阅读体验请访问公众号://resources目录 //所有需要通过脚本动态加载的资源,都必须放置在resources文件夹或它的子文件夹下resources文件夹需要在assets根目录下手动创建resources文件夹中的资源,可以引用文件夹外部的其它资源,同样也可以被外部场景或资源所引用项目构建时,除了在构建发布面板中勾选的场景外,resources文件夹中的所有资源,包括它们关联依赖的resources文...原创 2020-11-24 11:19:17 · 12376 阅读 · 0 评论 -
CocosCreator | Asset Bundle 全解析-使用方法
更好的阅读体验,请访问微信公众号:本文中 Asset Bundle 简称AB包外部资源 =不在本AB包目录内的资源(包括内置AB包和其他AB包)01AB包的定义AB包作为资源模块化工具,允许开发者按照项目需求将贴图、脚本、场景等资源划分在多个AB包中,然后在游戏运行过程中,按照需求去加载不同的AB包,以减少启动时需要加载的资源数量,从而减少首次下载和加载游戏时所需的时间,同时可以减少内存占用AB包可以按需求随意放置,比如可以放在远程服务器、本地、或者小游戏平台的分包,...原创 2020-11-09 14:13:11 · 10331 阅读 · 0 评论 -
Cocos Creator | 游戏优化之内存优化-资源管理
更多教程请关注微信公众号:设备对每个程序都有最大的内存分配限制,如果超过了这个阈值,会被系统强制关闭,造成 crash因此在开发的过程中,我们要在保证程序运行效率的前提下,尽量压缩程序运行时所占用的内存要讨论内存优化,首先要知道项目中最消耗内存的是什么?就像creator工程中占用空间最多的一样,是资源,资源包括纹理,声音,数据等等这里我们先了解下creator 的资源在内存中的管理方式,之后再介绍其他的优化内容01存储形式资...原创 2020-10-28 13:22:54 · 4979 阅读 · 1 评论 -
cocos Creator | 2D光影效果及手电筒效果
更多笔记请关注公众号:群内大佬贡献的2D光影效果及手电筒效果,小编厚着脸皮要来的转发权大佬QQ:1099263878欢迎加入QQ交流群:521643513大佬比较忙,所以由小编来代笔阐述一下大概的方法,具体的实现,请阅读源码①使用四叉树检测光源与障碍物之间的碰撞public getPolygonsByLight(light: cc.Vec2) {let r = cc.rect(light.x - this.radius/2, light.y - this.radius..原创 2020-10-16 20:35:13 · 2501 阅读 · 0 评论 -
CocosCreator | 分辨率适配,全面屏,处理黑边
获取更多笔记和源码公众号:CocosCreator笔记概念解释Canvas(画布)组件随时获得设备屏幕的实际分辨率并对场景中所有渲染元素进行适当的缩放Widget(对齐挂件)放置在渲染元素上,能够根据需要将元素对齐父节点的不同参考位置设计分辨率游戏在设计制作时场景的分辨率,即Canvas中的Design Resolution属性,也就是图中紫色边框的区域屏幕分辨率顾名思义,就是设备上屏幕的分辨率...原创 2020-09-16 20:28:53 · 7000 阅读 · 0 评论 -
Creator | 2.3.0及后续版本Android Studio编译报错:程序包xxx不存在
获取更多笔记和源码公众号:CocosCreator笔记在2.3.0正式版的官方介绍中有这么一项(是不是很眼熟的开场白):升级提示从 < 2.3.0 版本升级从 2.3.0 开始,Android 与 Android Instant 使用同一个构建模板,请注意: 如果是 Android 平台单独使用的代码请放入 app/src 目录, 单独使用的第三方库请放入 app/libs 目录。 如果是 Android Instant 单独使用的代码和第三方...原创 2020-07-21 22:40:56 · 685 阅读 · 0 评论 -
Creator | 2.3.3及后续版本浏览器无法断点和控制台不显示错误代码路径的解决方案
获取更多笔记和源码公众号:CocosCreator笔记在2.3.3正式版的官方介绍中有这么一项:提升网页预览时的加载速度为了进一步提升开发效率,我们优化了网页预览时的脚本加载速度。不论是对引擎还是项目中的代码,载入速度都获得了提升。特别是在开启自定义引擎,或者使用手机扫码预览时,开发者都能得到更顺畅的体验。实际体验:预览的时候,加载速度提升多少没感觉出来,但手抖写出bug后,定位出错代码的时间却是增加了不少随手写个bug(写bug小能手):...原创 2020-07-17 11:33:10 · 463 阅读 · 0 评论 -
Cocos Creator | 碰撞检测优化-四叉树
四叉树原理本人就不赘述了,很多前辈都有详细的讲解首先说明下四叉树并不是一个碰撞引擎,它只是一种减少碰撞候选者的算法,所以在利用四叉树得到碰撞候选元素后,还需要去检测这些候选元素与目标元素是否发生碰撞2D中是四叉树,3D中则对应的为八叉树项目(微信小游戏《宇宙少女》)中实测:同屏极限情况下,可碰撞元素为:200左右子弹+70左右怪物+若干buff+玩家碰撞关系为:子弹和怪物碰撞特定怪物和其他怪物碰撞反弹玩家和怪物碰撞玩家和buff碰撞...原创 2020-07-12 11:12:01 · 3411 阅读 · 0 评论 -
Nginx 配置详解 | 宝塔面板配置静态资源服务器 配置小游戏远程资源服务器
获取更多笔记和源码公众号:CocosCreator笔记导读安装宝塔安装 Nginx配置Nginx配置H5 游戏配置小游戏远程资源1准备云服务器腾讯云:https://url.cn/53X4QsE阿里云:https://www.aliyun.com/sale-season/2...原创 2020-04-13 09:49:26 · 4916 阅读 · 0 评论 -
Creator 新手教程 | 脚本组件的生与死-生命周期回调时机/NodePool中的生命周期回调
长按关注获取更多笔记和源码公众号:CocosCreator笔记导读生命周期onLoadonEnablestartupdatelateUpdateonDisableonDestroy测试场景NodePool中的生命周期官方文档:生命周期回调https:...原创 2020-04-06 13:56:38 · 479 阅读 · 0 评论