地图经常使用标牌来标注地点位置，是时候来点炫酷的效果了！用高德地+Three.js，带你实现飞线、运动边界和炫酷标牌。

最近要做一个可视化大屏，大屏中间需要有一个大楼的3D模型，并且希望这个模型能够进行点击交互，视角切换等效果。

对场景内的模型添加事件监听，实现鼠标交互，需要用到Raycaster（光线投射）类。 webGL中获取鼠标交互物体的原理：通过三维空间中相机视点与鼠标在屏幕上的位置的连线，形成一条直线，捕获与此直线相交的空间中的物体，即为交互对象物体。 在three中，Raycaster为我们…

我们现在做了场景渲染物体，通过监听鼠标来改变场景视角，那我们如何通过鼠标来选中物体呢？比如选中物体变色。让我们来看看吧。

三只飞鸟的案例很简单，但却忽视了模型使用中的很多盲点，例如模型过大、各类模型尺寸不同、模型不合心意、模型动画等，本文借助小包与钢铁侠死死纠缠的故事，带你更深一步体悟模型

three.js总结（一）：几何、材质、点线网格精灵模型、曲线等模块，其余模块可以看同系列的其他文章

「这是我参与2022首次更文挑战的第7天，活动详情查看：2022首次更文挑战」 纹理 简单理解纹理就是一张图片，它是由像素点组成。 在three.js一般都是使用在材质上，和配置颜色一样。颜色是材质表

在本篇文章中，我向您介绍了 Three.js 里关于纹理的一切信息，包括纹理的类别，加载，操作方式以及一些优化手段，希望那些例子能让您印象深刻，也希望您能够亲自动手实践。

webgl_materials_cubemap_mipmaps webgl_tonemapping.