在前一篇博客中,我将3D文件导入到了Rviz中做机器人的模型展示,今天尝试下将3D文件放在 Web 浏览器中展示。在Web端渲染3D模型是比较麻烦的,但是好在有three.js等这样的Web3D引擎,才使得我们网页端渲染3D模型变为可能。
首先我们需要使用CAD Exchanger这个软件把stl或者stp文件 转换 成mtl或者obj文件,然后按照下面的操作即可。
话不多说,直接上代码,理解起来也不是很难,注意下面的stl文件路径改成你自己的路径。
值得注意的是object.scale.set(0.08, 0.08, 0.08);这个地方的参数 控制 模型大小的,有的时候你转换过来的文件尺寸比例不对,太大太小web网页都无法显示,所以要着重注意这里。
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>JUJON: 让做机器人变得简单!</title>
<style type="text/css">
html,
body {
margin: 0;
height: 100%;
}
canvas {
display: block;
}
</style>
</head>
<body onload="draw();">
</body>
<script src="../static/js/three.js"></script>
<script src="../static/js/OBJLoader.js"></script>
<script src="../static/js/MTLLoader.js"></script>
<script src="../static/js/OrbitControls.js"></script>
<script src
免责声明:本文系网络转载或改编,未找到原创作者,版权归原作者所有。如涉及版权,请联系删