| 摘 要: 随着前端展示技术的发展，HTML5和WebGL技术在机械领域的应用正逐渐增多，这为机械产品在网 页上的装配展示提供了新的解决途径。为了避免网页展示所需的渲染插件的麻烦，提出了基于WebGL的第三方类库 Three.js的装配展示平台的构建方法。本文对网页上实现简单三维模型展示流程和机械产品网页装配的功能进行了分 析，显示了WebGL的开放性、免插件、跨平台、硬件加速的优势。在网页上实现机械的装配，方便了用户的观看和操 作，取得了良好的效果。 |
| 关键词: HTML5；Three.js；无渲染；WebGL；装配 |
|
中图分类号: TP311
文献标识码: A
|
|
| Automatic Assembly Demonstration of Mechanical Products Based on Three.js |
|
HOU Yanting
|
( Mechanical Engineering, University of Shanghai for Science and Technology, Shanghai 200093, China)
|
| Abstract: With the development of front-end display technology,using HTML5 and WebGL technology in the field of machinery is gradually increased,which provides a new way for the assembly of mechanical products demonstrated in web pages.In order to avoid the trouble of the rendering plug-in needed for the web page display,the construction method of the assembly display platform of the third party class library Three.js based on WebGL is proposed.This paper analyzes the function of displaying simple 3D models on web pages and functions of web page assembly of mechanical products,and shows the advantages of open,plug-in free,cross-platform,hardware-acceleration of WebGL.The realization of mechanical assembly on the web facilitates the viewing and operation of the users,and has achieved good results. |
| Keywords: HTML5;Three.js;no rendering;WebGL;assembling |
