📜  无品牌 3d 模型查看器 (1)

📅  最后修改于: 2023-12-03 15:10:25.550000             🧑  作者: Mango

无品牌 3D 模型查看器

简介

无品牌 3D 模型查看器是一款免费的基于 web 的 3D 模型查看器。它支持多种格式的 3D 模型,可以在网页中展示丰富的 3D 呈现效果,方便用户进行 3D 模型的预览。

使用方法

使用无品牌 3D 模型查看器非常简单,只需将需要展示的 3D 模型文件放在程序的可访问目录下,并在 HTML 文件中引用相关的 JavaScript、CSS、WebAssembly 文件即可。

以下是一个简单的使用示例:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>无品牌 3D 查看器示例</title>
    <link rel="stylesheet" href="wux.geo.css" />
    <script src="wux.geo.js"></script>
    <script src="wux.geo.wasm"></script>
  </head>
  <body>
    <div id="app"></div>
    <script>
      const container = document.getElementById("app");
      GeoViewer(container, "./model.stl");
    </script>
  </body>
</html>

在上面的例子中,wux.geo.csswux.geo.jswux.geo.wasm 分别是样式文件、JavaScript 文件、WebAssembly 文件,在相应的目录下可以找到。GeoViewer 是无品牌 3D 模型查看器提供的全局函数,其第一个参数是一个容器元素,第二个参数是需要展示的 3D 模型文件路径。

支持的格式

无品牌 3D 模型查看器目前支持的 3D 模型格式有:

  • STL(ASCII 和二进制格式)
  • OBJ
  • 3DS
  • PLY
  • glTF(包括 glTF 和 glTF-Binary 格式)
功能矩阵

以下是无品牌 3D 模型查看器目前支持和不支持的功能:

| 功能 | 支持情况 | | ----------------- | -------- | | 多种 3D 模型格式 | ✔ | | 3D 呈现效果 | ✔ | | 多视角漫游 | ✔ | | 线框模式 | ✔ | | 双面模式 | ✔ | | 隐藏/显示模型部分 | ✔ | | 调整模型透明度 | ✔ | | 调整模型背景色 | ✔ | | 全屏模式 | ✔ | | VR 模式 | ❌ | | 自定义材质 | ❌ | | 选择/拾取模型部分 | ❌ | | 动画播放 | ❌ |

联系方式

如有问题或与开发者联系,请访问 GitHub 项目页面。