论文基于Three.js的机械产品自动装配演示，本文是自动装配类有关硕士学位论文范文与Three.js和装配和机械相关论文例文.
摘 要：随着前端展示技术的发展,HTML5和WebGL技术在机械领域的应用正逐渐增多,这为机械产品在网页上的装配展示提供了新的解决途径.为了避免网页展示所需的渲染插件的麻烦,提出了基于WebGL的第三方类库Three.js的装配展示平台的构建方法.本文对网页上实现简单三维模型展示流程和机械产品网页装配的功能进行了分析,显示了WebGL的开放性、免插件、跨平台、硬件加速的优势.在网页上实现机械的装配,方便了用户的观看和操作,取得了良好的效果.
关键词：HTML5；Three.js；无渲染；WebGL；装配
中图分类号：TP311 文献标识码：A
1 引言(Introduction)
随着CAD/CAM技术在制造业领域的应用逐渐扩大,产品的设计效率得到了有效的提高,同时也提高了生产过程的自动化水平.但是,产品的装配环节还存在着一些问题,因为此环节与对于技术人员的知识及经验的积累要求较高,这一约束使制造业自动化的发展受到了极大的制约.装配设计的性能和保证产品质量和可靠性,降低产品成本,提高竞争力具有重要意义[1].随着三维画图软件技术的发展,技术人员开始在复杂的CAD应用软件(如Pro/E,UG,Soildworks,Creo等)上进行机械产品的虚拟装配,此种装配方式存在着一些问题.例如：不同软件对于电脑的配置要求不同、不同软件所画的图之间不能互相利用、所需要生成的装配图文件存储量过大、在向客户展示时对软件依赖性强,不方便操作、对技术人员的专业素质要求高等.寻求一种操作简便、开放性高、可跨平台且对硬件要求低的装配展示方式,成为了研究人员迫切需要解决的问题[2].
随着前端网页技术的迅速发展,在网页上实现产品的展示技术逐渐受到了人们的青睐.基于新标准的HTML5和WebGL技术网页展示方法,使上述难题得到了一定的解决.在网络环境中,用户只需将每个机械零部件保存为单独的文件,通过JSON格式的语言将零件的相关信息反馈给浏览器,借助于浏览器就可以很清晰的了解三维的机械产品的装配顺序,操作简单方便且对三维绘图的软件依赖性低.本文阐述了基于Three.js的机械产品自动装配的动画演示平台,使得用户能够在客户端可以体会到一些三维模型逼真的装配效果,从而为实物装配提供一定的指导,具有很好的应用价值.
2 关键技术(Key technology)
2.1 虚拟装配应用现状的研究
机械产品的装配是在一定的精度和技术要求下,将一组零散且无序的零件按照最终所要得到产品的要求进行组合的过程.产品零件装配的序列规划则成为其无法绕开的核心内容,其对产品质量有着决定性的作用.许多学者通过对装配过程的大量研究,提出了自动化途径的方法完成装配,这种方式只能依靠产品的几何拓扑结构进行推理,缺乏装配过程因素和操作因素,易陷入组合爆炸问题[3].据统计,在产品的生产过程中大约1/3以上的人直接或间接从事与装配有关的活动[4],而产品的装配费用所占的成本,大约为整个生产成本的30%—50%(如果产品比较复杂,这个比例则会更高).除此之外,产品的自动化生产往往被装配环节所制约,产品是否能够实现自动化装配的关键在于其装配性能的好坏.因此,一个合理的装配顺序规划和工艺规划,对于产品设计的改进、成本的降低、产品生产周期的缩短具有重要意义.
在产品的开发过程中,通常传统的做法都是在借助实物模型的基础上来对产品的装配性能进行分析和评价,此种方法不但花费更多的时间、浪费更多的精力、有时候准确性也很差,而且又不能根据需要及时、快捷地进行修改,使产品的生命周期有所延长,浪费了财力和物力.针对上述问题,研究人员提出了虚拟装配技术,此种技术为解决产品的装配问题提供了新的途径.工程师可以在虚拟环境下完成产品的装配过程.这样,工程师在装配过程中可以融入自身经验的同时,又可以用产生的装配信息完善产品的装配规划,然后进行整理归纳,将经验的形成规则存储到知识库.
对于机械产品的规划路径演示,有技术人员提出可通过真人的现场演示来展现,也有人提出可以以视频的形式展现出来,但这些都存在着一些问题,人员的表达方式是否完整、视频的演示画面是否清晰等.基于three.js的网页展示技术可以使上述问题得到一定的解决.在网络环境中,用户只需借助于浏览器就可以对三维的机械模型的装配流程有清晰的了解.
2.2 以HTML5标准为载体呈现三维图像
在没有HTML5标准之前,并不是所有版本的浏览器都支持HTML、CSS和JaScript,常常因为打开浏览器的版本不同而效果不同[5].HTML5通过对以前的技术进行改进和总结,制订出了新的标准,并且在原来的基础上添加了一些新的功能,以便打造出一种内容丰富、操作简捷、免插件且跨平台性更好的产品,它可以在各系统平台上实现的无缝链接与交互[6].从目前来看,效果还是相当不错的,部分主流浏览器都已支持HTML5,例如,Firefox、Opera、Chrome、IE9+等[7].总体来说,HTML5有下面的优点[8]：
(1)加入了几个新的Tag,使得浏览器表现更加丰富.
(2)使得在浏览器中实现了视频与音频的展示.
(3)取代了Silverlight与Flash,不用任何插件可以在客户端实现它们的功能.
(4)提高了用户体验.
(5)将会在网页三维游戏与移动设备应用中发挥重要作用.
2.3 基于WebGL的画面渲染
WebGL本身是一套Jascript API,也是一种3D绘图标准,可以在兼容WebGL的浏览器中对交互式的图形场景进行渲染.WebGL可以通过Web页面的Canvas标签,完全集成在支持GPU(Graphics Processing Unit)加速的Web浏览器中.在Web应用程序中WebGL的工作模式如图1所示.
依据WebGL规范,对底层的WebGL图形接口进行简单的封装,形成了更出色的框架—Three.js.通过掩盖细节来加快产品的开发效率,降低了开发者的负担.在各版本的浏览器3D效果方面,它的表现和兼容性能也很出色.Three.js通过创建所需的基本元素,如点、线、面、矩阵等,通过将相机(Cameras)、物体(objects)、光线(lights)等添加到场景(Scene)中,借助渲染器(renderer)进行场景渲染,即可实现基本的网页三维模型展示[9].
3 基于Three.js的机械自动装配展示系统的创建
(Establishment of automatic mechanical assemblyand display system based on Three.js)
3.1 场景设置
场景实际上相当于一个三维空间,后续添加的物体模型都是添加到场景中去,它相当于一个大的容器.一般来说,场景的建立十分简单,只需在程序最开始的时候进行实例化,然后就可以将物体模型添加到场景中.其格式如下：
var scene;
function initScene() {
scene等于new THREE.Scene();
}
3.2 摄像机设置
Three.js中,相机依据三维空间中的物体投影到二维空间方式的不同,将投影分为两种方式：*投影和正投投影.*投影和日常生活中人眼观看物体的原理是一致的,就是视点越近的物体看起来越大,当物体离得较远时看起来会较小;正投投影则是不管视点和物体有多远的距离,所要绘制的物体都按照统一的大小进行.另外,相机用的是右手坐标系工作原理,使用时需要设置位置坐标和视野中心坐标.其格式如下：
var camera;
function initCamera(){
camera等于newTHREE.PerspectiveCamera(40,window.
innerWidth/window.innerHeight,1,100);
camera.position.set(-5.00,3.43,11.31);
camera.lookAt(new THREE.Vector3(-1.22,2.18,4.58));}
3.3 光源设置
为了优化场景中的视觉效果,可添加适当的光源来展现相应的主题和效果.为了模型在放大、缩小、旋转时更好的显示,则需要多种光源的结合.在一个场景中可以有多个光源,其基本上都是环境光和其他几种光源的组合.其格式如下：
var pointLight;
function pointLight{
pointLight等于new THREE.PointLight(0xffffff,1);
pointLight.position.copy(camera.position);
scene.add(pointLight)
};
3.4 渲染器设置
渲染器就是在已经定义好的场景中,通过添加好相机之后,调用渲染函数使存在于三维空间里的模型以二维平面的形式显现出来的功能.其格式如下：
var renderer;
function initThree(){
renderer等于new THREE.WebGLRenderer({antialias:true });
renderer.setClearColor(0x000000,1);
renderer.setPixelRatio(window.devicePixelRatio);
renderer.setSize(window.innerWidth,window.
innerHeight);
container.appendChild(renderer.domElement);
}
3.5 物体模型导入及自动装配的实现
场景中的模型可以是Three.js中自带的规则模型,也可以是通过3D建模工具导出的模型文件.HTML脚本本身自带一些简单的规则三维模型,如正方体,球等.由于机械装备一般都比较复杂,用简单的几何体组合的方式很难将其表现出来.基于此,可以先通过3dsMax、PRO/E、UG和SolidWorks制作的三维模型,再将其通过软件转化成浏览器可加载的文件格式,添加到场景中.Three.js自带了加载json的方法,所以不需要额外引用插件.现在的JSON格式有两个类型,一种需要JSONLoader加载；另一种需要ObjectLoader加载.本次实验采用3dax把模型格式转换成obj,再导入blender处理好模型后导出json文件.其引用的格式如下：
结论(Conclusion)
通过应用WebGL技术,调用Th r e e . j s 、D e t e c t o r .js、TrackballControls.js、stats.min.js等加载器,借助STLLoader.js来导入外部建好的模型；通过Three.js自带的渲染器(Renderer)、场景(Scene)、照相机(Camera)、光源(Light)和着色器功能设置,使得3D模型在网页中能够给人以真实绚丽的3D效果；用TrackballControls.js实现鼠标的操作功能,在通过JSON语言给出物体的颜色、坐标、开始出现时间、装配的时间等实现网页自动装配功能.
言而总之，这是关于Three.js和装配和机械方面的自动装配论文题目、论文提纲、自动装配论文开题报告、文献综述、参考文献的相关大学硕士和本科毕业论文.
参考文献：
1、 北部湾港口机械人才培养以北海职业学院港口机械和自动控制专业培养为例 摘 要 就广西沿海各港口机械人才的发展,结合北海职业学院港口机械与自动控制专业的发展历程,有针对性地提出目前港口机械人才的培养改革方向和内容 观点对港口机械人才的培养有着非常重要的借鉴意义 关.
2、 6省市厨房机械产品抽查不合格率11.5% 抽查范围近期,原质检总局对厨房机械产品质量开展了国家监督抽查,共抽查了上海、江苏、浙江、福建、山东、广东……6个省、直辖市9 6家企业生产的96批次厨房机械产品 抽查依据本次抽查依据GB 470 6 .
3、 倍适登扩大空气悬挂产品范围现场演示减振器的拆装 BILSTEIN（倍适登）多年来一直致力于研发和生产世界顶尖的悬架产品及系统 超过140年的品牌历史,让其成为全球悬架系统制造领域中优良质量和高性能的代名词 1954年,BILSTEIN倍适登了开发世.
4、 善良为何常常自动熄灭 让我们先置身一个小小的情境 在大理古城的一条街道上,一个身形佝偻的老太太和两个年轻男子发生了矛盾,其中一个男子一直在凶狠地呵斥她 我在一旁听,知道了原因 两个男子虽然没穿制服,但他们应该是景区维护秩序.
5、 图书馆文化创意产品的开发路径 邬 伟（绵阳市图书馆,四川 绵阳 621000）摘 要图书馆在开发书籍类、 体验类、 在线数字类……文化创意产品的过程中, 以创新性、 文化性、 教育启发性为出发点, 遵循用户体验原则、 公益性原则、.
6、 社会信息化环境下数字文化产品的知识产权保护 摘要在分析数字文化产品发展现状的基础上,对社会信息化环境下数字文化产品发展存在的问题进行深入剖析,提出通过立法、防护技术和防伪技术……数字文化产品知识产权保护对策,提高了数字文化产品知识产权保护力度,.