在之前发布的《cesium天气特效之动态全球海洋》文章得到了很多朋友的关注,普遍反馈存在高版本报错的情况(102版本以后默认使用WEBGL2语法)
千呼万唤始出来,现在兼容WEBGL2的版本上线了,废话不多说直接上代码。
这次带来了两个方案进行实现:
方案1:依旧使用vue+cesium实现,兼容WEBGL2语法
核心思路基本与之前一致,使用GLSI进行全球动态海洋的纹理效果展示,全球海洋是采用了全覆盖的方案 具体代码如下,
CesiumApp.vue
<template>
<div>
<div ref="earthContainer" class="full" id="container"></div>
</div>
</template>
<script >
import {addSea} from './water'
export default {
name: "ViewerApp",
props: {
msg: String,
},
data() {
ret