蓝紫™ v1.4.3
DDZEB 完全自主知识产权图形图像开发平台
在线运行 实时渲染
2024-06-06
二维函数渲染库 curve.js 发布,内置常用的 OpenGL 函数,比如 smoothstep 等,我们可以使用这个库很方便的设计各种函数曲线。示例程序请参考:Wave Fading
2024-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-17
JS 接口提供音频加载(播放)功能,内置资源增加了少量音频资源。动画配合上音频,会产生更加强烈的现场感。
2023-12-09
提供 Cubemap 以及 HDRI 纹理,canvasfs 附加库提供相应函数支持。样例 Demo 程序 HDRI Mapping 有使用参考。
2023-09-18
蓝紫 WebGPU 渲染引擎 canvascs 正式发布上线。有了 WebGPU 渲染支持,就可以很直接的实现 Buddhabrot、Flame 等迭代渲染,也可以非常方便的编写粒子系统以及流体模拟等动画渲染程序。
蓝紫™ - 在线图形图像开发平台

蓝紫(Lands),是由 DDZEB 出品的一款 免费 在线图形图像开发平台,通过编写代码进行二维、三维图像的渲染及绘制。内置多种渲染引擎,为各个层级的用户提供在线图形图像开发基础设施。蓝紫是一款超轻量级(不到 200kB 的加载量)的 Web 应用,以桌面版(电脑)浏览器作为运行环境,支持所有主流的浏览器,如 Chrome、Safari、IE Edge、Firefox、Opera 等。

无需下载安装
打开页面即可使用,免除繁琐的下载安装,随时随地联网就能开发。
多种渲染引擎
WebGL、WebGPU 或者传统的 2D 渲染以及第三方 Three.js,满足各种技能体系和场景需求。
代码控制一切
通过代码进行渲染和绘制,沉淀真正的技术实力,可随时将代码移植或集成到其它平台。
极简编程接口
精心设计的现代图形图像接口,简洁强大,满足各种图形图像计算任务。
内置大量资源
纹理、视频、图像以及 Cubemap、音频等等,日常所需的资源都在这里了。
应对各种任务
分形艺术、粒子系统、光线追踪、流体计算、科学演示动画以及图像分析处理等等,能力无边界。
数字视觉艺术梦想实现器
只要有想法,都可以通过蓝紫快速实现。使用代码进行渲染,代码就是最强大最灵活的创作工具,可以精确控制一切。
蓝紫™ 适宜人群

蓝紫是非常专业的工具,并不是所有人都适合使用。总的来说,蓝紫是为所有对 算法渲染 有兴趣的朋友们准备的,我们通过编写程序代码实现创意,完美而精确的控制所要达到的效果。因为是基于代码的渲染和绘制,所以,首要条件是对计算机编程语言有一定程度的掌握,虽然要求并不高,但基本的理解还是需要的。

软件开发人员
面向颜值编程,是一项极其愉悦的事情。让我们暂时忘记那些枯燥的消息总线和网络性能优化,开启一场属于自己的视觉盛宴。
视觉设计师
时代在变,作为视觉设计人员,我们需要不断拓展自己的能力边界,拥抱 PS、AI 之外的技能,创造更加惊艳的设计效果。
学生
在服务社会之前,尽一切所能夯实基础,才能在将来的工作岗位上得心应手。蓝紫是学习计算机图形学以及图像处理的绝佳工具。
工程技术人员
通过蓝紫实现仿真以及验证算法,快速实现想法,快速验证理论。无论是科研需要,还是工程技术需要,蓝紫都是得力的助手。
教育工作者
一图胜千言,通过视觉元素传达所教授的内容,让学生可以更加直观的理解事物运作的背后原理。
算法渲染爱好者
无论您是什么职业,只要是对算法渲染感兴趣,都可以从蓝紫开发平台找到令人振奋的元素。

算法渲染是一个跨学科的产物,除程序设计外,还需要一定的数学和图形学基础,比如解析几何、线性代数、微积分等。无论如何,所有这些知识都是可以习得的,这也正是 DDZEB 的价值所在,让所有人都学会算法渲染技术。如果只是想使用软件工具制作三维模型并渲染,市面上有很多软件,比如 C4D、Blender 等,蓝紫与这些软件都不一样,我们是基于代码进行渲染的。

蓝紫™ 官方样片

DDZEB 一方面开发蓝紫平台,同时也使用蓝紫进行实际的创作。我们已经制作了大量的作品发布在了本站源码区。以下是其中的一些样张:

蓝紫™ 渲染引擎

蓝紫是一个用于计算机图形图像技术开发的通用开发环境,基于精心设计的开放计算渲染架构,满足各种场景和技术条件下的渲染需求。我们可以使用 GLSL 或 WGSL 进行高性能并行渲染,也可以仅仅使用 JavaScript 编程进行绘图,或者集成 Three.js 进行开发。目前蓝紫提供的渲染引擎包括:

canvasfs
基于 WebGL 的 Fragment Shader,使用 GPU 进行并行渲染的极简范式。
canvascs
基于 WebGPU 的 Compute Shader,现代 GPU 编程架构,超强功能及性能。
canvasps
Pixel Shader,纯 JS 绘制渲染,在一个二维像素阵列上进行计算和操作。
canvas2d
2D Rendering Context,经典二维几何绘图架构,也可渲染 3D 场景。
canvasgl
原生 WebGL 2.0 Context,可编写 Vertex Shader 进行全面控制。
canvasraw
原始 Canvas,可自行获取渲染上下文进行绘制,集成第三方框架的首选。

蓝紫提供的是一个基础平台,解决图形图像开发中的基本需求,这也使得蓝紫成为一个非常强大的助手,DDZEB 发布的 源代码包 中的 程序代码 基本都是使用蓝紫开发的,但实际上蓝紫的能力远不止如此。

在线实时渲染示例

使用蓝紫的超轻量级内核在浏览器里进行实时渲染

蓝紫程序加载中 ...
使用蓝紫 canvasfs 引擎的域翘曲渲染查看源代码