123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208 |
- import { VertexBuffer } from "../Buffers/buffer.js";
- import { Viewport } from "../Maths/math.viewport.js";
- import { Observable } from "../Misc/observable.js";
- import { Effect } from "./effect.js";
- import { DrawWrapper } from "./drawWrapper.js";
- // Prevents ES6 Crash if not imported.
- import "../Shaders/postprocess.vertex.js";
- // Fullscreen quad buffers by default.
- const defaultOptions = {
- positions: [1, 1, -1, 1, -1, -1, 1, -1],
- indices: [0, 1, 2, 0, 2, 3],
- };
- /**
- * Helper class to render one or more effects.
- * You can access the previous rendering in your shader by declaring a sampler named textureSampler
- */
- export class EffectRenderer {
- /**
- * Creates an effect renderer
- * @param engine the engine to use for rendering
- * @param options defines the options of the effect renderer
- */
- constructor(engine, options = defaultOptions) {
- this._fullscreenViewport = new Viewport(0, 0, 1, 1);
- const positions = options.positions ?? defaultOptions.positions;
- const indices = options.indices ?? defaultOptions.indices;
- this.engine = engine;
- this._vertexBuffers = {
- [VertexBuffer.PositionKind]: new VertexBuffer(engine, positions, VertexBuffer.PositionKind, false, false, 2),
- };
- this._indexBuffer = engine.createIndexBuffer(indices);
- this._onContextRestoredObserver = engine.onContextRestoredObservable.add(() => {
- this._indexBuffer = engine.createIndexBuffer(indices);
- for (const key in this._vertexBuffers) {
- const vertexBuffer = this._vertexBuffers[key];
- vertexBuffer._rebuild();
- }
- });
- }
- /**
- * Sets the current viewport in normalized coordinates 0-1
- * @param viewport Defines the viewport to set (defaults to 0 0 1 1)
- */
- setViewport(viewport = this._fullscreenViewport) {
- this.engine.setViewport(viewport);
- }
- /**
- * Binds the embedded attributes buffer to the effect.
- * @param effect Defines the effect to bind the attributes for
- */
- bindBuffers(effect) {
- this.engine.bindBuffers(this._vertexBuffers, this._indexBuffer, effect);
- }
- /**
- * Sets the current effect wrapper to use during draw.
- * The effect needs to be ready before calling this api.
- * This also sets the default full screen position attribute.
- * @param effectWrapper Defines the effect to draw with
- */
- applyEffectWrapper(effectWrapper) {
- this.engine.setState(true);
- this.engine.depthCullingState.depthTest = false;
- this.engine.stencilState.stencilTest = false;
- this.engine.enableEffect(effectWrapper._drawWrapper);
- this.bindBuffers(effectWrapper.effect);
- effectWrapper.onApplyObservable.notifyObservers({});
- }
- /**
- * Saves engine states
- */
- saveStates() {
- this._savedStateDepthTest = this.engine.depthCullingState.depthTest;
- this._savedStateStencilTest = this.engine.stencilState.stencilTest;
- }
- /**
- * Restores engine states
- */
- restoreStates() {
- this.engine.depthCullingState.depthTest = this._savedStateDepthTest;
- this.engine.stencilState.stencilTest = this._savedStateStencilTest;
- }
- /**
- * Draws a full screen quad.
- */
- draw() {
- this.engine.drawElementsType(0, 0, 6);
- }
- _isRenderTargetTexture(texture) {
- return texture.renderTarget !== undefined;
- }
- /**
- * renders one or more effects to a specified texture
- * @param effectWrapper the effect to renderer
- * @param outputTexture texture to draw to, if null it will render to the screen.
- */
- render(effectWrapper, outputTexture = null) {
- // Ensure effect is ready
- if (!effectWrapper.effect.isReady()) {
- return;
- }
- this.saveStates();
- // Reset state
- this.setViewport();
- const out = outputTexture === null ? null : this._isRenderTargetTexture(outputTexture) ? outputTexture.renderTarget : outputTexture;
- if (out) {
- this.engine.bindFramebuffer(out);
- }
- this.applyEffectWrapper(effectWrapper);
- this.draw();
- if (out) {
- this.engine.unBindFramebuffer(out);
- }
- this.restoreStates();
- }
- /**
- * Disposes of the effect renderer
- */
- dispose() {
- const vertexBuffer = this._vertexBuffers[VertexBuffer.PositionKind];
- if (vertexBuffer) {
- vertexBuffer.dispose();
- delete this._vertexBuffers[VertexBuffer.PositionKind];
- }
- if (this._indexBuffer) {
- this.engine._releaseBuffer(this._indexBuffer);
- }
- if (this._onContextRestoredObserver) {
- this.engine.onContextRestoredObservable.remove(this._onContextRestoredObserver);
- this._onContextRestoredObserver = null;
- }
- }
- }
- /**
- * Wraps an effect to be used for rendering
- */
- export class EffectWrapper {
- /**
- * The underlying effect
- */
- get effect() {
- return this._drawWrapper.effect;
- }
- set effect(effect) {
- this._drawWrapper.effect = effect;
- }
- /**
- * Creates an effect to be renderer
- * @param creationOptions options to create the effect
- */
- constructor(creationOptions) {
- /**
- * Event that is fired right before the effect is drawn (should be used to update uniforms)
- */
- this.onApplyObservable = new Observable();
- let effectCreationOptions;
- const uniformNames = creationOptions.uniformNames || [];
- if (creationOptions.vertexShader) {
- effectCreationOptions = {
- fragmentSource: creationOptions.fragmentShader,
- vertexSource: creationOptions.vertexShader,
- spectorName: creationOptions.name || "effectWrapper",
- };
- }
- else {
- // Default scale to use in post process vertex shader.
- uniformNames.push("scale");
- effectCreationOptions = {
- fragmentSource: creationOptions.fragmentShader,
- vertex: "postprocess",
- spectorName: creationOptions.name || "effectWrapper",
- };
- // Sets the default scale to identity for the post process vertex shader.
- this.onApplyObservable.add(() => {
- this.effect.setFloat2("scale", 1, 1);
- });
- }
- const defines = creationOptions.defines ? creationOptions.defines.join("\n") : "";
- this._drawWrapper = new DrawWrapper(creationOptions.engine);
- if (creationOptions.useShaderStore) {
- effectCreationOptions.fragment = effectCreationOptions.fragmentSource;
- if (!effectCreationOptions.vertex) {
- effectCreationOptions.vertex = effectCreationOptions.vertexSource;
- }
- delete effectCreationOptions.fragmentSource;
- delete effectCreationOptions.vertexSource;
- this.effect = creationOptions.engine.createEffect(effectCreationOptions, creationOptions.attributeNames || ["position"], uniformNames, creationOptions.samplerNames, defines, undefined, creationOptions.onCompiled, undefined, undefined, creationOptions.shaderLanguage);
- }
- else {
- this.effect = new Effect(effectCreationOptions, creationOptions.attributeNames || ["position"], uniformNames, creationOptions.samplerNames, creationOptions.engine, defines, undefined, creationOptions.onCompiled, undefined, undefined, undefined, creationOptions.shaderLanguage);
- this._onContextRestoredObserver = creationOptions.engine.onContextRestoredObservable.add(() => {
- this.effect._pipelineContext = null; // because _prepareEffect will try to dispose this pipeline before recreating it and that would lead to webgl errors
- this.effect._prepareEffect();
- });
- }
- }
- /**
- * Disposes of the effect wrapper
- */
- dispose() {
- if (this._onContextRestoredObserver) {
- this.effect.getEngine().onContextRestoredObservable.remove(this._onContextRestoredObserver);
- this._onContextRestoredObserver = null;
- }
- this.effect.dispose();
- }
- }
- //# sourceMappingURL=effectRenderer.js.map
|