原始画布(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
即可。也可以省略宽高参数,进行宽高自适配。
数组,所有 Vertex Shader 代码。
数组,所有 Fragment Shader 代码。