中文
resource-icon
SSRBluePrintStarterKit v1.0.0
类别
源码
作者
supersuraccoon
Creator版本要求
v2.4.0
支持平台
AndroidiOSHTML5
评分
售价
¥ 59.99 (个人)

介绍

About / 关于

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

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

ShaderEditor in CocosStore

qr_shader_editor.png

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

PluginAdaptor in CocosStore

qr_plugin_adptor.png

Attention / 注意

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

Features / 功能

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

Panel / 面板

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

  • Add / 添加

  • Remove / 删除

  • Move / 移动

  • Clone / 克隆

SSRBluePrintStarterKit0001.png

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 / 组对组连接

SSRBluePrintStarterKit0002.png

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 / 组拖入动画

SSRBluePrintStarterKit0003.png

Canvas / 画布

  • Zoom In / 放大

  • Zoom Out / 缩小

  • Move / 拖动

Digraph / 有向图

  • Node Connect / 节点建立连接

  • Node Disonnect / 节点断开连接

  • TraverseDF / 深度遍历

  • Generate Panel Digraph / 生成面板有向图

SSRBluePrintStarterKit0004.png

Miscs / 杂项

  • New Project / 新建项目

  • ToolBar / 工具栏

  • Gridline / 网格

Framework / 框架

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

WX202109091356242x.png

下面是对 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 // 有向图相关工具类

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

  1. 通过消息系统来驱动
  2. 元素有对应的预制体 Prefab,它们被添加到对应的图层 Layer
  3. 消息基本都由 核心组件 Core 同意接收,然后调用 导演 Director 中的对应接口开始干活
  4. Director 持有各种管理类 Manager 示例,负责统一调度

Plans (Free Update) / 后续计划 (免费更新)

目前框架的完成度大约在 ShaderEditor80% 左右,后续会进一步补全这个框架的内容。

感兴趣的朋友,可以关注,支持,也欢迎使用这个 StarterKit 来开发自己的可视化编辑器。



下面是作者的其他一些插件,如果有感兴趣的,可以支持一下,感谢 ~

01.SSRFBONodeComponent_Banner.png 02.SSRSVGComponent_Banner.png 03.SSRSVGWriterComponent_Banner.png 04.SSRShaderFXEditor_Banner.png 05.SSRLoSComponent_Banner.png 06.SSRFogOfWarComponent_Banner.png 07.SSRCreatorPluginAdaptor_Banner.png 08.SSRShaderFXTutorial_Banner.png 09.SSRDnDComponent_Banner.png 10.SSRShaderGallery_Banner.png 11.SSRDynamicMaterial_Banner.png 12.SSRBluePrintStarterKit_Banner.png 13.SSRPostProcessingFX_Banner.png 14.SSRDeviceMotion_Banner.png 15.SSRGridCCLContour_Banner.png 16.SSRWorkCollection_Banner.png 17.SSRScreenSplitFX_Banner.png 18.SSRShaderConverter_Banner.png

用户评分

平均评分
(0)
共有 0 位用户参与评分

评论

暂无评论

  • 1

2020 © Cocos.com版权所有

增值电信业务经营许可证:闽B2-20160169

闽ICP备14002653号-6

闽公网安备 35020302033941号