Cesium 纹理贴图

生活真难

已于 2022-01-26 11:09:50 修改

阅读量4.2k

点赞数

分类专栏： Cesium 文章标签： javascript

于 2022-01-26 11:05:18 首次发布

本文链接：https://blog.youkuaiyun.com/anglestar2012/article/details/122696928

版权

本文探讨了在Cesium中遇到的纹理贴图问题，详细描述了如何使用纹理坐标(2,2)创建2X2纹理贴图时出现2X1效果的原因。分析发现，Cesium源码中的纹理压缩机制导致T纹理值被压缩，通过将`compressVertices`设置为`false`成功解决了问题。" 139197279,11033297,Hive小文件优化全攻略,"['Hive', '大数据', '数据仓库', 'Hadoop', 'SQL']

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据纹理坐标(2,2)实现2X2的纹理贴图，实现如下效果：

首次测试代码如下：

    const material = Material.fromType(Material.ImageType);
    material.uniforms.image = image;
    material.shaderSource=`
    uniform vec4 color_2;
    uniform vec2 repeat_1;
    uniform sampler2D image_0;
    czm_material czm_getMaterial(czm_materialInput materialInput)
    {
      czm_material material = czm_getDefaultMaterial(materialInput);
      vec2 st=materialInput.st;
      material.diffuse = czm_gammaCorrect(texture2D(image_0, fract(st))).rgb;
      material.alpha =  texture2D(image_0, fract(st)).a;
      return material;
    }
    `
    let positions = new Float64Array([
      0.0, 0.0, 0.0,
      5000.0, 0.0, 0.0,
      5000.0, 5000.0, 0.0,
      0.0, 5000.0, 0.0
    ]);
    /*纹理坐标*/
    let uv=[
      0.0, 0.0,
      2.0,0.0,
      2.0,2.0,
      0.0,2.0,
    ];
    /*发现线*/
    let normal=[
      0.0, 0.0,1.0,
      0.0, 0.0,1.0,
      0.0, 0.0,1.0,
      0.0, 0.0,1.0,
    ];
    let geometry = new Geometry({
      attributes : {
        position : new GeometryAttribute({
          componentDatatype : ComponentDatatype.DOUBLE,