使用model-view在网页和AR中快速、便捷的展示3D模型

2025-04-19阅读(147)评论(0)牵着狗狗看MM

苏州实时公交查询

如果你只是想简单的展示3D模型或者跟3D模型做些简单的交互,这里推荐使用google基于threeJs封装的 model-viewer

快速开始

<!-- Import the component -->
<script type="module" src="https://ajax.googleapis.com/ajax/libs/model-viewer/4.0.0/model-viewer.min.js"></script>

<!-- Use it like any other HTML element -->
<model-viewer alt="Neil Armstrong's Spacesuit from the Smithsonian Digitization Programs Office and National Air and Space Museum" src="https://modelviewer.dev/assets/SketchfabModels/ThorAndTheMidgardSerpent.glb" ar environment-image="shared-assets/environments/moon_1k.hdr" poster="shared-assets/models/NeilArmstrong.webp" shadow-intensity="1" camera-controls touch-action="pan-y"></model-viewer>

只需上面一点代码,即可实现在网页中展示3D模型

赞(0)
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » 使用model-view在网页和AR中快速、便捷的展示3D模型
分享到: 更多 (0)