基于Three.js的拾取方法的研究  

Research on Three.js based pick-up method

作　　者：余莉[1] Yu Li(Shanghai Jian Qiao Univerity Information Technology Department,Shanghai 201319,China)

机构地区：[1]上海建桥学院信息技术学院,上海201319

出　　处：《计算机时代》2020年第6期61-63,66,共4页Computer Era

摘　　要：Three.js是一个由JavaScript编写的WebGL框架,可以调用API直接在浏览器中创建和渲染三维场景。与虚拟场景进行交互的最常见方式就是鼠标拾取,点击对象可显示所点击物体信息,或修改物体属性,或激活动画。文章先介绍了拾取的基本原理,再分析和实现了组合模型的拾取、外部导入模型的拾取以及拾取多个对象等三个方面的特殊应用,对THREE.Raycaster对象的用法进行了详尽的介绍,能较全面地满足拾取在教学和虚拟现实中的应用。Three.js is a WebGL framework written with JavaScript,which can call APIs to create and render 3D scene directly in browser.The most common way to interact with the virtual scene is to pick up by the mouse.Click on object can display the information of the selected object,modify the object attributes,or activate animation.The basic principle of pick-up is introduced in this paper,and three special applications are analyzed and realized,i.e.the pick-up of group model,pick-up of external imported model and pick-up multiple objects,the usage of THREE.Raycaster object is also introduced in detail,which can meet the application of pick-up in teaching and virtual reality more comprehensively.

关 键 词：Three.js 拾取 THREE.Raycaster对象 

分 类 号：TP37[自动化与计算机技术—计算机系统结构]