Bootstrap

threejs + mapboxgl 实现能量护盾效果

前言

这个也是我们实现的第一个特效,防护罩图层;本例子是基于前面文章搭建的私库进行开发。
在三维渲染中,有可能会遇到需要在地图上展示一个防护罩来表达出,一个区域的范围等等,我们可能想到的防护罩如下效果:
在这里插入图片描述
接下来我们实现一个自己的防护罩效果;

防护罩图层开发

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

import {
    Map } from 'mapbox-gl'
import Layer from './l
;