- 博客(25)
- 资源 (1)
- 收藏
- 关注
原创 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关注的人