文章来源于网络收集而来,版权归原创者所有,如有侵权请及时联系!
事件
提示
鼠标移动到模型上,改变模型颜色
<template>
<vue3dLoader
filePath="/models/ply/Lucy100k.ply"
@mousemove="onMouseMove"
:cameraPosition="{ x: 0, y: 0, z: -2500 }"
/>
</template>
<script setup lang="ts">
import { vue3dLoader } from "vue-3d-loader";
import { ref } from "vue";
const object = ref(null);
function onMouseMove(event: MouseEvent, intersected: any) {
if (object.value) {
(object.value as any).material.color.setStyle("#fff");
}
if (intersected) {
object.value = intersected.object;
(object.value as any).material.color.setStyle("#13ce66");
}
}
</script>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论