鼠标对某个three.js物体点击时运行函数怎么写?

异智宇宙 动手写第一个 Three.js... 最后由 huqingchao 于2016年05月13日回复

  • 3 回答
  • 3.4k 浏览

THREE.js中画布的3d物体用鼠标交互的代码是神马?比如常规网页元素的什么onclik onmouseover 什么的事件亲测对3d物体 无效 ,如果有案例,希望老师指明

  • huqingchao 2016年05月07日 回答 #1楼
  • 你的问题很典型。

    Three.js中的鼠标点击事件,与DOM元素的处理是不同的,需要检测鼠标点击事件,然后根据点击信息在三维场景中通过射线测试被点击的模型。具体实现请参照下面官方的例子代码。其实官方的例子代码有很多可以学习的地方,你不妨挨个了解一下。

    https://mrdoob.github.io/three.js/examples/#webgl_interactive_cubes

  • 0 评论
  • 异智宇宙 2016年05月08日 回答 #2楼
  • #1楼  @huqingchao这个网站打开

    Example Domain

    This domain is established to be used for illustrative examples in documents. You may use this domain in examples without prior coordination or asking for permission. 没有域名许可是什么鬼……?,老师有讲过这个案例的视频么,如若没有希望老师能出一个相关的视频来专门讲讲其中玄妙

  • 0 评论
  • huqingchao 2016年05月13日 回答 #3楼
  • 链接地址有误,是我的疏漏。正确地址如下。

    https://mrdoob.github.io/three.js/examples/#webgl_interactive_cubes

    这是Three.js官方例子,下载了开发包以后本身包含了。

    这一套Three.js的教程,目前只录制了一小部分,大纲中还计划了中级和高级的内容,基本涵盖了比较全面的知识讲解。由于我自身工作的原因,尚且没有继续完成接下来的课程。不过我已经在计划了,相信很快会有进一步的课程出来。谢谢。

  • 0 评论