对于 折射纹理效果 我们先定义一下他的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
网友评论