threejs加载3d模型怎样控制鼠标点击选中某个模型

mxn0829 2013-06-05 03:52:28

鼠标移动目前可以控制移动场景，但不知道怎样实现点击选中模型，有没有哪位大侠可以指点一下，或者有类似这样例子的给一个

...全文

2089 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

yrbin666 2014-08-19

打赏
举报

回复

用raycaster这个类，例子里面有http://threejs.org/examples/#webgl_interactive_draggablecubes

siyi1522778738 2014-05-27

打赏
举报

回复

楼主，现在知道了么，教教我啊~~

mxn0829 2014-04-04

打赏
举报

回复

为什么没有人回答

一言以蔽之，它能写出在浏览器上流畅运行的3D程序。可以加载3dmax等导出的对象文件，实现交互，添加摄像机等，用鼠标控制，光标控制等，添加光照，添加游移动画，强大到无所不能。

Three.js实践

使用 JavaScript 的 3D 产品查看器链接查看： :

在上一篇文章介绍了射线和射线投射器Raycaster使用，了解了射线拾取的核心原理。要实现鼠标点击选中模型的功能，还缺失关键的一步——如何将鼠标的2D屏幕坐标转换为三维空间坐标，并以此坐标为原点，相机与该坐标连线方向为射线方向检测这条射线与场景中模型是否相交。本教程将介绍该核心步骤实现。通过本教程，你应该已经了解了射线（Ray）、射线拾取模型（Raycaster）、屏幕坐标转标准设备坐标的相关概念和实现方法，以及相关 API 的使用。

threejs加载3D人体模型，添加菲尼尔效果，并添加点击事件

其他开发语言

3,424

社区成员

15,623

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章