1. 产品
  2.   3D
  3.   JavaScript
  4.   Zen-3d

s

 
  

用于管理 2D 和 3D 文件的开源 JavaScript API 

Zen-3d 是一个提供 WebGL 渲染器的 javascript 库;它支持伽玛校正、线条材质、凹凸贴图、数据纹理、骨骼纹理,通过开源 JavaScript API 结合 2D 和 3D。

Zen-3d 是一个开源 JavaScript 库,它提供了用于创建和处理 3D/2D 库的一整套功能。该库包含对几个重要功能的支持,例如延迟渲染的环境光、着色器材质参数重构、glTF UV 变换支持、2D UI 适应策略、聚光灯支持、伽马校正、线条材质、凹凸贴图支持、数据纹理、骨骼纹理支持、结合 2D 和 3D、WebGL 属性和制服、添加点绘制、阴影映射等等。

Zen-3d 库提供了 WebGL 渲染器。 WebGL 是一个 JavaScript API,它支持在任何兼容的网络浏览器中渲染交互式 2D 和 3D 计算机图形,而无需使用任何插件。在过去,在计算机上渲染 3D CAD 图表非常困难。现在有几家公司正在努力使其易于处理,并正在使用 WebGL 以便在浏览器中运行所有内容。几乎所有现代浏览器都提供对 WebGL 的支持。

Previous Next

Zen-3d 入门

安装 Zen-3d 的推荐方法是使用 NPM。请使用以下命令进行顺利安装。

通过 NPM 安装 Zen-3d

npm i zen-3d 

通过 JavaScript 创建 3D 立方体

开源 Zen-3d 库支持创建所提供尺寸的立方体或不规则四边形。您需要提供立方体的宽度、高度和深度,其余的将很容易完成。您可以将属性添加到几何体、创建几何体的克隆、将几何体拆分为组、将组添加到该几何体、将几何体复制到另一个几何体等等。

加载和处理图像

开源 Zen-3d 库允许软件开发人员在自己的应用程序中轻松加载和处理图像。该库包含多个图像处理功能,例如读取图像和通过 URL 加载图像。您需要设置从中加载文件的基本路径或 URL。当您从同一目录加载许多图像时,该功能非常有用。

3D场景管理

开源 Zen-3d 库提供了使用 JavaScript 命令在内部创建和管理 3D 场景的功能。它允许软件开发人员放置物体、灯光和相机。 Zen-3d 支持 Scenes 渲染,并提供了多种功能,例如将对象渲染为阴影贴图、在渲染对象之前检查帧、收集灯光信息、变换矩阵、自动计算矩阵位置、定义场景中对象的父对象、对象的局部旋转,定义场景图对象的渲染顺序等等。

 中国人