合肥微信网站制作文山做网站yunling88

合肥微信网站制作,文山做网站yunling88,单页设计多少钱,做搬家服务网站问卷调查的目的上一节课#xff0c;我们初步认识了 Cesium 的图元#xff08;Primitive#xff09;#xff0c;当时只放了一个几何体。 其实#xff0c;一个 Primitive 可以同时塞进多个几何实例#xff08;GeometryInstance#xff09;。 这样做的好处很明显#xff1a;一次合并我们初步认识了 Cesium 的图元Primitive当时只放了一个几何体。其实一个 Primitive 可以同时塞进多个几何实例GeometryInstance。这样做的好处很明显一次合并一次绘制调用性能更高每个实例还能单独改颜色、显隐灵活性不减。今天就把“多实例”和“动态改色”两件事一次讲透。一、一个图元多个实例需求把“矩形”和“椭球”一起塞进同一个 Primitive一次搞定。先保留上节的矩形实例instance。再新建一个椭球实例给它的 radii、位置、颜色都安排上。最后把两个实例用数组形式丢进 Primitive。代码如下每一步都写了注释照着抄就能跑。/* 1. 椭球几何实例长半轴 5 km短半轴 5 km高 10 km */ const ellipsoidInstance new Cesium.GeometryInstance({ geometry: new Cesium.EllipsoidGeometry({ radii: new Cesium.Cartesian3(5000.0, 5000.0, 10000.0), // 三轴半径 vertexFormat: Cesium.VertexFormat.POSITION_AND_NORMAL // 只要位置和法线省内存 }), /* 2. 把椭球放到东经 114°、北纬 23.03883°、离地 5 km 的位置 */ modelMatrix: Cesium.Matrix4.multiplyByTranslation( Cesium.Transforms.eastNorthUpToFixedFrame( Cesium.Cartesian3.fromDegrees(114, 23.03883) ), new Cesium.Cartesian3(0.0, 0.0, 5000.0), new Cesium.Matrix4() ), id: ellipsoid, // 给实例起个名字后面改色要用 attributes: { color: Cesium.ColorGeometryInstanceAttribute.fromColor( Cesium.Color.RED) // 初始红色 } }); /* 3. 把两个实例一起塞进同一个图元 */ const rectPrimitive new Cesium.Primitive({ geometryInstances: [instance, ellipsoidInstance], // 数组形式想塞几个塞几个 appearance: appearance // 仍用之前的 PerInstanceColorAppearance }); /* 4. 加入场景 */ viewer.scene.primitives.add(rectPrimitive);刷新页面你会看到绿色矩形——上一节留下的红色椭球——刚加的它们同属一个 Primitive却保持各自颜色、各自位置。二、运行中随时改颜色想让椭球每 2 秒随机换个颜色只要抓住“实例属性”这把钥匙一行代码就能改不需要重新创建 Primitive。套路分两步用getGeometryInstanceAttributes(id)拿到对应实例的属性包直接改属性包里的colorCesium 下一帧就会自动生效。/* 每 2 秒给椭球随机换一个半透明颜色 */ setInterval(() { rectPrimitive .getGeometryInstanceAttributes(ellipsoid) // 通过 id 找到椭球 .color Cesium.ColorGeometryInstanceAttribute.toValue( Cesium.Color.fromRandom({ alpha: 0.5 }) // 随机颜色固定 0.5 透明度 ); }, 2000);注意改色只改“属性”不动“几何”所以性能开销极小。如果想改矩形颜色同理给它也起个 id再用同样套路即可。三、小结一个 Primitive ≈ 一个“合并批次”里面可放任意数量实例。实例各自带 id、颜色、矩阵后期想改就改灵活又高效。今天只演示了“改颜色”其实改显隐、改矩阵、换材质也一样套路都是“先拿属性包再改字段”。把这套组合拳吃透后面做海量建筑、批量模型、动态高亮就能既流畅又省事。