【插件】蓝图插件开发日志

Creator 3.x
#1

【脚本图编辑器】Cocos Creator可视化脚本开发插件开发日志

:dart: 项目类型：Cocos Creator游戏引擎插件

:link: 项目定位：零基础用户的游戏脚本可视化编辑器

:rocket: 项目简介

脚本图编辑器（Script Graph） 是一款专为Cocos Creator游戏引擎打造的可视化脚本开发插件。通过直观的节点连线方式，让零基础用户也能快速高效地完成游戏脚本的编写工作。

Clipboard_Screenshot_1755765327
Clipboard_Screenshot_17557653273046×1774 608 KB

:sparkles: 核心特色

  • 零代码门槛：完全可视化操作，无需编程基础

  • TypeScript支持：底层生成标准TypeScript代码，性能无损

  • 图灵完备：支持完整的TypeScript语法和逻辑表达

  • 实时调试：支持运行时错误调试和语法检查

  • 多面板编辑：最多支持多个独立编辑面板同时工作

:tv: 开发进展视频展示

我们已在Bilibili平台发布了三期详细的开发演示视频，全面展示了插件的核心功能和开发历程：

:clapper: 第一期：基础功能演示

【游戏开发蓝图插件Cocos Creator】

:clapper: 第二期：进阶功能详解

【游戏开发蓝图插件Cocos Creator第二期】

:clapper: 第三期：高级特性与优化

【游戏开发蓝图插件Cocos Creator第三期】

:dart: 已完成功能清单

核心系统

  • [x] TypeScript AST语法树构建

  • [x] 节点到代码的完整转换

  • [x] 词法和语法实时校验

  • [x] 运行时错误调试

  • [x] WebSocket通信机制

用户体验

  • [x] 节点搜索和过滤

  • [x] 自定义节点和模板

  • [x] 多文件面板管理

  • [x] 语法高亮和错误提示

  • [x] 快捷键支持

扩展能力

  • [x] 用户自定义模板

  • [x] 工厂模式节点注册

  • [x] 模块化架构重构

:construction: 后续开发计划

开发中功能

  • :arrows_counterclockwise: 工作流模式-方法/函数系统：自定义方法定义和调用

■■规划

  • :dart: 教学系统：交互式教程和示例

  • :dart: 可视化调试器：断点调试和变量监视

  • :dart: 节点市场：共享和下载社区节点

  • :dart: AI辅助：智能节点推荐和代码生成

  • :dart: 性能分析：节点执行时间统计

:bar_chart: 项目数据

  • 代码行数：55,000+ TypeScript代码

  • 节点类型：70+种可复用节点

  • 测试覆盖率：85%+单元测试

我们将持续更新开发进展，敬请关注后续动态！

最后更新时间：2025年8月21日

17赞
#2

大佬吊~，战术插眼

#3

大佬吊~，战术Mark

#4

666标注有价值 :+1: stroe 链接呢体验一下

#5

大佬膜拜~ 这工作量

#6

被智商碾压 真牛

#7

感谢各位精神股东支持。开发过程确实遇到了不少难题。无论遇到什么困难，我都会坚持开发，直到项目上线。

#8

目前整体进度60%左右，可以持续关注一波，后续会不定期更新开发进展。

#9

战略性mark一下，但我不看好，感觉没那么简单

#10

你说得对，确实不简单，工作量也不小。但目前陆陆续续已经开发大半年了，插件功能正在一步步完善。其实最初设想的功能已经开发完了，但我觉得门槛还是过高，离零基础写游戏的目标还相差甚远。所以才有了目前正在开发的工作流模式。该模式的基本雏形已经出来了，该克服的困难基本都扫清了，不久的未来应该可以完成。

#11

手动点赞～～～～～～～～

2赞
#12

:rocket: 脚本图编辑器第四期：函数编译与运行时系统开发

【游戏开发蓝图插件Cocos Creator第四期】

:tv: 视频演示：游戏开发蓝图插件Cocos Creator第四期_哔哩哔哩_bilibili

:sparkles: 核心突破：函数系统

完整的函数编译与运行时系统！从函数的定义到编译，再到运行时调度执行，实现了函数编程的全部流程。

:dart: 三大核心功能

1. :fire: 函数编译器

  • 异步原生支持：完美支持async/await异步函数调用

  • 自动桥接生成：无缝对接Cocos Creator组件系统

2. :zap: 运行时执行器

  • 执行器：

    • MethodEntry - 函数入口管理

    • MethodReturn - 函数返回处理

    • MethodCall - 函数调用执行

  • 嵌套调用：支持任意层级的函数嵌套

  • 会话管理：调用栈管理，确保执行流正确恢复

  • 参数传递：类型安全的参数传递和返回值获取

3. :globe_with_meridians: 变量系统

  • 作用域支持：局部变量与全局变量管理

:hammer_and_wrench: 技术架构升级

:bar_chart: 编译器架构重构


WorkflowCompiler (主编译器)

├── MethodGenerator (函数生成器) ⭐ 新增

:zap: 运行时执行引擎


ExecutionContext (执行上下文)

├── 函数调用栈管理

├── 变量作用域管理

├── 异步执行调度

└── 错误处理与恢复

NodeExecutors (节点执行器)

├── MethodEntryNodeExecutor ⭐ 新增

├── MethodReturnNodeExecutor ⭐ 新增  

├── MethodCallNodeExecutor ⭐ 新增

:test_tube: 质量保证体系

:white_check_mark: 全面测试覆盖

  • 单元测试：85%+ 覆盖率，确保每个功能稳定可靠

  • 集成测试：完整的函数调用链测试验证

:mag: 核心测试场景验证

  • :white_check_mark: 嵌套函数调用（5层深度测试通过）

  • :white_check_mark: 异步函数链式调用完美支持

  • :white_check_mark: 变量作用域完全隔离

  • :white_check_mark: 错误处理与恢复机制完善

:bar_chart: 项目数据更新

  • 代码规模：60,000+ 行 TypeScript 代码 :arrow_up:

  • 函数执行器：3个执行器 :new:

  • 编译器模块：8个核心编译模块 :new:

最后更新时间：2025年8月23日

2赞
#13

脚本图编辑器第五期：函数库跨文件调用

【游戏开发蓝图插件Cocos Creator第五期】

:tv: 视频演示：游戏开发蓝图插件Cocos Creator第五期_哔哩哔哩_bilibili

核心功能：函数库系统

实现了函数的跨文件调用，从单文件内部函数扩展到函数库共享调用。

主要功能

1. 函数库类型脚本图

  • 新增函数库类型，用于定义公共函数

  • 函数库中的函数可被其他脚本图文件调用

  • 支持在一个函数库中创建多个函数

2. 统一函数调用

  • Method Call节点同时支持内部函数和函数库函数

  • 调用方式完全一致，无需区分函数来源

应用场景

  • 公共工具函数：数学计算、字符串处理等

  • 游戏逻辑模块：AI行为、物理计算等

  • 数据管理：存档系统、配置管理等

项目数据

  • 代码规模：65,000+ 行 TypeScript 代码（新增4,000行）

  • 新增功能：函数库类型脚本图、跨文件函数调用

最后更新时间：2025年8月31日

4赞
#14

卧槽这牛逼，你开创了cocos低代码时代

1赞
#15

官方不做，只能我们自己来了

#16

大佬真牛逼！！！！！期待成品出来的那一天！！！！大佬要不要先搞个预览版出来试用下，边用边反馈

#18
#19

标记标记标记标记标记标记标记标记

#20

目前功能还不完善，达不到可用的程度，所以试用必要xing感觉不大。

#21

这个看上去是shader的，我目前不打算做shader编程，主要是我也不会 :joy: