蓝紫的架构是完全开放式的，我们眼睛看到的，是蓝紫的集成开发环境（IDE），但实际上最基础的是我们开源出来的一系列开发库（Libraries）。这些开发库才是蓝紫的灵魂所在，也是蓝紫真正意义上的基础设施。

我们在蓝紫平台上开发出了满意的作品后，如果想要放到其它平台，比如自己的网站上，可以非常容易的使用 runner 完成任务。

import("https://ddzeb.com/lands/runner").then((lands) =>
  const runner = lands.runner();
  runner.run(code, canvas);
});

其中，code 是我们编写的蓝紫程序代码，而 canvas 则是渲染目标画布。整个过程非常简单，甚至还可以很容易的加上暂停恢复的按钮，具体例子可以参考：Julia Set。

如果您的作品是公开发表的蓝紫作品，我们提供了更加便捷的集成方式，具体参考 作品管理 部分。

蓝紫开源的所有库都是采用 Module 的方式分发，不会污染名字空间，我们可以将任意一个开发库通过 import 方式进行加载并使用。所有的库都没有依赖关系，全部可以独立使用，当然，也可以配合起来达到更加丰富的功能。

在这个例子中，我们的 HTML 代码里有一个 canvas 对象。在 JavaScript 程序里，首先 import 导入 curve 渲染引擎，然后绑定 canvas 进行渲染。整个过程很简单，也很直接。除了使用声明式的 import 以外，我们也可以使用 import 函数进行库的导入：

import("https://ddzeb.com/lands/curve").then((lands) =>
  lands.curve(canvas); // bind the curve rendering engine
  // use canvas to draw ...
});