SSRBluePrintStarterKit

About / 关于

SSRBluePrintStarterKit 是一个类似 Unreal Engine 蓝图 的框架样板。

作者的 SSRShaderEditor 就是基于这个样板开发的:

ShaderEditor in CocosStore

关于如何将 Creator 开发的项目转换为插件，可以参考这个:

PluginAdaptor in CocosStore

Attention / 注意

当前版本，只支持 Creator v2.4 及以上 版本
当前版本，只有 javaScript 版本

Features / 功能

这里介绍下 SSRBluePrintStarterKit 中包含的一些基础元素以及相关的功能点。

Panel / 面板

框架中最重要的组成部之一，主要用来展示数据，并且包含了其他一些基础元素。

Add / 添加
Remove / 删除
Move / 移动
Clone / 克隆

Slot / 槽点

槽点依附于面板，主要用于面板之间的连接，形成有向图。

Output / 输出
Input / 输入
Connect / 连接
Disconnect / 断开
Multi-Output / 多输出
Single-Input / 单输入
Connection Type Check / 连接插槽类型检查

Connection / 链接

Add / 新增
Remove / 删除
Update / 更新链接
Auto Layout / 自动布局
Data Flow Animation / 数据流动画
Connection to Panel / 组对面板连接
Connection to Group / 组对组连接

Selection / 选取

Touch to Select / 点击选择对象
Touch to Deselect / 点击反选对象
Drag to Select / 拖动选择对象
Drag to Deselect / 拖动反选对象
Multi Move / 多选移动

Group / 分组

Group / 新建组
Ungroup / 拆分组
Move / 组移动
Drag to Group / 拖入组
Ungroup Panel / 拆分单一面板
Move in Group / 组内移动面板
Shrink vs Expand / 收缩 vs 展开
Auto Resize / 自动调整大小 ( 根据组中面板 )
Drop Animation / 组拖入动画

Canvas / 画布

Zoom In / 放大
Zoom Out / 缩小
Move / 拖动

Digraph / 有向图

Node Connect / 节点建立连接
Node Disonnect / 节点断开连接
TraverseDF / 深度遍历
Generate Panel Digraph / 生成面板有向图

Miscs / 杂项

New Project / 新建项目
ToolBar / 工具栏
Gridline / 网格

Framework / 框架

在线文档 (慢慢完善中) :

下面是对 SSRBluePrintStarterKit 框架的构成比较简单:

- ssr
 - blue-print
  - component // 组件类
   + BluePrintCore // 框架核心组件
    - data // 数据类
   + BluePrintDataDigraph // 有向图数据
    - layer // 图层类，对应不同的场景层
   + BluePrintLayerCanvas // 画布层
      + BluePrintLayerConnection // 链接层
      + BluePrintLayerGroup // 分组层
      + BluePrintLayerPanel // 面板层
      + BluePrintLayerProject // 项目信息层
      + BluePrintLayerSelection // 框选层
      + BluePrintLayerToolBar // 工具栏
    - manager // 管理类
      + BluePrintDirector // 导演类
   + BluePrintCanvasManager // 画布元素管理类
      + BluePrintConnectionManager // 链接元素管理类
      + BluePrintDigraphManager // 有向图元素管理类
      + BluePrintGroupManager // 分组元素管理类
      + BluePrintPanelManager // 面板元素管理类
      + BluePrintProjectManager // 项目元素管理类
      + BluePrintSlotManager // 槽点元素管理类
    - namespace // 命名空间
   + BluePrintNamespace
    - prefab // 预制体
      + BluePrintPrefabConnection // 链接预制体
      + BluePrintPrefabGroup // 分组预制体
      + BluePrintPrefabSlot // 槽位预制体
      + BluePrintPrefabInputSlot // 输入槽位预制体
      + BluePrintPrefabOutputSlot // 输出槽位预制体
      + BluePrintPrefabPanel // 面板预制体
    - util // 工具类
   + BluePrintUtilConnection // 链接相关工具类
      + BluePrintUtilDigraph // 有向图相关工具类

总体框架的工作流程已总结为: