threejs + mapboxgl 实现炫酷动态立体墙效果

前言

今天实现一个三维电子围栏效果;本例子是基于前面文章搭建的私库进行开发。
在三维渲染中,有可能会遇到需要在地图上展示一个围栏效果,来展示一个区域的与众不同,或者;在预警方面常用到电子围栏来进行监控人员;本文也是借鉴 maptalks 中的立体墙的效果来实现的。

threejs + mapboxgl 实现炫酷动态立体墙效果_第1张图片
之前在 Cesium 也实现过类似的效果,可以查看这个视频

接下来我们实现一个动态立体墙的效果;

围栏图层开发

新建一个RippleWall 图层,代码如下:

import 

你可能感兴趣的:(mapboxgl,+,threejs,threejs+mapbox,三维可视化,动态立体墙,webgis,react,hook+ts)