- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 cc-editor让cc-plugin更丝滑
通过cli启动调试Creator主进程，也可以进行简单的Creator的版本和项目管理工作。详细的使用方法可以通过以下命令查看npm i @xuyanfeng/cc-editor -gcce -h使用前的准备添加项目、编辑器配置信息cce add-project 项目路径cce add-editor 编辑器别名 编辑器路径选择项目、编辑器的配置，以下2个命令是交互式的，不需要手动输入cce use-projectcce use-editor查看当前的配置信息cce
2022-01-14 11:33:56
308
原创 我和易次元的故事
广告时间易次元2021创作大赛秋季赛正式开始啦！如果有兴趣的小伙伴，欢迎踊跃参加，当然，奖品也是非常丰厚的，毕竟网易大厂，出手还是很大方的！人生中的第一次获奖在易次元2020NMGC赛事中，我花费了2天的时间，制作了一款当时非常热门的合成大西瓜小游戏，可能运气比较好吧，竟然在获奖名单见到了我的作品，收获三等奖，还是非常开心嘀！一等奖的话，估计我都笑开花啦！参赛经历初次接触网易小编2020年11月12日，插件交流QQ群里进来了一个萌新，二话不说就加了群主好友，我本以为这人也是购买了我的插件
2021-06-06 20:23:32
769
2
原创 CocosCreator3D插件教程(21):插件开发心得
至此，本系列教程就暂时告一段落了，连更21天，每天输出一篇干货，也算是挑战了一下自己。本篇更多的是分享给大家一些个人开发插件过程中的经验感悟，希望能给你带来一些启发。尽量保证插件代码质量在发布你的插件，请尽量保证你的插件代码的质量，口碑对你的个人影响力真的很重要。最起码的，咱自己得测试测试，保证安装后不会出现致命的问题，不然，你的插件评论里面会出现各种奇奇怪怪的评论，有些评论会让你不知如何回复，那种感觉真的很绝望。尽量给插件配套相应文档即使你的插件再简单，请相信我，一定仍旧会有人遇到使用上的问题
2020-11-16 09:14:08
701
2
原创 CocosCreator3D插件教程(20)：分享售卖插件
当你历尽千辛万苦，从无数个坑中爬出来后，终于完成了自己的第一款插件，有木有非常有成就感？分享给别人插件完成了，同事也想借来使(bai)用(piao)一下，怎么分享给他呢？你只需要将插件整体copy给同事即可：就像上图所示：项目目录/packages/hello-world，只要保证最终是这样的目录结构，那么插件就能够正常使用。如果使用了npm的packages，需要将node_modules目录也一并打包了。分享到插件商店独乐乐不如与众乐，不妨将你的插件上传到官方插件商店。你可以免费共享给
2020-11-15 20:03:52
400
原创 CocosCreator3D插件教程(19)：插件监听编辑器事件
目前文档中并没有非常明确的罗列出来编辑器有哪些消息可以使用。但是在编辑器中提供了另外一种方式，可以让我们了解到所有的可用消息。1.打开消息调试工具在菜单栏找到开发者/消息调试工具：打开消息调试面板：该消息面板会捕获到整个编辑器(包括插件)的所有messages点击▶后，就进入监听捕获消息啦，我们尝试着切换2个scene:看起来消息非常多呀，花花绿绿挺好看的，有兴趣的朋友，可以整理下。这里我们重点关注下scene:ready，这是个broadcast广播类型的消息，也只有这种类型的消息才
2020-11-15 20:02:39
541
原创 CocosCreator3D插件教程(18)：插件之间交互
在上篇教程，我们已经完美实现一个插件的多个面板之间交互，但是这还远不够，有时我们还希望插件能和插件之间交互。根据之前的插件教程，也可以实现插件之间的交互，本篇教程带有总结性的同时，再介绍下广播消息。这里我举例说明业务场景，希望透过小栗子，对你以后编写插件有所帮助。栗子1（喂！我摔倒了！）：小明同学编写了A插件，提供了下载文件的功能。小王子同学编写了B插件，部分功能需要调用A插件完成，但是并不关心插件A何时完成处理。小王子的B插件需要这样进行交互：Editor.Message.send("p
2020-11-15 20:01:15
450
原创 CocosCreator3D插件教程(17)：插件多个面板之间交互
1.给插件配置2个面板，并设置打开菜单首先我们先在package.json中配置2个面板：{ // ... "panels": { "panel1": { "title": "UI面板1", "type": "dockable", "main": "./panel1/index.js" }, "panel2": { "title": "UI面板2", "type": "dockable", "main"
2020-11-15 19:59:52
460
1
原创 CocosCreator3D插件教程(16)：为插件添加配置文件
在上一篇教程中，我们手动实现了为插件面板添加对应的配置文件，以满足保存配置的需求。在creator3D插件中，早已经考虑到了这个需求：1.设置配置文件信息：在package.json中增加如下配置：{ // ... "contributions": { "profile": { "editor": { "editor-cfg": { "default": 100, "label": "编辑器配置" }
2020-11-15 19:58:22
543
原创 CocosCreator3D插件教程(15)：插件面板数据保存为配置
在上篇教程中，我们把数据保存到主进程中，当面板刷新，或者重新打开时，仍旧可以读取到之前保存的数据。你可能好奇，为什么我要单独讲解这个知识点，举个栗子：A面板的一些临时数据，你希望B面板能够获取到，并且即使A面板关闭了，你也希望这些临时数据能够一直存在，并且这些临时数据，又没有保存为配置的必要性。多面板交互时，我们会经常使用主进程来暂存一些数据，帮助我们做数据持久化，后面会深入讲解这方面内容。但如果数据保存在主进程中，当整个编辑器退出，再次打开面板的时候，发现数据同样会消失不见，那么有没有办法
2020-11-15 19:57:36
316
原创 CocosCreator3D插件教程(14)：插件面板数据保存到内存
开发过程中，有时需要将一些数据存储起来，比如下图：<div style="display: flex; flex-direction: row;"> <input id="input" type="text" style="flex: 1;"/> <button id="btn" style="width: 40px;height: 30px;margin-left: 5px;" @click="onBtnClick"> 保存
2020-11-15 19:56:42
394
原创 CocosCreator3D插件教程(13)：插件&npm
1. 什么是npm英文全称：node package management，是nodejs内置的软件包管理器，有点类似github。https://www.npmjs.com/ 上有大量(143万+)的扩展包，可以供nodejs开发者使用。当然你也可以自己上传package，分享给别人使用(白嫖)。实不相瞒，我本人经常会来此地使用(白嫖)一些package，是真的香啊！2.使用npm，你需要安装nodejs环境npm是和nodejs捆绑的，安装了nodejs，就可以开心的使用npm了。
2020-11-15 19:55:46
711
原创 CocosCreator3D插件教程(12)：调试插件
经过之前的学习，我们已经可以编写一个比较复杂的插件，编写逻辑的过程中，我们就需要调试，那么creator3d插件，应该如何调试呢？1.万能的consoleconsole.log()是最简单直接的方式，编辑器会捕获log，并且在编辑器的控制台进行打印显示。显然这种方式只满足一些简单逻辑的调试，对于复杂的逻辑，我们必须依靠断点调试，才能准确定位问题。2.进程？渲染进程，主进程？在学习断点调试前，我们需要了解，插件的代码是分别运行在不同进程的。package.json{ "main": "./ma
2020-11-15 19:53:58
936
原创 CocosCreator3D插件教程(11)：在插件面板中使用Vue
到目前为止，我们已经知道，creator插件面板的编写，使用的是web前端技术。在web领域Vue是最受欢迎的构建用户界面的框架之一。creator2d插件中我们是可以直接使用vue，但是creator3d插件并没有提供。那么在creator3d插件里面，我们如何使用Vue呢？1. 下载vue这里我们不使用npm的方式使用vue，我们直接下载vue的构建文件：我下载的是vue.js，当然你也可以下载压缩版本vue.min.js。下载后，放到我们的插件项目里面：2.插件里面使用Vuevu
2020-11-15 19:52:48
1276
原创 CocosCreator3D插件教程(10)：使用UI框架快速编写UI
在任何技术领域，编写UI界面，始终是一件比较繁琐的事情，不过creator3d插件也内置了大量内部UI组件，可以方便我们快速编写UI。使用插件内置UI组件我们可以在菜单开发者/UI组件中，查看现有的内置组件：面板中展示了很多已有的UI组件，我们都可以在插件面板中直接使用，无需引入，示例中也给出了使用代码，非常方便，具体的UI组件细节，可以在文档中查阅。使用插件内置UI组件：优点：UI风格和整个编辑器非常协调。ui-asset， ui-node，ui-component 等组件，和编辑器器
2020-11-14 15:19:24
866
原创 CocosCreator3D插件教程(9)：如何优雅的编写插件面板代码
通过之前的学习，我们已经掌握了如何完整的编写一个插件面板。我们先整理下panel.js代码：exports.template = `<button class="btn"> 按钮</button>`;exports.style = `.btn{ width:100px; height:100px;}`;exports.$ = { btn: '.btn'}exports.ready = function () { thi
2020-11-14 15:17:54
373
原创 CocosCreator3D插件教程(8)：给面板上的按钮绑定点击事件
在上节教程中，我们给插件面板添加了按钮，并且可以对按钮外观样式进行个性化设置。那么我们该如何给按钮添加一个点击事件呢？1.获取按钮元素panel.jsexports.template = `<button class="btn"> 按钮</button>`;exports.style = `.btn{ width:100px; height:100px;}`;exports.$ = { btn: '.btn', // 获取按钮元
2020-11-14 15:17:08
879
原创 CocosCreator3D插件教程(7)：给插件面板添加UI元素
在上节教程中，我们给插件添加了UI面板，一般UI都会有按钮、输入框，那么我们如何给面板添加一些元素呢？我们再熟悉下package.json里面的panels：{ // ... "panels": { "default": { "title": "UI面板", "type": "dockable", "main": "./panel.js" }}main指向的panel.js，就是插件面板的入口逻辑，所有的面板逻辑也都需要写在这里。1.编
2020-11-14 15:14:48
546
原创 CocosCreator3D插件教程(6)：给插件添加UI面板
有时我们的插件需要UI面板，进行一些简单的人机交互，使插件的使用更加简单、方便。那么在creator3D插件中，如何添加UI面板呢？1.配置插件UI面板如下所示，修改package.json文件，插件的所有面板，都是在panels字段定义：{ // ... "panels": { "default": { "title": "UI面板", "type": "dockable", "main": "./panel.js" } }}
2020-11-14 15:13:32
534
原创 CocosCreator3D插件教程(5)：消息机制详解
之前的教程，我们给插件添加菜单、编写菜单的响应逻辑、添加快捷键。不难发现，要想玩转creator 3d插件，就必须要理解messages！！！我们梳理下之前的代码：package.json：描述插件，包括名字、作者、版本、菜单、快捷键、消息等{ "name": "hello-world", "version": "1.0.0", "author": "xu_yanfeng", "main": "./main.js", "description": "creator3d插件",
2020-11-14 15:12:41
658
原创 CocosCreator3D插件教程(4)：给插件添加快捷键
我们日常使用的软件，一般都有快捷键，插件同样也支持啦。creator3D插件中设置快捷键非常简单，我们需要这样做：1. 配置快捷键如下所示，修改package.json：{ // ... "contributions": { // ... "shortcuts": [ { "message": "onMenuClick", "win": "ctrl+z", "mac": "cmd+z" } ] }
2020-11-14 15:12:02
477
原创 CocosCreator3D插件教程(3)：给插件菜单添加逻辑
在上篇教程中，我们的插件成功向编辑器中添加了菜单。点击菜单我们需要编写一些自己的逻辑，我们该如何做呢？首先我们需要知道，插件整体的设计理念是：消息。1. 设置插件菜单的响应消息如下所示，我们修改下package.json：{ // ... "contributions": { "menu": [ { "path": "插件", "label": "自定义菜单", "message": "onMenuClick"
2020-11-14 15:11:17
377
原创 CocosCreator3D插件教程(2)：给插件添加菜单
在上一篇教程中，我们创建了一个插件，并且可以成功被编辑器所识别、加载。有时我们希望能够在编辑器菜单栏中，能够显示插件自己的菜单。在creator3D插件里面，自定义插件菜单，非常简单：1.定义插件菜单打开插件的package.json文件，{ "name": "hello-world", "version": "1.0.0", "author": "xu_yanfeng", "description": "creator3d插件 hello-world", "contribu
2020-11-14 15:10:11
681
原创 CocosCreator3D插件教程(1)：hello-world
学任何新知识，最快的入门方式莫非HelloWorld。本篇文章手把手带你，跟着我3步搞定，不需要编写一行代码，2分钟轻松入门creator3d插件。1. 创建插件项目我们需要先下载Cocos Dashboard，然后在Dashboard中下载creator3d，这里我使用的是v1.2.0：新建并打开一个creator3d空项目，然后找到项目的packages目录，如下图所示新建对应的文件和目录：2. 设置插件基本信息我们在package.json里面定义一些插件信息。比如插件名字、版本号、
2020-11-14 15:07:58
1089
1
原创 CocosCreator游戏热更新完整教程，超简单，超详细
使用cocos已经是第7个年头了，也算是老司机了，今天就介绍下使用cocos creator开发游戏如何热更新。预备知识首先，科普下基础知识，热更新的基础原理是，不同版本的游戏资源对应不同的manifest，manifest记录了当前游戏资源的所有信息，通过比对下载差异，实现游戏更新。跟着我一步一步实现热更新1.简单了解下热更新DEMO这个是热更新DEMO仓库，我已经编译好了一个可运行的EXE游戏热更DEMO，并放到了Gitee，国内下载速度比较快。这里我简单剖析下DEMO:项目中必须得导入
2020-10-14 21:55:02
5116
luajit代码luajit代码
2023-11-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人