📅  最后修改于: 2023-12-03 15:10:25.550000             🧑  作者: Mango
无品牌 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.css
、wux.geo.js
、wux.geo.wasm
分别是样式文件、JavaScript 文件、WebAssembly 文件,在相应的目录下可以找到。GeoViewer
是无品牌 3D 模型查看器提供的全局函数,其第一个参数是一个容器元素,第二个参数是需要展示的 3D 模型文件路径。
无品牌 3D 模型查看器目前支持的 3D 模型格式有:
以下是无品牌 3D 模型查看器目前支持和不支持的功能:
| 功能 | 支持情况 | | ----------------- | -------- | | 多种 3D 模型格式 | ✔ | | 3D 呈现效果 | ✔ | | 多视角漫游 | ✔ | | 线框模式 | ✔ | | 双面模式 | ✔ | | 隐藏/显示模型部分 | ✔ | | 调整模型透明度 | ✔ | | 调整模型背景色 | ✔ | | 全屏模式 | ✔ | | VR 模式 | ❌ | | 自定义材质 | ❌ | | 选择/拾取模型部分 | ❌ | | 动画播放 | ❌ |
如有问题或与开发者联系,请访问 GitHub 项目页面。