做音乐网站的目地设计人才网站

做音乐网站的目地,设计人才网站,软件开发流程图软件,电子商务网站推广的方式有哪些上一节课我们把“面”的材质讲完了#xff0c;今天换“线”——折线#xff08;Polyline#xff09;。 不管是道路、航线还是飞线特效#xff0c;全靠下面几种现成材质#xff0c;一句代码就能换皮肤。一、最朴素的红线先画两个点#xff0c;宽度 5 像素#xff0c;纯红…上一节课我们把“面”的材质讲完了今天换“线”——折线Polyline。不管是道路、航线还是飞线特效全靠下面几种现成材质一句代码就能换皮肤。一、最朴素的红线先画两个点宽度 5 像素纯红色跑通流程。viewer.entities.add({ name: polyline, polyline: { positions: Cesium.Cartesian3.fromDegreesArray([112.0, 23.1, 115.4, 23.1]), // 起点、终点 width: 5, // 线宽像素 material: Cesium.Color.RED, // 纯色材质 }, });刷新后一条笔直的红线横跨屏幕平平无奇却是后面所有花样的地基。二、虚线——PolylineDashMaterialProperty想让线变成“一短一长”的虚线用PolylineDashMaterialProperty可调颜色、段长、偏移量。const polyLineDashedMaterial new Cesium.PolylineDashMaterialProperty({ color: Cesium.Color.YELLOW, // 虚线颜色 dashOffset: 16, // 单段虚线长度像素越大越长 });把material: polyLineDashedMaterial替换进去就能看到黄色虚线。dashOffset从 16 改成 30段长翻倍视觉更稀疏。三、箭头线——PolylineArrowMaterialProperty一条线从头粗到尾末端自带箭头做“流向”提示最直观。const polyLineArrowMaterial new Cesium.PolylineArrowMaterialProperty( Cesium.Color.YELLOW // 箭头颜色 );换材质后线瞬间变成“箭头跑道”方向永远从起点指向终点。四、发光飞线——PolylineGlowMaterialProperty做“飞线”特效全靠它中间亮、两边暗还能控制粗细衰减。const polyLineGlowMaterial new Cesium.PolylineGlowMaterialProperty({ color: Cesium.Color.YELLOW, glowPower: 0.3, // 发光强度 0–1越大越亮 taperPower: 0.1, // 尾部收缩程度 0–1越大越早变细 });参数秒懂glowPower 0.8时整条线“胖”到几乎成带子taperPower 1时线身几乎无渐变失去“飞线”尾巴。常用组合glowPower: 0.3、taperPower: 0.1既有光晕又有尾巴。五、小结折线换皮肤只要记住三步选材质类Dash / Arrow / Glow …调参数把实例赋给polyline.material。官方给的这几种线型已能 cover 80% 场景想要更炫的脉冲、渐隐、彩虹渐变后面我们上手自定义着色器再带大家手写“神仙飞线”。