Cesium 自定义Material 系列 (二十一)
- 对于 折射纹理效果 我们先定义一下他的interface, 方便使用的人知道他的调用参数
-
export interface PMaterialRefraction{
-
cubeMap: {
-
positiveX: string,
-
negativeX: string,
-
positiveY: string,
-
negativeY: string,
-
positiveZ: string,
-
negativeZ: string
-
},
-
channels?:string,
-
indexOfRefractionRatio?:number
-
}
- 对于折射纹理我们叫 MaterialRefraction
```javascript
import { MaterialProperty } from "../MaterialProperty";
const defaultOption: PMaterialRefraction = {
cubeMap: Cesium.Material.DefaultCubeMapId,
channels: 'rgb',
indexOfRefractionRatio: 0.9//折射率比
}
// 折射效果
export class MaterialRefraction extends MaterialProperty {
protected _getType(option: any): string {
return "MaterialRefraction"
}
constructor(option = defaultOption) {
super(MaterialRefraction.prototype, defaultOption, option);
}
protected _getTranslucent(material: any) {
return false;
}
protected getSource(option: any): string {
return `
uniform samplerCube cubeMap;
uniform float indexOfRefractionRatio;
-
czm_material czm_getMaterial(czm_materialInput materialInput){
-
czm_material material = czm_getDefaultMaterial(materialInput);
更多参考 https://xiaozhuanlan.com/topic/8294657130