爆炸效果
该框架支持爆炸效果框架
支持说明
INFO
支持多种爆炸效果
box:盒装
cone:锥形
sphere:球形
circle:圆形
代码实例
vue
<script setup lang="ts">
import { onMounted, onBeforeUnmount } from 'vue'
const LarkExplorer = window.LarkExplorer
let map: any
onMounted(() => {
LarkExplorer.ready({
baseUrl: './dist/resources/',
}).then(initMap)
})
function initMap() {
// 默认谷歌影像地图
const baseImagery = LarkExplorer.BaseLayer.DefaultTdtImg
// 默认全球地形
const baseTerrain = LarkExplorer.BaseLayer.DefaultTerrain
map = new LarkExplorer.Map('map', baseImagery, baseTerrain)
window.Viewer = map
}
/**
* 创建火焰粒子
* @param type box-盒状,cone-锥形,sphere-球形,circle-圆形
*/
const fire = async (type: string) => {
const terrain = map.Terrain.provider
const x = 109 + Math.random() * 10
const y = 25 + Math.random() * 10
const pos = await LarkExplorer.Coordinate.PosOnTerrainFromDegree(terrain, [
x,
y,
])
const fire = map.Layers.Particle.newFire(pos, type)
map.Navigation.flyToItem(fire)
}
const removeAll = () => {
map.Layers.Particle.removeAll()
}
</script>
运行效果
更多示例