CesiumJS【Pro】- #5 变色龙II

原创已于 2024-06-26 09:43:43 修改 · 239 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#cesium

于 2023-03-09 22:20:35 首次发布

MyCesiumJS Pro 专栏收录该内容

17 篇文章 ¥359.90 ¥399.90

订阅专栏

本文介绍如何利用GPU改进之前的变色龙效果，降低CPU占用，提高效率。通过加载高德地图，使用shader技术改变背景色，实现了将图像处理任务交由GPU完成的优化方案。

文章目录

说在前面

前面的变色龙章节使用的是基于CPU方式。虽然不用写shader，但是会照成GPU空闲，CPU占用率高的温特。很显然处理image的这部分工作应该交给GPU来干更为适合。

实现的功能

改变背景色

思路

使用shader

关键代码

1 加载高德地图

const options = {
   
   
  digital: {
   
   
    //电子地图
    url: "http://webrd0{s}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&scale=1&style=8&x={x}&am

了解本专栏