three.js导入外部模型的动画后通过点击事件调用

最新推荐文章于 2024-08-13 10:31:00 发布

柠檬菜菜

最新推荐文章于 2024-08-13 10:31:00 发布

阅读量1.5k

点赞数

文章标签： three.js

本文链接：https://blog.csdn.net/weixin_46941477/article/details/115463203

版权

这篇博客讲述了如何在three.js中为导入的外部模型添加点击事件，以实现通过点击来控制模型动画的效果。文章内容包括如何设置监听事件以及在事件触发时执行的函数，该方法适用于已经成功导入并具有动画的FBX模型。

摘要由CSDN通过智能技术生成

通过上一篇将外部模型及动画导入到页面中后，还需要对动画进行一些控制操作，因此此篇主要讲述如何添加点击事件对动画进行一定的控制。
注意：以下操作都是基于导入模型及动画之后的
参考上一篇：three.js导入外部模型—FBX
1、添加监听事件

document.addEventListener('dblclick',onDocumentMouseDown,flse);
//第一个参数：事件名称
//第二个参数：事件发生时调用的函数
//第三个参数：布尔值，指定是使用事件冒泡还是事件捕获，true为事件捕获，false为事件冒泡

2、调用事件发生时的函数

function onDocumentMouseDown(event){
   

	event.preventDefault();  //阻止默认事件
	
	//将鼠标点击位置的屏幕坐

关注