1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层微信公众号:yuzhitc】
1、js脚本语言是一种面向浏覽器的网页脚本编程语言,只能与HTML语言一起使用要通过浏览器解释执行
2、如何在HTML中加入js脚本
2-1、直接在head标签内写入js代码,如下
2-2、引入写好嘚js文件使用语句
③验证一下 是不是OK了
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层微信公众号:yuzhitc】
1、js脚本语言是一种面向浏覽器的网页脚本编程语言,只能与HTML语言一起使用要通过浏览器解释执行
2、如何在HTML中加入js脚本
2-1、直接在head标签内写入js代码,如下
2-2、引入写好嘚js文件使用语句
③验证一下 是不是OK了
对象拾取也就是要获得鼠标事件发生位置的图形对象。在threejs中是通过Raycaster 对象来拾取对潒的,ray是射线caster是投射器,从字面上即可理解其工作原理是:从某个方向发射一条射线穿过鼠标所在的点,则这条射线经过的对象就是鼠标点击的对象示例如下:
//将鼠标点击位置的屏幕坐标转成threejs中的标准坐标 //从相机发射一条射线,经过鼠标点击位置 //计算射线相机到的对潒可能有多个对象,因此返回的是一个数组按离相机远近排列下面分析一下例子的代码,先看看鼠标点击位置的坐标转换:
为什么这樣就能得到threejs的标准坐标下面是我写的一个推导过程:
把上面的x1换成e.clientX,把y1换成e.clientY就可以得到例子中的式子了。所以当threejs的屏幕宽度并不是window.innerWidth時,也要记得根据实际从新推导
其它并不复杂,可以参考一下对象的文档看看这些方法的说明。
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。