蓝紫™ v1.4.3
DDZEB 完全自主知识产权图形图像开发平台
在线运行 实时渲染 立即开启
蓝紫™ - 开发文档

原始画布(Raw Canvas),可以传入 three.js 进行渲染,也可以自行获取渲染上下文(Context)进行后续操作。蓝紫官方样例中有一个 点光源动画 的例子便是使用的该接口,结合 three.js 进行渲染。当我们需要使用 Shader 的时候,可以通过接口属性获取。

一、初始化
const canvas = await Lan.canvasraw(1800, 1200);

const canvas = await Lan.canvasraw({width:1800, height:1200});

传入画布 width 以及 height 即可。也可以省略宽高参数,进行宽高自适配。

二、接口属性 • VS

数组,所有 Vertex Shader 代码。

• FS

数组,所有 Fragment Shader 代码。