three.js怎么中向场景中添加标记元素，并实现点击效果

正在迷途中的羔羊 2019-04-15 03:05:56

three.js场景中添加FBX的模型，现在要在场景中添加多个元素标记，当点击某个标记元素时，显示对模型的介绍，这个要怎么做呢？？

...全文

1920 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

小二黑嘿嘿 2021-11-04

打赏
举报

回复

你好，请问可以share下解决方案吗

m0_62247452 2021-09-26

打赏
举报

回复

你好，请问你解决了吗

本文介绍如何使用 JavaScript 的 Three.js 库创建虚拟展厅。先做好环境准备，了解 Three.js 基础概念，接着进行场景搭建，包括创建地面、墙壁和添加灯光。然后导入 3D 模型，添加视角控制和物体点击响应等交互功能。最后进行性能优化，还可添加更多交互与功能，为开发者提供实践指导。

本文介绍webgl - three.js多卫星环绕应用，采用vue3+three.js@0.168版本。先介绍three.js场景、相机、渲染器三要素，接着阐述绘制页面效果。还对THREE.TextureLoader等技术名词解释，最后总结实现多卫星环绕要理解各方法作用及关系。

本文介绍了如何在three.js中实现实用的3D机房场景，包括点击事件触发的相交点检测、呼吸灯效果的实现以及解决随机事件切换页面时的错误。通过Raycaster和THREE.js的其他工具，作者详细展示了如何为设备添加交互功能和视觉反馈。

开发项目时，频繁调用scene添加和移除模型易出错。Three.js的THREE.Group可解决该问题。可先实例化一个不带子对象的THREE.Group挂载到scene下，根据场景需求在程序运行阶段将模型添加到group中，删除时移除group子对象，移除group时通过scene操作，还给出了实现demo。

本文介绍了Three.js的基础知识，包括安装方法、基本应用场景搭建，并通过示例演示如何创建一个旋转的立方体，适合初学者快速上手。

87,990

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章