@babylonjs/gui
Version:
Babylon.js GUI module =====================
230 lines • 8.54 kB
JavaScript
import { __decorate } from "@babylonjs/core/tslib.es6.js";
import { Color4 } from "@babylonjs/core/Maths/math.color.js";
import { Constants } from "@babylonjs/core/Engines/constants.js";
import { EffectFallbacks } from "@babylonjs/core/Materials/effectFallbacks.js";
import { MaterialDefines } from "@babylonjs/core/Materials/materialDefines.js";
import { PushMaterial } from "@babylonjs/core/Materials/pushMaterial.js";
import { RegisterClass } from "@babylonjs/core/Misc/typeStore.js";
import { serialize } from "@babylonjs/core/Misc/decorators.js";
import { SerializationHelper } from "@babylonjs/core/Misc/decorators.serialization.js";
import { VertexBuffer } from "@babylonjs/core/Buffers/buffer.js";
import "./shaders/mrdlInnerquad.fragment.js";
import "./shaders/mrdlInnerquad.vertex.js";
import { HandleFallbacksForShadows, PrepareAttributesForInstances, PrepareDefinesForAttributes, PrepareUniformsAndSamplersList } from "@babylonjs/core/Materials/materialHelper.functions.js";
class MRDLInnerquadMaterialDefines extends MaterialDefines {
constructor() {
super();
this._needNormals = true;
this._needUVs = true;
this.rebuild();
}
}
export class MRDLInnerquadMaterial extends PushMaterial {
constructor(name, scene) {
super(name, scene);
/**
* Gets or sets the color of the innerquad.
*/
this.color = new Color4(1, 1, 1, 0.05);
/**
* Gets or sets the corner radius on the innerquad. If this value is changed, update the lineWidth to match.
*/
this.radius = 0.12;
/**
* Gets or sets whether the radius of the innerquad should be fixed.
*/
this.fixedRadius = true;
/** @hidden */
this._filterWidth = 1.0;
/**
* Gets or sets the glow fraction of the innerquad.
*/
this.glowFraction = 0.0;
/**
* Gets or sets the maximum glow intensity of the innerquad.
*/
this.glowMax = 0.5;
/**
* Gets or sets the glow falloff effect of the innerquad.
*/
this.glowFalloff = 2.0;
this.alphaMode = Constants.ALPHA_COMBINE;
this.backFaceCulling = false;
}
needAlphaBlending() {
return true;
}
needAlphaTesting() {
return false;
}
getAlphaTestTexture() {
return null;
}
// Methods
isReadyForSubMesh(mesh, subMesh) {
const drawWrapper = subMesh._drawWrapper;
if (this.isFrozen) {
if (drawWrapper.effect && drawWrapper._wasPreviouslyReady) {
return true;
}
}
if (!subMesh.materialDefines) {
subMesh.materialDefines = new MRDLInnerquadMaterialDefines();
}
const defines = subMesh.materialDefines;
const scene = this.getScene();
if (this._isReadyForSubMesh(subMesh)) {
return true;
}
const engine = scene.getEngine();
// Attribs
PrepareDefinesForAttributes(mesh, defines, true, false);
// Get correct effect
if (defines.isDirty) {
defines.markAsProcessed();
scene.resetCachedMaterial();
// Fallbacks
const fallbacks = new EffectFallbacks();
if (defines.FOG) {
fallbacks.addFallback(1, "FOG");
}
HandleFallbacksForShadows(defines, fallbacks);
defines.IMAGEPROCESSINGPOSTPROCESS = scene.imageProcessingConfiguration.applyByPostProcess;
//Attributes
const attribs = [VertexBuffer.PositionKind];
if (defines.NORMAL) {
attribs.push(VertexBuffer.NormalKind);
}
if (defines.UV1) {
attribs.push(VertexBuffer.UVKind);
}
if (defines.UV2) {
attribs.push(VertexBuffer.UV2Kind);
}
if (defines.VERTEXCOLOR) {
attribs.push(VertexBuffer.ColorKind);
}
if (defines.TANGENT) {
attribs.push(VertexBuffer.TangentKind);
}
PrepareAttributesForInstances(attribs, defines);
// Legacy browser patch
const shaderName = "mrdlInnerquad";
const join = defines.toString();
const uniforms = [
"world",
"worldView",
"worldViewProjection",
"view",
"projection",
"viewProjection",
"cameraPosition",
"_Color_",
"_Radius_",
"_Fixed_Radius_",
"_Filter_Width_",
"_Glow_Fraction_",
"_Glow_Max_",
"_Glow_Falloff_",
];
const samplers = [];
const uniformBuffers = [];
PrepareUniformsAndSamplersList({
uniformsNames: uniforms,
uniformBuffersNames: uniformBuffers,
samplers: samplers,
defines: defines,
maxSimultaneousLights: 4,
});
subMesh.setEffect(scene.getEngine().createEffect(shaderName, {
attributes: attribs,
uniformsNames: uniforms,
uniformBuffersNames: uniformBuffers,
samplers: samplers,
defines: join,
fallbacks: fallbacks,
onCompiled: this.onCompiled,
onError: this.onError,
indexParameters: { maxSimultaneousLights: 4 },
}, engine), defines);
}
if (!subMesh.effect || !subMesh.effect.isReady()) {
return false;
}
defines._renderId = scene.getRenderId();
drawWrapper._wasPreviouslyReady = true;
return true;
}
bindForSubMesh(world, mesh, subMesh) {
const scene = this.getScene();
const defines = subMesh.materialDefines;
if (!defines) {
return;
}
const effect = subMesh.effect;
if (!effect) {
return;
}
this._activeEffect = effect;
// Matrices
this.bindOnlyWorldMatrix(world);
this._activeEffect.setMatrix("viewProjection", scene.getTransformMatrix());
this._activeEffect.setVector3("cameraPosition", scene.activeCamera.position);
// "Color"
this._activeEffect.setDirectColor4("_Color_", this.color);
// "Shape"
this._activeEffect.setFloat("_Radius_", this.radius);
this._activeEffect.setFloat("_Fixed_Radius_", this.fixedRadius ? 1.0 : 0.0);
this._activeEffect.setFloat("_Filter_Width_", this._filterWidth);
// "Glow"
this._activeEffect.setFloat("_Glow_Fraction_", this.glowFraction);
this._activeEffect.setFloat("_Glow_Max_", this.glowMax);
this._activeEffect.setFloat("_Glow_Falloff_", this.glowFalloff);
this._afterBind(mesh, this._activeEffect, subMesh);
}
/**
* Get the list of animatables in the material.
* @returns the list of animatables object used in the material
*/
getAnimatables() {
return [];
}
dispose(forceDisposeEffect) {
super.dispose(forceDisposeEffect);
}
clone(name) {
return SerializationHelper.Clone(() => new MRDLInnerquadMaterial(name, this.getScene()), this);
}
serialize() {
const serializationObject = SerializationHelper.Serialize(this);
serializationObject.customType = "BABYLON.MRDLInnerquadMaterial";
return serializationObject;
}
getClassName() {
return "MRDLInnerquadMaterial";
}
// Statics
static Parse(source, scene, rootUrl) {
return SerializationHelper.Parse(() => new MRDLInnerquadMaterial(source.name, scene), source, scene, rootUrl);
}
}
__decorate([
serialize()
], MRDLInnerquadMaterial.prototype, "color", void 0);
__decorate([
serialize()
], MRDLInnerquadMaterial.prototype, "radius", void 0);
__decorate([
serialize()
], MRDLInnerquadMaterial.prototype, "fixedRadius", void 0);
__decorate([
serialize()
], MRDLInnerquadMaterial.prototype, "glowFraction", void 0);
__decorate([
serialize()
], MRDLInnerquadMaterial.prototype, "glowMax", void 0);
__decorate([
serialize()
], MRDLInnerquadMaterial.prototype, "glowFalloff", void 0);
RegisterClass("BABYLON.GUI.MRDLInnerquadMaterial", MRDLInnerquadMaterial);
//# sourceMappingURL=mrdlInnerquadMaterial.js.map