做网站的内容,网站的营销推广方案,英德市建设局网站,wordpress电子书下载地址摘要#xff1a;
mars3d.MaterialType.Image2修改配置面状#xff1a;图片2的speed数值实现动画效果说明
前提#xff1a;
1.在示例中#xff0c;尝试给mars3d.MaterialType.Image2材质的图片加上speed参数#xff0c;实现动画效果#xff0c;但是没有看到流动效果说明…摘要
mars3d.MaterialType.Image2修改配置面状图片2的speed数值实现动画效果说明
前提
1.在示例中尝试给mars3d.MaterialType.Image2材质的图片加上speed参数实现动画效果但是没有看到流动效果说明。 2.相关示例地址
功能示例(Vue版) | Mars3D三维可视化平台 | 火星科技
3.相关代码:: const wall new mars3d.graphic.WallPrimitive({positions: options.positions,style: {setHeight: -20000,diffHeight: 20000, // 墙高width: 10,materialType: mars3d.MaterialType.Image2,materialOptions: {image: ./img/textures/fence-top.png,color: #0b88e3,speed: 5}}})graphicLayer.addGraphic(wall) 问题描述
1.参考api文档说明speed不为0时呈现图片滚动效果数字代表滚动速度此时应该是有滚动的动画效果的但是示例中修改后并没有看到动画效果。
2.参数如果是生效的话那么就调试材质贴图的其他参数例如image在示例的map.js文件中搜索到流动线的材质示例地址
下载示例git clone https://gitee.com/marsgis/mars3d-vue-example.git 相关代码 const feijiPath new mars3d.graphic.PathEntity({position: property,style: {width: 6,leadTime: 0, // 前方的路线不显示materialType: mars3d.MaterialType.LineFlow,materialOptions: {color: getTeamColor(team),repeat: new Cesium.Cartesian2(2.0, 1.0),image: img/textures/line-gradual.png,speed: 15}},model: {url: //data.mars3d.cn/gltf/mars/zhanji.glb,scale: 0.01,minimumPixelSize: 50,show: true},billboard: {show: false,image: img/icon/plane_blue.png,color: getTeamColor(team),scale: 0.2,distanceDisplayCondition: true,distanceDisplayCondition_near: 90000,distanceDisplayCondition_far: Number.MAX_VALUE}})graphicLayer.addGraphic(feijiPath)
替换了image后的ars3d.MaterialType.Image2,效果 关键代码 const wall new mars3d.graphic.WallPrimitive({positions: options.positions,style: {setHeight: -20000,diffHeight: 20000, // 墙高width: 10,materialType: mars3d.MaterialType.Image2,materialOptions: {image: img/textures/line-gradual.png,color: #0b88e3,speed: 5}}})graphicLayer.addGraphic(wall) 思路参考
1.materialType有很多的类型具体类型不生效是由多个参数共同决定的。
2.例如流动的动画效果可能需要image有要求有的图片可能不符合speed要求无法肉眼看到效果此时可以考虑替换示例中的其他材质图片进行测试
3.我们官网的仓库代码中同样提供了很多的材质效果参考地址mars3d-react-example: Mars3D功能示例React版本 - Gitee.com 4.这些图片都是开源供大家免费使用的因此希望大家能够多多学习示例多跑代码多看效果对相关概念有所了解学会自己调试。一起进步
5. 替换流动效果时候如果找不到相关的关键字可以在MaterialType下面搜索speed看还有什么材质下面有这个参数我们的api与示例均有相关示例参考的。 结束语
请大家多多学习示例与开发教程api文档可以当成字典查询。
一起学习一起进步
祝大家工作顺利、生活愉快、开开心心赚大钱。
