五年以上倾斜摄影osgb模型转3dtiles如何在mars3d加载

方案一:

复制代码
// 兼容1.50 (2018-10-01)版本更改了名称,造成部分3dtiles可能会出现加载不上导致渲染停止的错误。
// 错误说明为:RuntimeError: Unsupported glTF Extension: KHR_technique_webgl
// 原因:KHR_technique_webgl扩展新版Cesium已经不支持的缘故,需要升级一下gltf数据,使用KHR_techniques_webgl扩展即可(注意多了一个s)。
try {
  var fixGltf = function (gltf) {
      if (!gltf.extensionsUsed || !gltf.extensionsUsed.indexOf || !gltf.extensionsRequired) {
          return;
      }
      var v = gltf.extensionsUsed.indexOf('KHR_technique_webgl');
      if (v == -1) return;
      // 中招了。。
      var t = gltf.extensionsRequired.indexOf('KHR_technique_webgl');
      gltf.extensionsRequired.splice(t, 1, 'KHR_techniques_webgl');
      gltf.extensionsUsed.splice(v, 1, 'KHR_techniques_webgl');
      gltf.extensions = gltf.extensions || {};
      gltf.extensions['KHR_techniques_webgl'] = {};
      gltf.extensions['KHR_techniques_webgl'].programs = gltf.programs;
      gltf.extensions['KHR_techniques_webgl'].shaders = gltf.shaders;
      gltf.extensions['KHR_techniques_webgl'].techniques = gltf.techniques;
      var techniques = gltf.extensions['KHR_techniques_webgl'].techniques;
      gltf.materials.forEach(function (mat, index) {
          gltf.materials[index].extensions || (gltf.materials[index].extensions = { KHR_technique_webgl: {} });
          gltf.materials[index].extensions['KHR_technique_webgl'].values = gltf.materials[index].values;
          gltf.materials[index].extensions['KHR_techniques_webgl'] = gltf.materials[index].extensions['KHR_technique_webgl'];
          var myMaterialExtension = gltf.materials[index].extensions['KHR_techniques_webgl'];
          myMaterialExtension.technique || (myMaterialExtension.technique = gltf.materials[index].technique);
          for (var value in myMaterialExtension.values) {
              var us = techniques[myMaterialExtension.technique].uniforms;
              for (var key in us) {
                  if (us[key] === value) {
                      myMaterialExtension.values[key] = myMaterialExtension.values[value];
                      delete myMaterialExtension.values[value];
                      break;
                  }
              }
          };
      });
      techniques.forEach(function (t) {
          for (var attribute in t.attributes) {
              var name = t.attributes[attribute];
              t.attributes[attribute] = t.parameters[name];
          };
          for (var uniform in t.uniforms) {
              var name = t.uniforms[uniform];
              t.uniforms[uniform] = t.parameters[name];
          };
      });
  }
  Object.defineProperties(Cesium.Model.prototype, {
      _cachedGltf: {
          set: function (value) {
              this._my_cachedGltf = value;
              if (this._my_cachedGltf && this._my_cachedGltf._gltf) {
                  fixGltf(this._my_cachedGltf._gltf);
              }
          },
          get: function () {
              return this._my_cachedGltf;
          }
      }
  });
} catch (e) {
  console.log(e)
}

方案二:

需要安装KHR_techniques_webgl包,也可能是ktx1不支持造成的


方案三:

可以用原生cesium来试试哪个版本兼容,可以1.79和1.8X加载看看。切换版本试试

如果有原始的osgb数据,重新跑一次数据处理肯定可以

相关推荐
RainbowSea21 分钟前
NVM 切换 Node 版本工具的超详细安装说明
java·前端
读书点滴27 分钟前
笨方法学python -练习14
java·前端·python
Mintopia34 分钟前
四叉树:二维空间的 “智能分区管理员”
前端·javascript·计算机图形学
慌糖38 分钟前
RabbitMQ:消息队列的轻量级王者
开发语言·javascript·ecmascript
Mintopia44 分钟前
Three.js 深度冲突:当像素在 Z 轴上玩起 "挤地铁" 游戏
前端·javascript·three.js
Penk是个码农1 小时前
web前端面试-- MVC、MVP、MVVM 架构模式对比
前端·面试·mvc
MrSkye1 小时前
🔥JavaScript 入门必知:代码如何运行、变量提升与 let/const🔥
前端·javascript·面试
白瓷梅子汤1 小时前
跟着官方示例学习 @tanStack-form --- Linked Fields
前端·react.js
爱学习的茄子1 小时前
深入理解JavaScript闭包:从入门到精通的实战指南
前端·javascript·面试
zhanshuo2 小时前
不依赖框架,如何用 JS 实现一个完整的前端路由系统
前端·javascript·html