Skip to content
目录

概述

拼图系统是Block3D可视化编程的特色,它是帮助3D设计师实现交互的主要方式。

拼图是什么?

拼图是图形化的代码片段。用户通过控制拼图上的各种组件(值、复选框、下拉菜单等)来定义拼图的功能,然后通过插槽与其它拼图组合,从而实现复杂的编程。

拼图分类

Block3D内置拼图分为以下几类:

  • 基础拼图 - 文本、数字等基础编程所需拼图
  • 核心拼图 - 网格、材质等Web3D核心功能拼图
  • 扩展拼图 - 依赖额外JS库实现特殊功能的拼图
  • 插件拼图 - 用户订制的拼图

如何创建拼图?

要创建或者使用拼图有以下几种方式:

  1. 从工具栏拼图分类中拖拽一个拼图到工作区
  2. 使用快捷键创建拼图,例如Shift + T创建文本拼图
  3. 从另外一个打开的项目中复制拼图,方法是在选中的拼图上右键-复制,然后在当前项目的工作区中右键-粘贴
  4. 通过菜单-查找拼图(快捷键Ctrl+Shift+F),在打开的搜索框中输入拼图的名称,使用方向键选中拼图,按下回车键即可完成创建

技巧

拼图的名称由一些通过下划线连接的关键词组成,在使用查找拼图时,输入关键词可以快速查找。多个关键词要以空格分开。

在拼图的右键菜单中,通过打印拼图名称可以将拼图名称打印到底部状态栏查看。

search-block

拼图常用操作

拼图快捷菜单

拼图右键

context-menu

工作区快捷菜单

工作区空白处右键

context-menu-1

拼图设计理念

Block3D的拼图系统遵循面向对象的编程理念,这比较符合人类的思维习惯。对象可以看成是属性和方法的集合,我们要实现某个功能,首先要创建相应的对象,然后根据需要设置或获取它的属性,再通过调用它自带的某些方法,达到编程的目的。

举个例子,以下拼图创建了一个立方体,并让它可拖拽

blocks-example

实现过程:

  • 第一步,创建大小为2的立方体对象
  • 第二步,设置立方体位置属性的y值为1
  • 第三步,调用立方体的拖拽网格方法,设置沿Y轴拖拽

在Block3D中一切皆对象,任何对象都有属性和方法。

接下来,开始你的探索吧!