企业官网建设流程全解析

网站建设的技术路线,网站的着陆页,手机网站怎么做的,最近的战争新闻大事这节课#xff0c;我们继续啃 Primitive 的材质#xff08;Material#xff09;。 上节只用了一个最基础的 Color 类型#xff0c;今天把官方常备的“布料”全部铺开#xff1a;图片、漫反射、网格、水面…… 学会套路后#xff0c;想换哪件换哪件#xff0c;全程零着色…这节课我们继续啃Primitive 的材质Material。上节只用了一个最基础的Color类型今天把官方常备的“布料”全部铺开图片、漫反射、网格、水面……学会套路后想换哪件换哪件全程零着色器。一、套路三步走选类型Image、DiffuseMap、Grid、Water…填参数每个类型都有一堆 uniforms照着文档键值对往里扔。把材质实例塞给 Appearance再挂到 Primitive 上——收工。二、贴图材质把 logo 铺到地球上/* 1. 图片材质水平竖直各重复 1 次整幅图刚好铺满矩形 */ const ImgMaterial new Cesium.Material.fromType(Image, { image: ./imgs/logo.png, repeat: new Cesium.Cartesian2(1, 1) });要让纹理正常显示得把顶点格式改成支持 UV 的格式椭球体 →EllipsoidSurfaceAppearance.VERTEX_FORMAT矩形 → 同样用EllipsoidSurfaceAppearance.VERTEX_FORMAT/* 椭球体示例 */ new Cesium.EllipsoidGeometry({ radii: new Cesium.Cartesian3(5000, 5000, 10000), vertexFormat: Cesium.EllipsoidSurfaceAppearance.VERTEX_FORMAT }) /* 矩形示例 */ new Cesium.RectangleGeometry({ rectangle: Cesium.Rectangle.fromDegrees(113.3, 23.0, 113.4, 23.2), height: 0, extrudedHeight: 500, vertexFormat: Cesium.EllipsoidSurfaceAppearance.VERTEX_FORMAT })UV 对不上就会花屏或全白改完格式立刻正常。性能小贴士大批量“贴地”模型尽量用EllipsoidSurfaceAppearance顶点属性预计算帧率更稳。三、漫反射贴图跟图片材质几乎同名/* 漫反射贴图参数更少只留图片路径即可 */ const diffuseMapMaterial new Cesium.Material.fromType(DiffuseMap, { image: ./imgs/logo.png });效果跟Image类似但内部走的是 PBR 漫反射通道后面想加高光、法线时更统一。四、网格材质自带“豆腐块”线条const gridMaterial1 new Cesium.Material.fromType(Grid, { color: Cesium.Color.YELLOW, // 线条颜色 cellAlpha: 0.2, // 格子填充透明度 lineCount: new Cesium.Cartesian2(8, 8), // 横竖各 8 条线 lineThickness: new Cesium.Cartesian2(2.0, 2.0) // 线宽像素 });参数一目了然lineCount越大格子越小lineThickness越粗越“黑客帝国”。五、水面材质一波三折的动效const waterMaterial new Cesium.Material.fromType(Water, { baseWaterColor: Cesium.Color.BLUE.withAlpha(0.5), // 水体基色 specularIntensity: 0.5, // 镜面反射强度 normalMap: ./Assets/Textures/waterNormals.jpg // 法线贴图Cesium 自带 });只要路径指到 Cesium 官方资源包的waterNormals.jpg就能立刻看到波纹自动滚动颜色、波速、波纹大小、反射强度都能在参数里调。想再“青”一点改baseWaterColor即可。六、常用材质速查表类型关键参数示例适合场景Colorcolor快速纯色Imageimage, repeatlogo、照片贴图DiffuseMapimagePBR 流程的漫反射贴图Gridcolor, lineCount, cellAlpha地块、棋盘、调试WaterbaseWaterColor, normalMap海面、湖面、动态水面七、下节预告官方布料不够用下节课我们直接上手自定义 Material Fabric 语法自己写 uniform、写 shader让水面闪金光、让地面冒火焰全程可控。