2024-06-062024-03-16基于 GLSL 语言的渲染引擎 canvasfs 增加对模版函数的支持,详情请参考:
蓝紫 GLSL 模版函数。这是一项非常重要也非常实用的技术,我们在标准库中实现了许多模版函数,大大提高了编码效率。
2024-01-24基于 GPU 的渲染引擎 canvasfs 以及 canvascs 增加自动后期处理选项,目前包括:自动白平衡、自动对比度、自动饱和度以及色彩增强等 基于全局统计 的后期处理操作。
2023-12-30调色板支持上线,内置资源提供大量调色板供使用。所有的编程模型均支持 colormap 资源调用,包括 WebGL(canvasfs)、WebGPU(canvascs)以及 Pixel Shader(canvasps),具体使用方法及示例代码请参考相应的 API 文档。
2023-12-17JS 接口提供音频加载(播放)功能,内置资源增加了少量音频资源。动画配合上音频,会产生更加强烈的现场感。
2023-12-09提供 Cubemap 以及 HDRI 纹理,canvasfs 附加库提供相应函数支持。样例 Demo 程序
HDRI Mapping 有使用参考。
2023-09-18蓝紫 WebGPU 渲染引擎
canvascs 正式发布上线。有了 WebGPU 渲染支持,就可以很直接的实现 Buddhabrot、Flame 等迭代渲染,也可以非常方便的编写粒子系统以及流体模拟等动画渲染程序。
蓝紫™ - 开发接口原始画布(Raw Canvas),可以传入 three.js 进行渲染,也可以自行获取渲染上下文(Context)进行后续操作。蓝紫官方样例中有一个 点光源动画 的例子便是使用的该接口,结合 three.js 进行渲染。当我们需要使用 Shader 的时候,可以通过接口属性获取。
一、初始化const canvas = await Lan.canvas(1800, 1200);
或
const canvas = await Lan.canvas({width:1800, height:1200});
传入画布 width
以及 height
即可。也可以省略宽高参数,进行宽高自适配。
二、接口属性
• VS数组,所有 Vertex Shader 代码。
• FS数组,所有 Fragment Shader 代码。