CocosCreator
cocoscreator使用总结
1.背景图的大小超过父节点的大小, 要使背景图不超过父节点, 可以在父节点上增加一个mask组件2.layout组件可以设置垂直或水平布局, 垂直时可以设从上到下或从下到上, 水平布局可以设置从左向右, 从右向左, 可以方便用来设置文字在右下角之类的3.ScrollView的bar可以移除, vie ......
CocosCreator脚本属性在属性面板的显示
声明属性 要声明属性，需要在 cc.Class 定义的 properties 字段中，填写属性名字和属性参数。 cc.Class({ extends: cc.Component, properties: { score: { default: 0, type:cc.Integer, displayN ......
fgui 怎么将"UI空间下的世界坐标"转换成"fgui空间下的世界坐标( global pos )" cocoscreator坐标转换
嗨~ 如果本文对你有帮助，点个推荐吧！这样能让文章在搜索中更靠前，帮助到更多有需要的人！ 首先通过坐标系转换一步步地进行计算我尝试过，但卡在了将 屏幕坐标转换为fgui空间的全局坐标上。 但发现了一个巧妙的做法。 // 随便的一个 Cocoscreator 的 Node var anyCCUINod ......
CocosCreator3.x 应用在UI(Sprite) 上的 shader(.effect) 的合批，通过自定义顶点参数（一）、前言
前言 为啥要合批 减少DC 什么是自定义顶点参数 通过 几何体实例化 特性（GPU Instancing）可使 GPU 批量绘制模型相同且材质相同的渲染对象。如果我们想在不打破这一特性的情况下单独修改某个对象的显示效果，就需要通过自定义几何体实例化属性。 参考文档 UI(Sprite) 怎么你了？ ......
CocosCreator3.x 应用在UI(Sprite) 上的 shader(.effect) 的合批，通过自定义顶点参数（二）、具体操作步骤
具体操作步骤 接下来以一个制造旋转效果的 shader 为例子，提供了这些参数的设置： 旋转速度 float 旋转中心位置 vec2 逆时针/顺时针 bool 扭曲度 float 并在使用的贴图一致的前提下并且参数不同的值都能够合批。 最终项目可以从 GITHUB 获取。 CCC版本：3.8.0 深 ......
CocosCreator3.x 应用在UI(Sprite) 上的 shader(.effect) 的合批，通过自定义顶点参数（三）、参考资料
参考资料 资料1 来源：https://forum.cocos.org/t/topic/148747/28 用户：homym(tkhoi01281) 3.x 版自定参数我是利用createMesh方法去生成ui，因为createMesh就有自定义顶点参数的方法 这个改动其实是可以弄一个新sprite ......
CocosCreator3.x 应用在UI(Sprite) 上的 shader(.effect) 的合批，通过自定义顶点参数（三）、源码阅读
源码阅读部分 顶点数量、布局相关设置 针对 UI 所使用的 Mesh 的顶点设置：如 simple 模式使用 1个矩形(2x2个顶点)，sliced 模式使用 9个矩形(4x4个顶点) dataLength 相当于顶点数量。 vertexRow 和 vertexCol 描述了网格形状。 SetInd ......
转:Shader入门教程实例-TheBookOfShaders For CocosCreator
简介 《The Book of Shaders》是一本关于片段着色器（Fragment Shader）的入门指南，由Patricio Gonzalez Vivo编写，从零开始讲述了如何通过Shader来完成图形图像的绘制。 本项目使用Cocos Creator 2.1.2实现了书中的大部分Shade ......
fgui 点击事件的 pos 怎么转化为 Cocoscreator 世界坐标
对于 fgui 的点击事件 e： e.pos 并不是屏幕坐标 e.pos 是相对于 Canvas 的一个坐标 e.pos 几乎是 Canvas 下的 ui空间世界坐标。 又有： e.pos 使用的坐标系：x轴向右，y轴向下。 Canvas 使用的坐标系：x轴向右，y轴向上。 因此： import { ......
CocosCreator3.x 应用在UI(Sprite)上的 shader 要怎么利用 自定义顶点参数 来实现合批？
前言 为啥要合批 减少DC 什么是自定义顶点参数 通过 几何体实例化 特性（GPU Instancing）可使 GPU 批量绘制模型相同且材质相同的渲染对象。如果我们想在不打破这一特性的情况下单独修改某个对象的显示效果，就需要通过自定义几何体实例化属性。 参考文档 UI(Sprite) 怎么你了？ ......
【踩坑】CocosCreator Sprite 在移动端显示不出来
如果某个 Sprite 组件的图片在 编辑器环境、预览模式（浏览器）下都能正常显示了。 但是在移动端硬是显示不出来。 先确认下是不是用了 继承了原有 Sprite 的自定义 Sprite 组件。 像这样： export class LevelBgSprite extends Sprite { // ......
CocosCreator使用i18n实现多语种
实现： 这是官方给出的i18n插件下载地址：GitHub - cocos-creator-packages/i18n: i18n for Label and Sprites 解压后可以将一整个文件拖到项目的assets文件夹里，如果嫌文件太多可以只保留i18n和runtime-scripts文件夹， ......
在 CocosCreator3.x 中使用 Mask 组件来实现 “果冻墙” 效果。【A.F.K protocol】
JellyWallButMask 是一个基于 CocosCreator 的 Github 项目，旨在通过使用 Mask 组件来实现“果冻墙”效果。这种效果允许用户拖动“墙块”，并在松手后将其复位。同时，在拖动过程中，它能够正常透视底图。然而，需要注意的是，每个 cell 会增加3个 drawcall... ......
游戏开发入门——CocosCreator实现
课程介绍 课前介绍 为什么要开这门课？ 其实市面上已经有很多关于游戏开发的课程了，而且都各有千秋。但是。 目前市面上的编程课很多标榜的零基础，但是很多名词都没有做相应的解释。我觉得对于初学者来说，可能还是有些难度。 课程和课程之间没有一个循序渐进的关系。学员无法通过学习课程形成自己的思想体系。 课程 ......
CocosCreator ProejctSetting Macro Configurations 各项设置有何功能
通过官方对应IDE版本的API文档可知：Cocos Creator 3.8 API - Macro ......
CocosCreator + Vscode + Ts 代码注释生成文档，利用typedoc
需求： 脚本的代码注释，生成为文档 基本搭建环境： （cocoscreator 2.4.x + vscode + ts） 、（nodejs + npm) 步骤： 1、安装typedoc： ` npm install -g typedoc` 2、项目根目录添加/创建 typedoc.json 文件 3 ......
CocosCreator 3.7.x 一步步给你的项目增加热更新
官方文档 1. 热更新范例教程 · Cocos Creator 2. 热更新管理器 · Cocos Creator 官方文档主要是讲了原理，然后给了一个基于 3.3.2 版本的示例，都看完了之后感觉只是一知半解。 所以决定写一个 step by step 的教程，进一步以供大家参考。 （当前，这里也 ......
介绍CocosCreator系统事件是怎么产生及触发的
这篇文章主要介绍了CocosCreator系统事件是怎么产生及触发的，虽然内容不少，但是只要一点点抽丝剥茧，具体分析其内容，就会豁然开朗 目录 环境 概要 模块作用 涉及文件 源码解析 CCGame.js CCInputManager.js 事件是怎么从引擎到节点的？ CCEventManager. ......
cocosCreator 编译 微信小游戏 报错message：Error: ENOENT: no such file or directory, xxx.json
cocosCreator 构建微信小游戏 编译后并预览 时，有时候会报错 如下 message：Error: ENOENT: no such file or directory, open 'D:/cocos/cocosProjects/MonsterPathMove/enemy-path-move ......
Gitee自动部署 cocoscreator web端
Gitee自动部署 参考文档： Gitee 目前支持特性： 推送代码到Gitee时，由配置的 WebHook 触发 Jenkins 任务构建。 评论提交记录触发提交记录对应版本 Jenkins 任务构建 提交 Pull Request 到Gitee项目时，由配置的 WebHook 触发 Jenkin ......