# Verge3D插件开发

# 1. 初识插件

写一个HelloWorld插件,介绍一个插件是由哪些文件构成的,以及如何创建这些文件。

# 2. 定义拼图

要定义一个拼图包含以下3方面:

  1. 定义拼图的输入
  2. 定义拼图的输出
  3. 定义外观及其它(行内输入、颜色、工具提示、帮助)

# 3. 代码生成

生成代码包括:

  1. 获取用户输入;
  2. 声明通用函数或代码。

# 4. 影子块(ShadowBlock)

影子块是执行以下功能的占位符方块:

  • 代表所在父级块的默认值
  • 允许用户直接输入值,而无需拖拽数字或字符串方块
  • 与普通方块不同,如果用户在它上面放置方块,则将替换它们
  • 告知用户期望值的类型

# 5. 验证器(Validator)

验证器是位于字段的值后面的回调函数,用于对值执行操作,并返回新值。利用验证器可以根据下拉菜单选项动态定义拼图外观。

# 6. 变体和混入(Mutator/Mixin)

变体可以实现拼图块的高级选项,那个出现在拼图块左上角的齿轮图标。

# 7. 加载JS库

在拼图块中加载本地或远程服务器上的JS库。

# 8. 案例-开发tweakpane插件

tweakpane是一个用于参数调试的UI库。

# 9. 插件开发常见问题

一点心得。

# 10. 附件

用于快速开发的模板。

上次更新: 2021/8/2 下午3:37:13