@next2d/webgpu 3.0.4 → 3.1.0

package/src/Filter/BitmapFilterShader.js

@@ -1,207 +0,0 @@
-export const getBitmapFilterFragmentShader = (transformsBase, transformsBlur, isGlow, type, knockout, appliesStrength, isGradient) => {
-    const isInner = type === "inner";
-    let textureBindingIndex = 2;
-    const blurTextureBinding = textureBindingIndex++;
-    const baseTextureBinding = transformsBase ? textureBindingIndex++ : -1;
-    const gradientTextureBinding = isGradient ? textureBindingIndex++ : -1;
-    let uniformsStruct = `struct BitmapFilterUniforms {
-`;
-    if (transformsBase) {
-        uniformsStruct += `    baseScale: vec2<f32>,
-    baseOffset: vec2<f32>,
-`;
-    }
-    if (transformsBlur) {
-        uniformsStruct += `    blurScale: vec2<f32>,
-    blurOffset: vec2<f32>,
-`;
-    }
-    if (appliesStrength) {
-        uniformsStruct += `    strength: f32,
-    _padStrength: vec3<f32>,
-`;
-    }
-    if (!isGradient) {
-        if (isGlow) {
-            uniformsStruct += `    color: vec4<f32>,
-`;
-        }
-        else {
-            uniformsStruct += `    highlightColor: vec4<f32>,
-    shadowColor: vec4<f32>,
-`;
-        }
-    }
-    uniformsStruct += "}";
-    let textureBindings = `
-@group(0) @binding(0) var<uniform> uniforms: BitmapFilterUniforms;
-@group(0) @binding(1) var sourceSampler: sampler;
-@group(0) @binding(${blurTextureBinding}) var blurTexture: texture_2d<f32>;`;
-    if (transformsBase) {
-        textureBindings += `
-@group(0) @binding(${baseTextureBinding}) var baseTexture: texture_2d<f32>;`;
-    }
-    if (isGradient) {
-        textureBindings += `
-@group(0) @binding(${gradientTextureBinding}) var gradientTexture: texture_2d<f32>;`;
-    }
-    let baseStatement = "";
-    if (transformsBase) {
-        baseStatement = `
-    let baseScale = uniforms.baseScale;
-    let baseOffset = uniforms.baseOffset;
-    let uv = input.texCoord * baseScale - baseOffset;
-    let base = mix(vec4<f32>(0.0), textureSample(baseTexture, sourceSampler, uv), isInside(uv));`;
-    }
-    let blurStatement = "";
-    if (transformsBlur) {
-        blurStatement = `
-    let blurScale = uniforms.blurScale;
-    let blurOffset = uniforms.blurOffset;
-    let st = input.texCoord * blurScale - blurOffset;
-    var blur = mix(vec4<f32>(0.0), textureSample(blurTexture, sourceSampler, st), isInside(st));`;
-    }
-    else {
-        blurStatement = `
-    var blur = textureSample(blurTexture, sourceSampler, input.texCoord);`;
-    }
-    let colorStatement = "";
-    if (isGlow) {
-        if (isInner) {
-            colorStatement += `
-    blur.a = 1.0 - blur.a;`;
-        }
-        if (appliesStrength) {
-            colorStatement += `
-    let strength = uniforms.strength;
-    blur.a = clamp(blur.a * strength, 0.0, 1.0);`;
-        }
-        if (isGradient) {
-            colorStatement += `
-    blur = textureSample(gradientTexture, sourceSampler, vec2<f32>(blur.a, 0.5));`;
-        }
-        else {
-            colorStatement += `
-    let color = uniforms.color;
-    blur = color * blur.a;`;
-        }
-    }
-    else {
-        if (transformsBlur) {
-            colorStatement += `
-    let pq = (vec2<f32>(1.0) - input.texCoord) * blurScale - blurOffset;
-    let blur2 = mix(vec4<f32>(0.0), textureSample(blurTexture, sourceSampler, pq), isInside(pq));`;
-        }
-        else {
-            colorStatement += `
-    let blur2 = textureSample(blurTexture, sourceSampler, vec2<f32>(1.0) - input.texCoord);`;
-        }
-        colorStatement += `
-    var highlightAlpha = blur.a - blur2.a;
-    var shadowAlpha = blur2.a - blur.a;`;
-        if (appliesStrength) {
-            colorStatement += `
-    let strength = uniforms.strength;
-    highlightAlpha = highlightAlpha * strength;
-    shadowAlpha = shadowAlpha * strength;`;
-        }
-        colorStatement += `
-    highlightAlpha = clamp(highlightAlpha, 0.0, 1.0);
-    shadowAlpha = clamp(shadowAlpha, 0.0, 1.0);`;
-        if (isGradient) {
-            colorStatement += `
-    blur = textureSample(gradientTexture, sourceSampler, vec2<f32>(
-        0.5019607843137255 - 0.5019607843137255 * shadowAlpha + 0.4980392156862745 * highlightAlpha,
-        0.5
-    ));`;
-        }
-        else {
-            colorStatement += `
-    let highlightColor = uniforms.highlightColor;
-    let shadowColor = uniforms.shadowColor;
-    blur = highlightColor * highlightAlpha + shadowColor * shadowAlpha;`;
-        }
-    }
-    let modeExpression = "";
-    switch (type) {
-        case "outer":
-            modeExpression = knockout
-                ? "blur - blur * base.a"
-                : "base + blur - blur * base.a";
-            break;
-        case "full":
-            modeExpression = knockout
-                ? "blur"
-                : "base - base * blur.a + blur";
-            break;
-        case "inner":
-        default:
-            modeExpression = "blur";
-            break;
-    }
-    const needsBase = transformsBase || (type === "outer" || type === "full" && !knockout);
-    let baseDecl = "";
-    if (needsBase && !transformsBase) {
-        baseDecl = `
-    let base = vec4<f32>(0.0);`;
-    }
-    return `
-${uniformsStruct}
-${textureBindings}
-
-struct VertexOutput {
-    @builtin(position) position: vec4<f32>,
-    @location(0) texCoord: vec2<f32>,
-}
-
-fn isInside(uv: vec2<f32>) -> f32 {
-    let inside = step(vec2<f32>(0.0), uv) * step(uv, vec2<f32>(1.0));
-    return inside.x * inside.y;
-}
-
-@vertex
-fn vs_main(@builtin(vertex_index) vertexIndex: u32) -> VertexOutput {
-    var positions = array<vec2<f32>, 6>(
-        vec2<f32>(-1.0, -1.0),
-        vec2<f32>(1.0, -1.0),
-        vec2<f32>(-1.0, 1.0),
-        vec2<f32>(-1.0, 1.0),
-        vec2<f32>(1.0, -1.0),
-        vec2<f32>(1.0, 1.0)
-    );
-
-    var texCoords = array<vec2<f32>, 6>(
-        vec2<f32>(0.0, 1.0),
-        vec2<f32>(1.0, 1.0),
-        vec2<f32>(0.0, 0.0),
-        vec2<f32>(0.0, 0.0),
-        vec2<f32>(1.0, 1.0),
-        vec2<f32>(1.0, 0.0)
-    );
-
-    var output: VertexOutput;
-    output.position = vec4<f32>(positions[vertexIndex], 0.0, 1.0);
-    output.texCoord = texCoords[vertexIndex];
-    return output;
-}
-
-@fragment
-fn fs_main(input: VertexOutput) -> @location(0) vec4<f32> {
-    ${baseDecl}
-    ${baseStatement}
-    ${blurStatement}
-    ${colorStatement}
-
-    return ${modeExpression};
-}
-`;
-};
-export const getBitmapFilterShaderKey = (transformsBase, transformsBlur, isGlow, type, knockout, appliesStrength, isGradient) => {
-    const key1 = transformsBase ? "y" : "n";
-    const key2 = transformsBlur ? "y" : "n";
-    const key3 = isGlow ? "g" : "b";
-    const key4 = knockout ? "k" : "n";
-    const key5 = appliesStrength ? "s" : "n";
-    const key6 = isGradient ? "gr" : "so";
-    return `bitmap_${key1}${key2}${key3}${type}${key4}${key5}${key6}`;
-};

package/src/Filter/BlurFilter/service/BlurFilterComputeShaderService.d.ts

@@ -1,40 +0,0 @@
-import type { IAttachmentObject } from "../../../interface/IAttachmentObject";
-import type { IFilterConfig } from "../../../interface/IFilterConfig";
-import type { ComputePipelineManager } from "../../../Compute/ComputePipelineManager";
-/**
- * @description Compute Shaderでブラーパスを実行
- *              Apply blur pass using Compute Shader
- *
- * Fragment Shaderベースの従来実装と比較して：
- * - 並列処理による高速化（大きな半径で20-35%）
- * - 共有メモリを活用したメモリアクセス最適化
- * - ワークグループ内でのデータ共有
- *
- * @param {GPUDevice} device - WebGPU device
- * @param {GPUCommandEncoder} commandEncoder - コマンドエンコーダー
- * @param {ComputePipelineManager} computePipelineManager - Compute Pipeline Manager
- * @param {IFilterConfig} config - フィルター設定
- * @param {IAttachmentObject} source - 入力アタッチメント
- * @param {IAttachmentObject} dest - 出力アタッチメント
- * @param {boolean} isHorizontal - 水平ブラーかどうか
- * @param {number} blur - ブラー量
- * @return {void}
- */
-export declare const execute: (device: GPUDevice, commandEncoder: GPUCommandEncoder, computePipelineManager: ComputePipelineManager, _config: IFilterConfig, source: IAttachmentObject, dest: IAttachmentObject, isHorizontal: boolean, blur: number) => void;
-/**
- * @description Compute Shaderを使用すべきかどうか判定
- *              Determine whether to use Compute Shader
- *
- * 以下の条件でCompute Shaderを使用：
- * - ブラー半径が大きい（8以上）
- * - テクスチャサイズが十分大きい（256x256以上）
- *
- * 小さなブラー半径では Fragment Shader の方が効率的な場合がある。
- *
- * @param {number} blurX - X方向のブラー量
- * @param {number} blurY - Y方向のブラー量
- * @param {number} width - テクスチャ幅
- * @param {number} height - テクスチャ高さ
- * @return {boolean} Compute Shaderを使用すべきかどうか
- */
-export declare const shouldUseComputeShader: (blurX: number, blurY: number, width: number, height: number) => boolean;

package/src/Filter/BlurFilter/service/BlurFilterComputeShaderService.js

@@ -1,51 +0,0 @@
-import { execute as executeBlurCompute } from "../../../Compute/service/ComputeExecuteBlurService";
-/**
- * @description Compute Shaderでブラーパスを実行
- *              Apply blur pass using Compute Shader
- *
- * Fragment Shaderベースの従来実装と比較して：
- * - 並列処理による高速化（大きな半径で20-35%）
- * - 共有メモリを活用したメモリアクセス最適化
- * - ワークグループ内でのデータ共有
- *
- * @param {GPUDevice} device - WebGPU device
- * @param {GPUCommandEncoder} commandEncoder - コマンドエンコーダー
- * @param {ComputePipelineManager} computePipelineManager - Compute Pipeline Manager
- * @param {IFilterConfig} config - フィルター設定
- * @param {IAttachmentObject} source - 入力アタッチメント
- * @param {IAttachmentObject} dest - 出力アタッチメント
- * @param {boolean} isHorizontal - 水平ブラーかどうか
- * @param {number} blur - ブラー量
- * @return {void}
- */
-export const execute = (device, commandEncoder, computePipelineManager, _config, source, dest, isHorizontal, blur) => {
-    // ブラー半径を計算（ブラー量の半分）
-    const radius = Math.ceil(blur / 2);
-    // Compute Shaderでブラーを実行
-    executeBlurCompute(device, commandEncoder, computePipelineManager, source, dest, isHorizontal, radius);
-};
-/**
- * @description Compute Shaderを使用すべきかどうか判定
- *              Determine whether to use Compute Shader
- *
- * 以下の条件でCompute Shaderを使用：
- * - ブラー半径が大きい（8以上）
- * - テクスチャサイズが十分大きい（256x256以上）
- *
- * 小さなブラー半径では Fragment Shader の方が効率的な場合がある。
- *
- * @param {number} blurX - X方向のブラー量
- * @param {number} blurY - Y方向のブラー量
- * @param {number} width - テクスチャ幅
- * @param {number} height - テクスチャ高さ
- * @return {boolean} Compute Shaderを使用すべきかどうか
- */
-export const shouldUseComputeShader = (blurX, blurY, width, height) => {
-    // ブラー半径のしきい値
-    const BLUR_THRESHOLD = 4;
-    // テクスチャサイズのしきい値
-    const SIZE_THRESHOLD = 128;
-    const maxBlur = Math.max(blurX, blurY);
-    const minSize = Math.min(width, height);
-    return maxBlur >= BLUR_THRESHOLD && minSize >= SIZE_THRESHOLD;
-};

package/src/Filter/BlurFilter/usecase/FilterApplyBlurComputeUseCase.d.ts

@@ -1,25 +0,0 @@
-import type { IAttachmentObject } from "../../../interface/IAttachmentObject";
-import type { IFilterConfig } from "../../../interface/IFilterConfig";
-import type { ComputePipelineManager } from "../../../Compute/ComputePipelineManager";
-/**
- * @description Compute Shaderを使用したブラーフィルター
- *              Apply blur filter using Compute Shader
- *
- * Fragment Shaderベースの従来実装と比較して：
- * - 大きなブラー半径で20-35%高速化
- * - 並列処理による効率的なテクスチャサンプリング
- * - 共有メモリを活用したメモリアクセス最適化
- *
- * 小さなブラー半径（8未満）では従来のFragment Shaderを使用。
- *
- * @param {IAttachmentObject} sourceAttachment - 入力テクスチャ
- * @param {Float32Array} matrix - 変換行列
- * @param {number} blurX - X方向のブラー量
- * @param {number} blurY - Y方向のブラー量
- * @param {number} quality - クオリティ (1-15)
- * @param {number} devicePixelRatio - デバイスピクセル比
- * @param {IFilterConfig} config - WebGPUリソース設定
- * @param {ComputePipelineManager} computePipelineManager - Compute Pipeline Manager
- * @return {IAttachmentObject} - フィルター適用後のアタッチメント
- */
-export declare const execute: (sourceAttachment: IAttachmentObject, matrix: Float32Array, blurX: number, blurY: number, quality: number, devicePixelRatio: number, config: IFilterConfig, computePipelineManager: ComputePipelineManager) => IAttachmentObject;

package/src/Filter/BlurFilter/usecase/FilterApplyBlurComputeUseCase.js

@@ -1,180 +0,0 @@
-import { $offset } from "../../FilterOffset";
-import { calculateBlurParams } from "../../BlurFilterUseCase";
-import { execute as blurComputeService, shouldUseComputeShader } from "../service/BlurFilterComputeShaderService";
-import { execute as executeFragmentBlur } from "../FilterApplyBlurFilterUseCase";
-/**
- * @description プリアロケートされたFloat32Array (サイズ4)
- */
-const $uniform4 = new Float32Array(4);
-/**
- * @description プリアロケートされたBindGroupEntry配列 (バインディング3つ)
- */
-const $entries3 = [
-    { "binding": 0, "resource": { "buffer": null } },
-    { "binding": 1, "resource": null },
-    { "binding": 2, "resource": null }
-];
-/**
- * @description Compute Shaderを使用したブラーフィルター
- *              Apply blur filter using Compute Shader
- *
- * Fragment Shaderベースの従来実装と比較して：
- * - 大きなブラー半径で20-35%高速化
- * - 並列処理による効率的なテクスチャサンプリング
- * - 共有メモリを活用したメモリアクセス最適化
- *
- * 小さなブラー半径（8未満）では従来のFragment Shaderを使用。
- *
- * @param {IAttachmentObject} sourceAttachment - 入力テクスチャ
- * @param {Float32Array} matrix - 変換行列
- * @param {number} blurX - X方向のブラー量
- * @param {number} blurY - Y方向のブラー量
- * @param {number} quality - クオリティ (1-15)
- * @param {number} devicePixelRatio - デバイスピクセル比
- * @param {IFilterConfig} config - WebGPUリソース設定
- * @param {ComputePipelineManager} computePipelineManager - Compute Pipeline Manager
- * @return {IAttachmentObject} - フィルター適用後のアタッチメント
- */
-export const execute = (sourceAttachment, matrix, blurX, blurY, quality, devicePixelRatio, config, computePipelineManager) => {
-    const { device, commandEncoder, frameBufferManager, pipelineManager, textureManager } = config;
-    // ブラーパラメータを計算
-    const blurParams = calculateBlurParams(matrix, blurX, blurY, quality, devicePixelRatio);
-    const { baseBlurX, baseBlurY, offsetX, offsetY, bufferScaleX, bufferScaleY } = blurParams;
-    // オフセットを更新
-    $offset.x += offsetX;
-    $offset.y += offsetY;
-    // ブラー用バッファサイズを計算
-    const width = sourceAttachment.width + offsetX * 2;
-    const height = sourceAttachment.height + offsetY * 2;
-    const bufferWidth = Math.ceil(width * bufferScaleX);
-    const bufferHeight = Math.ceil(height * bufferScaleY);
-    // Compute Shaderを使用すべきか判定
-    const useCompute = shouldUseComputeShader(baseBlurX, baseBlurY, bufferWidth, bufferHeight);
-    if (!useCompute) {
-        // 小さなブラーは従来のFragment Shaderを使用
-        // FilterApplyBlurFilterUseCaseにフォールバック
-        return executeFragmentBlur(sourceAttachment, matrix, blurX, blurY, quality, devicePixelRatio, config);
-    }
-    // ピンポンバッファ用の一時アタッチメントを作成
-    const attachment0 = frameBufferManager.createTemporaryAttachment(bufferWidth, bufferHeight);
-    const attachment1 = frameBufferManager.createTemporaryAttachment(bufferWidth, bufferHeight);
-    // サンプラーを作成（線形補間）
-    const sampler = textureManager.createSampler("blur_compute_sampler", true);
-    // ソーステクスチャをattachment0にコピー
-    copyTextureToAttachment(device, commandEncoder, frameBufferManager, pipelineManager, sourceAttachment, attachment0, sampler, bufferScaleX, bufferScaleY, offsetX * bufferScaleX, offsetY * bufferScaleY, config.bufferManager);
-    // バッファスケールを考慮したブラー値
-    const bufferBlurX = baseBlurX * bufferScaleX;
-    const bufferBlurY = baseBlurY * bufferScaleY;
-    // Compute Shaderでブラーパスを実行
-    const attachments = [attachment0, attachment1];
-    let attachmentIndex = 0;
-    for (let q = 0; q < quality; ++q) {
-        // 水平ブラー
-        if (blurX > 0) {
-            const srcIndex = attachmentIndex;
-            attachmentIndex = (attachmentIndex + 1) % 2;
-            blurComputeService(device, commandEncoder, computePipelineManager, config, attachments[srcIndex], attachments[attachmentIndex], true, bufferBlurX);
-        }
-        // 垂直ブラー
-        if (blurY > 0) {
-            const srcIndex = attachmentIndex;
-            attachmentIndex = (attachmentIndex + 1) % 2;
-            blurComputeService(device, commandEncoder, computePipelineManager, config, attachments[srcIndex], attachments[attachmentIndex], false, bufferBlurY);
-        }
-    }
-    // 結果のアタッチメント
-    let resultAttachment = attachments[attachmentIndex];
-    // バッファスケールが1でない場合は元のサイズにアップスケール
-    if (bufferScaleX !== 1 || bufferScaleY !== 1) {
-        const finalAttachment = frameBufferManager.createTemporaryAttachment(width, height);
-        upscaleTexture(device, commandEncoder, frameBufferManager, pipelineManager, resultAttachment, finalAttachment, sampler, config.bufferManager);
-        // ピンポンバッファを解放
-        frameBufferManager.releaseTemporaryAttachment(attachment0);
-        frameBufferManager.releaseTemporaryAttachment(attachment1);
-        resultAttachment = finalAttachment;
-    }
-    else {
-        // 使わなかったバッファを解放
-        const unusedIndex = (attachmentIndex + 1) % 2;
-        frameBufferManager.releaseTemporaryAttachment(attachments[unusedIndex]);
-    }
-    return resultAttachment;
-};
-/**
- * @description テクスチャをアタッチメントにコピー
- */
-const copyTextureToAttachment = (device, commandEncoder, frameBufferManager, pipelineManager, source, dest, sampler, bufferScaleX, bufferScaleY, pixelOffsetX, pixelOffsetY, bufferManager) => {
-    const pipeline = pipelineManager.getPipeline("texture_copy_rgba8");
-    const bindGroupLayout = pipelineManager.getBindGroupLayout("texture_copy");
-    if (!pipeline || !bindGroupLayout) {
-        console.error("[WebGPU BlurCompute] texture_copy_rgba8 pipeline not found");
-        return;
-    }
-    const scaledSourceWidth = source.width * bufferScaleX;
-    const scaledSourceHeight = source.height * bufferScaleY;
-    $uniform4[0] = 1;
-    $uniform4[1] = 1;
-    $uniform4[2] = 0;
-    $uniform4[3] = 0;
-    const uniformBuffer = bufferManager
-        ? bufferManager.acquireAndWriteUniformBuffer($uniform4)
-        : device.createBuffer({
-            "size": $uniform4.byteLength,
-            "usage": GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST
-        });
-    if (!bufferManager) {
-        device.queue.writeBuffer(uniformBuffer, 0, $uniform4);
-    }
-    $entries3[0].resource.buffer = uniformBuffer;
-    $entries3[1].resource = sampler;
-    $entries3[2].resource = source.texture.view;
-    const bindGroup = device.createBindGroup({
-        "layout": bindGroupLayout,
-        "entries": $entries3
-    });
-    const renderPassDescriptor = frameBufferManager.createRenderPassDescriptor(dest.texture.view, 0, 0, 0, 0, "clear");
-    const passEncoder = commandEncoder.beginRenderPass(renderPassDescriptor);
-    passEncoder.setPipeline(pipeline);
-    passEncoder.setBindGroup(0, bindGroup);
-    passEncoder.setViewport(pixelOffsetX, pixelOffsetY, scaledSourceWidth, scaledSourceHeight, 0, 1);
-    passEncoder.setScissorRect(Math.floor(pixelOffsetX), Math.floor(pixelOffsetY), Math.ceil(scaledSourceWidth), Math.ceil(scaledSourceHeight));
-    passEncoder.draw(6, 1, 0, 0);
-    passEncoder.end();
-};
-/**
- * @description テクスチャをアップスケール
- */
-const upscaleTexture = (device, commandEncoder, frameBufferManager, pipelineManager, source, dest, sampler, bufferManager) => {
-    const pipeline = pipelineManager.getPipeline("texture_copy_rgba8");
-    const bindGroupLayout = pipelineManager.getBindGroupLayout("texture_copy");
-    if (!pipeline || !bindGroupLayout) {
-        console.error("[WebGPU BlurCompute] texture_copy_rgba8 pipeline not found");
-        return;
-    }
-    $uniform4[0] = 1;
-    $uniform4[1] = 1;
-    $uniform4[2] = 0;
-    $uniform4[3] = 0;
-    const uniformBuffer = bufferManager
-        ? bufferManager.acquireAndWriteUniformBuffer($uniform4)
-        : device.createBuffer({
-            "size": $uniform4.byteLength,
-            "usage": GPUBufferUsage.UNIFORM | GPUBufferUsage.COPY_DST
-        });
-    if (!bufferManager) {
-        device.queue.writeBuffer(uniformBuffer, 0, $uniform4);
-    }
-    $entries3[0].resource.buffer = uniformBuffer;
-    $entries3[1].resource = sampler;
-    $entries3[2].resource = source.texture.view;
-    const bindGroup = device.createBindGroup({
-        "layout": bindGroupLayout,
-        "entries": $entries3
-    });
-    const renderPassDescriptor = frameBufferManager.createRenderPassDescriptor(dest.texture.view, 0, 0, 0, 0, "clear");
-    const passEncoder = commandEncoder.beginRenderPass(renderPassDescriptor);
-    passEncoder.setPipeline(pipeline);
-    passEncoder.setBindGroup(0, bindGroup);
-    passEncoder.draw(6, 1, 0, 0);
-    passEncoder.end();
-};

package/src/Filter/BlurFilterShader.d.ts

@@ -1,5 +0,0 @@
-export declare class BlurFilterShader {
-    static getVertexShader(): string;
-    static getHorizontalBlurShader(): string;
-    static getVerticalBlurShader(): string;
-}

package/src/Filter/BlurFilterShader.js

@@ -1,109 +0,0 @@
-export class BlurFilterShader {
-    static getVertexShader() {
-        return /* wgsl */ `
-            struct VertexInput {
-                @location(0) position: vec2<f32>,
-                @location(1) texCoord: vec2<f32>,
-            }
-
-            struct VertexOutput {
-                @builtin(position) position: vec4<f32>,
-                @location(0) texCoord: vec2<f32>,
-            }
-
-            @vertex
-            fn main(input: VertexInput) -> VertexOutput {
-                var output: VertexOutput;
-                output.position = vec4<f32>(input.position, 0.0, 1.0);
-                output.texCoord = input.texCoord;
-                return output;
-            }
-        `;
-    }
-    static getHorizontalBlurShader() {
-        return /* wgsl */ `
-            struct VertexOutput {
-                @builtin(position) position: vec4<f32>,
-                @location(0) texCoord: vec2<f32>,
-            }
-
-            struct BlurUniforms {
-                blurSize: f32,
-                textureWidth: f32,
-                textureHeight: f32,
-                _padding: f32,
-            }
-
-            @group(0) @binding(0) var<uniform> uniforms: BlurUniforms;
-            @group(0) @binding(1) var textureSampler: sampler;
-            @group(0) @binding(2) var textureData: texture_2d<f32>;
-
-            @fragment
-            fn main(input: VertexOutput) -> @location(0) vec4<f32> {
-                let texelSize = 1.0 / uniforms.textureWidth;
-                var color = vec4<f32>(0.0);
-                let blurRadius = i32(uniforms.blurSize);
-
-                var totalWeight = 0.0;
-
-                for (var i = -blurRadius; i <= blurRadius; i++) {
-                    let offset = f32(i) * texelSize;
-                    let weight = 1.0 - abs(f32(i)) / f32(blurRadius + 1);
-
-                    let sampleCoord = vec2<f32>(
-                        input.texCoord.x + offset,
-                        input.texCoord.y
-                    );
-
-                    color += textureSample(textureData, textureSampler, sampleCoord) * weight;
-                    totalWeight += weight;
-                }
-
-                return color / totalWeight;
-            }
-        `;
-    }
-    static getVerticalBlurShader() {
-        return /* wgsl */ `
-            struct VertexOutput {
-                @builtin(position) position: vec4<f32>,
-                @location(0) texCoord: vec2<f32>,
-            }
-
-            struct BlurUniforms {
-                blurSize: f32,
-                textureWidth: f32,
-                textureHeight: f32,
-                _padding: f32,
-            }
-
-            @group(0) @binding(0) var<uniform> uniforms: BlurUniforms;
-            @group(0) @binding(1) var textureSampler: sampler;
-            @group(0) @binding(2) var textureData: texture_2d<f32>;
-
-            @fragment
-            fn main(input: VertexOutput) -> @location(0) vec4<f32> {
-                let texelSize = 1.0 / uniforms.textureHeight;
-                var color = vec4<f32>(0.0);
-                let blurRadius = i32(uniforms.blurSize);
-
-                var totalWeight = 0.0;
-
-                for (var i = -blurRadius; i <= blurRadius; i++) {
-                    let offset = f32(i) * texelSize;
-                    let weight = 1.0 - abs(f32(i)) / f32(blurRadius + 1);
-
-                    let sampleCoord = vec2<f32>(
-                        input.texCoord.x,
-                        input.texCoord.y + offset
-                    );
-
-                    color += textureSample(textureData, textureSampler, sampleCoord) * weight;
-                    totalWeight += weight;
-                }
-
-                return color / totalWeight;
-            }
-        `;
-    }
-}

package/src/Filter/ColorMatrixFilterShader.d.ts

@@ -1,4 +0,0 @@
-export declare class ColorMatrixFilterShader {
-    static getFragmentShader(): string;
-    static getVertexShader(): string;
-}

package/src/Filter/ColorMatrixFilterShader.js

@@ -1,51 +0,0 @@
-export class ColorMatrixFilterShader {
-    static getFragmentShader() {
-        return /* wgsl */ `
-            struct VertexOutput {
-                @builtin(position) position: vec4<f32>,
-                @location(0) texCoord: vec2<f32>,
-            }
-
-            struct ColorMatrixUniforms {
-                matrix: mat4x4<f32>,
-                offset: vec4<f32>,
-            }
-
-            @group(0) @binding(0) var<uniform> uniforms: ColorMatrixUniforms;
-            @group(0) @binding(1) var textureSampler: sampler;
-            @group(0) @binding(2) var textureData: texture_2d<f32>;
-
-            @fragment
-            fn main(input: VertexOutput) -> @location(0) vec4<f32> {
-                var color = textureSample(textureData, textureSampler, input.texCoord);
-
-                var result = uniforms.matrix * color + uniforms.offset;
-
-                result = clamp(result, vec4<f32>(0.0), vec4<f32>(1.0));
-
-                return result;
-            }
-        `;
-    }
-    static getVertexShader() {
-        return /* wgsl */ `
-            struct VertexInput {
-                @location(0) position: vec2<f32>,
-                @location(1) texCoord: vec2<f32>,
-            }
-
-            struct VertexOutput {
-                @builtin(position) position: vec4<f32>,
-                @location(0) texCoord: vec2<f32>,
-            }
-
-            @vertex
-            fn main(input: VertexInput) -> VertexOutput {
-                var output: VertexOutput;
-                output.position = vec4<f32>(input.position, 0.0, 1.0);
-                output.texCoord = input.texCoord;
-                return output;
-            }
-        `;
-    }
-}

package/src/Filter/ConvolutionFilterShader.d.ts

@@ -1,2 +0,0 @@
-export declare const getConvolutionFilterFragmentShader: (matrixX: number, matrixY: number, preserveAlpha: boolean, clamp: boolean) => string;
-export declare const getConvolutionFilterShaderKey: (matrixX: number, matrixY: number, preserveAlpha: boolean, clamp: boolean) => string;