@next2d/webgpu 3.0.5 → 3.1.0

package/src/Shader/ShaderSource.js

@@ -11,101 +11,223 @@ import { StencilWriteFragment, StencilFillFragment } from "./wgsl/fragment/Stenc
 import { MaskFragment } from "./wgsl/fragment/MaskFragment";
 import { BasicFragment, TextureFragment } from "./wgsl/fragment/BasicFragment";
 import { InstancedFragment } from "./wgsl/fragment/InstancedFragment";
-import { GradientFillFragment, GradientFillStencilFragment, GradientFragment } from "./wgsl/fragment/GradientFragment";
+import { GradientFillFragment, GradientFillStencilFragment } from "./wgsl/fragment/GradientFragment";
 import { BitmapFillFragment } from "./wgsl/fragment/BitmapFragment";
 import { TextureCopyFragment, BlurTextureCopyFragment, FilterOutputFragment, ColorTransformFragment, YFlipColorTransformFragment, ColorMatrixFilterFragment, NodeClearFragment, PositionedTextureFragment, BlendGenericFragment, BitmapSyncFragment } from "./wgsl/fragment/FilterFragment";
 import { GlowFilterFragment, DropShadowFilterFragment, GradientGlowFilterFragment, GradientBevelFilterFragment, BevelFilterFragment, BevelBaseFragment } from "./wgsl/fragment/EffectFragment";
 import { WgslIsInside, WgslVertexOutput } from "./wgsl/common/SharedWgsl";
+/**
+ * @description WebGPU用シェーダーソース管理クラス
+ *              WebGPU shader source management class providing all vertex and fragment shaders
+ */
 export class ShaderSource {
+    /**
+     * @description 塗り用頂点シェーダーを取得する
+     *              Get fill vertex shader
+     *
+     * @return {string}
+     */
     static getFillVertexShader() {
         return FillVertex;
     }
-    static getFillMainVertexShader() {
-        return FillVertex;
-    }
+    /**
+     * @description 塗り用フラグメントシェーダーを取得する
+     *              Get fill fragment shader
+     *
+     * @return {string}
+     */
     static getFillFragmentShader() {
         return FillFragment;
     }
+    /**
+     * @description ステンシル書き込み用頂点シェーダーを取得する
+     *              Get stencil write vertex shader
+     *
+     * @return {string}
+     */
     static getStencilWriteVertexShader() {
         return StencilWriteVertex;
     }
-    static getStencilWriteMainVertexShader() {
-        return StencilWriteVertex;
-    }
+    /**
+     * @description ステンシル書き込み用フラグメントシェーダーを取得する
+     *              Get stencil write fragment shader
+     *
+     * @return {string}
+     */
     static getStencilWriteFragmentShader() {
         return StencilWriteFragment;
     }
+    /**
+     * @description ステンシル塗り用頂点シェーダーを取得する
+     *              Get stencil fill vertex shader
+     *
+     * @return {string}
+     */
     static getStencilFillVertexShader() {
         return StencilFillVertex;
     }
-    static getStencilFillMainVertexShader() {
-        return StencilFillVertex;
-    }
+    /**
+     * @description ステンシル塗り用フラグメントシェーダーを取得する
+     *              Get stencil fill fragment shader
+     *
+     * @return {string}
+     */
     static getStencilFillFragmentShader() {
         return StencilFillFragment;
     }
+    /**
+     * @description マスク用頂点シェーダーを取得する
+     *              Get mask vertex shader
+     *
+     * @return {string}
+     */
     static getMaskVertexShader() {
         return MaskVertex;
     }
+    /**
+     * @description マスク用フラグメントシェーダーを取得する
+     *              Get mask fragment shader
+     *
+     * @return {string}
+     */
     static getMaskFragmentShader() {
         return MaskFragment;
     }
+    /**
+     * @description 基本頂点シェーダーを取得する
+     *              Get basic vertex shader
+     *
+     * @return {string}
+     */
     static getBasicVertexShader() {
         return BasicVertex;
     }
-    static getBasicMainVertexShader() {
-        return BasicVertex;
-    }
+    /**
+     * @description 基本フラグメントシェーダーを取得する
+     *              Get basic fragment shader
+     *
+     * @return {string}
+     */
     static getBasicFragmentShader() {
         return BasicFragment;
     }
+    /**
+     * @description テクスチャフラグメントシェーダーを取得する
+     *              Get texture fragment shader
+     *
+     * @return {string}
+     */
     static getTextureFragmentShader() {
         return TextureFragment;
     }
+    /**
+     * @description インスタンス描画用頂点シェーダーを取得する
+     *              Get instanced vertex shader
+     *
+     * @return {string}
+     */
     static getInstancedVertexShader() {
         return InstancedVertex;
     }
+    /**
+     * @description インスタンス描画用フラグメントシェーダーを取得する
+     *              Get instanced fragment shader
+     *
+     * @return {string}
+     */
     static getInstancedFragmentShader() {
         return InstancedFragment;
     }
+    /**
+     * @description グラデーション塗り用頂点シェーダーを取得する
+     *              Get gradient fill vertex shader
+     *
+     * @return {string}
+     */
     static getGradientFillVertexShader() {
         return GradientFillVertex;
     }
-    static getGradientFillMainVertexShader() {
-        return GradientFillVertex;
-    }
+    /**
+     * @description グラデーション塗り用フラグメントシェーダーを取得する
+     *              Get gradient fill fragment shader
+     *
+     * @return {string}
+     */
     static getGradientFillFragmentShader() {
         return GradientFillFragment;
     }
+    /**
+     * @description ステンシル用グラデーション塗りフラグメントシェーダーを取得する
+     *              Get gradient fill stencil fragment shader
+     *
+     * @return {string}
+     */
     static getGradientFillStencilFragmentShader() {
         return GradientFillStencilFragment;
     }
-    static getGradientFragmentShader() {
-        return GradientFragment;
-    }
+    /**
+     * @description ビットマップ塗り用頂点シェーダーを取得する
+     *              Get bitmap fill vertex shader
+     *
+     * @return {string}
+     */
     static getBitmapFillVertexShader() {
         return BitmapFillVertex;
     }
-    static getBitmapFillMainVertexShader() {
-        return BitmapFillVertex;
-    }
+    /**
+     * @description ビットマップ塗り用フラグメントシェーダーを取得する
+     *              Get bitmap fill fragment shader
+     *
+     * @return {string}
+     */
     static getBitmapFillFragmentShader() {
         return BitmapFillFragment;
     }
+    /**
+     * @description ブレンド用フラグメントシェーダーを取得する
+     *              Get blend fragment shader
+     *
+     * @return {string}
+     */
     static getBlendFragmentShader() {
         return BlendGenericFragment;
     }
+    /**
+     * @description ブラーフィルター用頂点シェーダーを取得する
+     *              Get blur filter vertex shader
+     *
+     * @return {string}
+     */
     static getBlurFilterVertexShader() {
         return BlurFilterVertex;
     }
+    /**
+     * @description ビットマップ同期用頂点シェーダーを取得する
+     *              Get bitmap sync vertex shader
+     *
+     * @return {string}
+     */
     static getBitmapSyncVertexShader() {
         return BitmapSyncVertex;
     }
+    /**
+     * @description ビットマップ同期用フラグメントシェーダーを取得する
+     *              Get bitmap sync fragment shader
+     *
+     * @return {string}
+     */
     static getBitmapSyncFragmentShader() {
         return BitmapSyncFragment;
     }
-    static getBlurFilterFragmentShader(halfBlur) {
-        const halfBlurFixed = halfBlur.toFixed(1);
+    /**
+     * @description ブラーフィルター用フラグメントシェーダーを生成する
+     *              Generate blur filter fragment shader
+     *
+     * @param  {number} half_blur - ブラーの半径値
+     * @return {string}
+     */
+    static getBlurFilterFragmentShader(half_blur) {
+        const halfBlurFixed = half_blur.toFixed(1);
         return /* wgsl */ `
 ${WgslVertexOutput}
 
@@ -136,52 +258,134 @@ fn main(input: VertexOutput) -> @location(0) vec4<f32> {
 }
 `;
     }
+    /**
+     * @description テクスチャコピー用フラグメントシェーダーを取得する
+     *              Get texture copy fragment shader
+     *
+     * @return {string}
+     */
     static getTextureCopyFragmentShader() {
         return TextureCopyFragment;
     }
+    /**
+     * @description ブラー用テクスチャコピーフラグメントシェーダーを取得する
+     *              Get blur texture copy fragment shader
+     *
+     * @return {string}
+     */
     static getBlurTextureCopyFragmentShader() {
         return BlurTextureCopyFragment;
     }
+    /**
+     * @description フィルター出力用フラグメントシェーダーを取得する
+     *              Get filter output fragment shader
+     *
+     * @return {string}
+     */
     static getFilterOutputFragmentShader() {
         return FilterOutputFragment;
     }
+    /**
+     * @description カラー変換フラグメントシェーダーを取得する
+     *              Get color transform fragment shader
+     *
+     * @return {string}
+     */
     static getColorTransformFragmentShader() {
         return ColorTransformFragment;
     }
+    /**
+     * @description Y軸反転付きカラー変換フラグメントシェーダーを取得する
+     *              Get Y-flip color transform fragment shader
+     *
+     * @return {string}
+     */
     static getYFlipColorTransformFragmentShader() {
         return YFlipColorTransformFragment;
     }
+    /**
+     * @description カラーマトリクスフィルターフラグメントシェーダーを取得する
+     *              Get color matrix filter fragment shader
+     *
+     * @return {string}
+     */
     static getColorMatrixFilterFragmentShader() {
         return ColorMatrixFilterFragment;
     }
+    /**
+     * @description グローフィルターフラグメントシェーダーを取得する
+     *              Get glow filter fragment shader
+     *
+     * @return {string}
+     */
     static getGlowFilterFragmentShader() {
         return GlowFilterFragment;
     }
+    /**
+     * @description ドロップシャドウフィルターフラグメントシェーダーを取得する
+     *              Get drop shadow filter fragment shader
+     *
+     * @return {string}
+     */
     static getDropShadowFilterFragmentShader() {
         return DropShadowFilterFragment;
     }
+    /**
+     * @description グラデーショングローフィルターフラグメントシェーダーを取得する
+     *              Get gradient glow filter fragment shader
+     *
+     * @return {string}
+     */
     static getGradientGlowFilterFragmentShader() {
         return GradientGlowFilterFragment;
     }
+    /**
+     * @description グラデーションベベルフィルターフラグメントシェーダーを取得する
+     *              Get gradient bevel filter fragment shader
+     *
+     * @return {string}
+     */
     static getGradientBevelFilterFragmentShader() {
         return GradientBevelFilterFragment;
     }
+    /**
+     * @description ベベルフィルターフラグメントシェーダーを取得する
+     *              Get bevel filter fragment shader
+     *
+     * @return {string}
+     */
     static getBevelFilterFragmentShader() {
         return BevelFilterFragment;
     }
+    /**
+     * @description ベベルフィルターベース処理フラグメントシェーダーを取得する
+     *              Get bevel filter base fragment shader
+     *
+     * @return {string}
+     */
     static getBevelBaseFragmentShader() {
         return BevelBaseFragment;
     }
-    static getConvolutionFilterFragmentShader(matrixX, matrixY, preserveAlpha = true, clamp = true) {
-        const halfX = Math.floor(matrixX * 0.5);
-        const halfY = Math.floor(matrixY * 0.5);
-        const size = matrixX * matrixY;
+    /**
+     * @description コンボリューション（畳み込み）フィルターフラグメントシェーダーを生成する
+     *              Generate convolution filter fragment shader
+     *
+     * @param  {number} matrix_x - コンボリューション行列のX次元サイズ
+     * @param  {number} matrix_y - コンボリューション行列のY次元サイズ
+     * @param  {boolean} [preserve_alpha=true] - 元のアルファ値を保持するかどうか
+     * @param  {boolean} [clamp=true] - UV座標を範囲内にクランプするかどうか
+     * @return {string}
+     */
+    static getConvolutionFilterFragmentShader(matrix_x, matrix_y, preserve_alpha = true, clamp = true) {
+        const halfX = Math.floor(matrix_x * 0.5);
+        const halfY = Math.floor(matrix_y * 0.5);
+        const size = matrix_x * matrix_y;
         let matrixStatement = "";
         for (let idx = 0; idx < size; idx++) {
             matrixStatement += `
     result = result + getWeightedColor(${idx}, getMatrixWeight(${idx}));`;
         }
-        const preserveAlphaStatement = preserveAlpha
+        const preserveAlphaStatement = preserve_alpha
             ? "result.a = textureSample(sourceTexture, sourceSampler, input.texCoord).a;"
             : "";
         const clampStatement = clamp
@@ -218,8 +422,8 @@ fn getMatrixWeight(index: i32) -> f32 {
 
 fn getWeightedColor(i: i32, weight: f32) -> vec4<f32> {
     let rcpSize = uniforms.rcpSize;
-    let iDivX = i / ${matrixX};
-    let iModX = i - ${matrixX} * iDivX;
+    let iDivX = i / ${matrix_x};
+    let iModX = i - ${matrix_x} * iDivX;
     let offset = vec2<f32>(f32(iModX - ${halfX}), f32(${halfY} - iDivX));
     var uv = input.texCoord + offset * rcpSize;
     var color = textureSample(sourceTexture, sourceSampler, uv);
@@ -268,11 +472,15 @@ fn fs_main(fragInput: VertexOutput) -> @location(0) vec4<f32> {
 }
 `;
     }
-    static getComplexBlendFragmentShader() {
-        return ShaderSource.getUnifiedComplexBlendFragmentShader();
-    }
-    static getBlendModeIndex(blendMode) {
-        switch (blendMode) {
+    /**
+     * @description ブレンドモード名からインデックスを取得する
+     *              Get blend mode index from blend mode name
+     *
+     * @param  {string} blend_mode - ブレンドモード名
+     * @return {number}
+     */
+    static getBlendModeIndex(blend_mode) {
+        switch (blend_mode) {
             case "subtract": return 0;
             case "multiply": return 1;
             case "lighten": return 2;
@@ -284,6 +492,12 @@ fn fs_main(fragInput: VertexOutput) -> @location(0) vec4<f32> {
             default: return 1;
         }
     }
+    /**
+     * @description 統合複合ブレンドフラグメントシェーダーを取得する
+     *              Get unified complex blend fragment shader
+     *
+     * @return {string}
+     */
     static getUnifiedComplexBlendFragmentShader() {
         return /* wgsl */ `
 ${WgslVertexOutput}
@@ -375,10 +589,19 @@ fn main(input: VertexOutput) -> @location(0) vec4<f32> {
 }
 `;
     }
-    static getDisplacementMapFilterFragmentShader(componentX, componentY, mode) {
+    /**
+     * @description ディスプレースメントマップフィルターフラグメントシェーダーを生成する
+     *              Generate displacement map filter fragment shader
+     *
+     * @param  {number} component_x - X方向の色コンポーネント (1:R, 2:G, 4:B, 8:A)
+     * @param  {number} component_y - Y方向の色コンポーネント (1:R, 2:G, 4:B, 8:A)
+     * @param  {number} mode - マッピングモード (0:wrap, 1:color, 2:repeat, 3:clamp)
+     * @return {string}
+     */
+    static getDisplacementMapFilterFragmentShader(component_x, component_y, mode) {
         let cx;
         let cy;
-        switch (componentX) {
+        switch (component_x) {
             case 1:
                 cx = "mapColor.r";
                 break;
@@ -395,7 +618,7 @@ fn main(input: VertexOutput) -> @location(0) vec4<f32> {
                 cx = "0.5";
                 break;
         }
-        switch (componentY) {
+        switch (component_y) {
             case 1:
                 cy = "mapColor.r";
                 break;
@@ -482,36 +705,102 @@ fn main(input: VertexOutput) -> @location(0) vec4<f32> {
 }
 `;
     }
+    /**
+     * @description ノードクリア用頂点シェーダーを取得する
+     *              Get node clear vertex shader
+     *
+     * @return {string}
+     */
     static getNodeClearVertexShader() {
         return NodeClearVertex;
     }
+    /**
+     * @description ノードクリア用フラグメントシェーダーを取得する
+     *              Get node clear fragment shader
+     *
+     * @return {string}
+     */
     static getNodeClearFragmentShader() {
         return NodeClearFragment;
     }
+    /**
+     * @description 位置指定テクスチャ用頂点シェーダーを取得する
+     *              Get positioned texture vertex shader
+     *
+     * @return {string}
+     */
     static getPositionedTextureVertexShader() {
         return PositionedTextureVertex;
     }
+    /**
+     * @description テクスチャスケール用頂点シェーダーを取得する
+     *              Get texture scale vertex shader
+     *
+     * @return {string}
+     */
     static getTextureScaleVertexShader() {
         return TextureScaleVertex;
     }
+    /**
+     * @description テクスチャスケールブレンド用頂点シェーダーを取得する
+     *              Get texture scale blend vertex shader
+     *
+     * @return {string}
+     */
     static getTextureScaleBlendVertexShader() {
         return TextureScaleBlendVertex;
     }
+    /**
+     * @description 複合ブレンドスケール用頂点シェーダーを取得する
+     *              Get complex blend scale vertex shader
+     *
+     * @return {string}
+     */
     static getComplexBlendScaleVertexShader() {
         return ComplexBlendScaleVertex;
     }
+    /**
+     * @description 複合ブレンド用頂点シェーダーを取得する
+     *              Get complex blend vertex shader
+     *
+     * @return {string}
+     */
     static getComplexBlendVertexShader() {
         return ComplexBlendVertex;
     }
+    /**
+     * @description 複合ブレンドコピー用頂点シェーダーを取得する
+     *              Get complex blend copy vertex shader
+     *
+     * @return {string}
+     */
     static getComplexBlendCopyVertexShader() {
         return ComplexBlendCopyVertex;
     }
+    /**
+     * @description 複合ブレンド出力用頂点シェーダーを取得する
+     *              Get complex blend output vertex shader
+     *
+     * @return {string}
+     */
     static getComplexBlendOutputVertexShader() {
         return ComplexBlendOutputVertex;
     }
+    /**
+     * @description フィルター複合ブレンド出力用頂点シェーダーを取得する
+     *              Get filter complex blend output vertex shader
+     *
+     * @return {string}
+     */
     static getFilterComplexBlendOutputVertexShader() {
         return FilterComplexBlendOutputVertex;
     }
+    /**
+     * @description 位置指定テクスチャ用フラグメントシェーダーを取得する
+     *              Get positioned texture fragment shader
+     *
+     * @return {string}
+     */
     static getPositionedTextureFragmentShader() {
         return PositionedTextureFragment;
     }

package/src/Shader/wgsl/common/SharedWgsl.d.ts

@@ -1,5 +1,32 @@
+/**
+ * @description UV座標が0〜1の範囲内にあるかを判定するWGSLヘルパー関数
+ *              WGSL helper function that checks if UV coordinates are within the 0-1 range
+ *
+ * @type {string}
+ * @constant
+ */
 export declare const WgslIsInside = "\nfn isInside(uv: vec2<f32>) -> f32 {\n    let s = step(vec2<f32>(0.0), uv) * step(uv, vec2<f32>(1.0));\n    return s.x * s.y;\n}";
+/**
+ * @description フルスクリーン四角形の頂点座標定義（NDC空間）
+ *              Full-screen quad vertex positions definition in NDC space
+ *
+ * @type {string}
+ * @constant
+ */
 export declare const WgslFullscreenPositions = "\n    const positions = array<vec2<f32>, 6>(\n        vec2<f32>(-1.0, -1.0),\n        vec2<f32>( 1.0, -1.0),\n        vec2<f32>(-1.0,  1.0),\n        vec2<f32>(-1.0,  1.0),\n        vec2<f32>( 1.0, -1.0),\n        vec2<f32>( 1.0,  1.0)\n    );";
+/**
+ * @description 単位四角形の頂点座標定義（0〜1空間）
+ *              Unit quad vertex positions definition in 0-1 space
+ *
+ * @type {string}
+ * @constant
+ */
 export declare const WgslUnitQuadVertices = "\n    const vertices = array<vec2<f32>, 6>(\n        vec2<f32>(0.0, 0.0),\n        vec2<f32>(1.0, 0.0),\n        vec2<f32>(0.0, 1.0),\n        vec2<f32>(0.0, 1.0),\n        vec2<f32>(1.0, 0.0),\n        vec2<f32>(1.0, 1.0)\n    );";
+/**
+ * @description 標準的な頂点シェーダー出力構造体のWGSL定義
+ *              WGSL definition of the standard vertex shader output struct
+ *
+ * @type {string}
+ * @constant
+ */
 export declare const WgslVertexOutput = "\nstruct VertexOutput {\n    @builtin(position) position: vec4<f32>,\n    @location(0) texCoord: vec2<f32>,\n}";
-export declare const WgslFullscreenTexCoords = "\n    const texCoords = array<vec2<f32>, 6>(\n        vec2<f32>(0.0, 1.0),\n        vec2<f32>(1.0, 1.0),\n        vec2<f32>(0.0, 0.0),\n        vec2<f32>(0.0, 0.0),\n        vec2<f32>(1.0, 1.0),\n        vec2<f32>(1.0, 0.0)\n    );";

package/src/Shader/wgsl/common/SharedWgsl.js

@@ -1,8 +1,22 @@
+/**
+ * @description UV座標が0〜1の範囲内にあるかを判定するWGSLヘルパー関数
+ *              WGSL helper function that checks if UV coordinates are within the 0-1 range
+ *
+ * @type {string}
+ * @constant
+ */
 export const WgslIsInside = `
 fn isInside(uv: vec2<f32>) -> f32 {
     let s = step(vec2<f32>(0.0), uv) * step(uv, vec2<f32>(1.0));
     return s.x * s.y;
 }`;
+/**
+ * @description フルスクリーン四角形の頂点座標定義（NDC空間）
+ *              Full-screen quad vertex positions definition in NDC space
+ *
+ * @type {string}
+ * @constant
+ */
 export const WgslFullscreenPositions = `
     const positions = array<vec2<f32>, 6>(
         vec2<f32>(-1.0, -1.0),
@@ -12,6 +26,13 @@ export const WgslFullscreenPositions = `
         vec2<f32>( 1.0, -1.0),
         vec2<f32>( 1.0,  1.0)
     );`;
+/**
+ * @description 単位四角形の頂点座標定義（0〜1空間）
+ *              Unit quad vertex positions definition in 0-1 space
+ *
+ * @type {string}
+ * @constant
+ */
 export const WgslUnitQuadVertices = `
     const vertices = array<vec2<f32>, 6>(
         vec2<f32>(0.0, 0.0),
@@ -21,17 +42,15 @@ export const WgslUnitQuadVertices = `
         vec2<f32>(1.0, 0.0),
         vec2<f32>(1.0, 1.0)
     );`;
+/**
+ * @description 標準的な頂点シェーダー出力構造体のWGSL定義
+ *              WGSL definition of the standard vertex shader output struct
+ *
+ * @type {string}
+ * @constant
+ */
 export const WgslVertexOutput = `
 struct VertexOutput {
     @builtin(position) position: vec4<f32>,
     @location(0) texCoord: vec2<f32>,
 }`;
-export const WgslFullscreenTexCoords = `
-    const 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)
-    );`;

package/src/Shader/wgsl/fragment/BasicFragment.d.ts

@@ -1,2 +1,16 @@
+/**
+ * @description 頂点カラーをそのまま出力する基本フラグメントシェーダー
+ *              Basic fragment shader that outputs vertex color directly
+ *
+ * @type {string}
+ * @constant
+ */
 export declare const BasicFragment = "\nstruct VertexOutput {\n    @builtin(position) position: vec4<f32>,\n    @location(0) texCoord: vec2<f32>,\n    @location(1) color: vec4<f32>,\n}\n\n@fragment\nfn main(input: VertexOutput) -> @location(0) vec4<f32> {\n    return input.color;\n}\n";
+/**
+ * @description テクスチャサンプリングと頂点カラーを乗算するフラグメントシェーダー
+ *              Fragment shader that multiplies texture sampling with vertex color
+ *
+ * @type {string}
+ * @constant
+ */
 export declare const TextureFragment = "\nstruct VertexOutput {\n    @builtin(position) position: vec4<f32>,\n    @location(0) texCoord: vec2<f32>,\n    @location(1) color: vec4<f32>,\n}\n\n@group(0) @binding(1) var textureSampler: sampler;\n@group(0) @binding(2) var textureData: texture_2d<f32>;\n\n@fragment\nfn main(input: VertexOutput) -> @location(0) vec4<f32> {\n    let textureColor = textureSampleLevel(textureData, textureSampler, input.texCoord, 0);\n    return textureColor * input.color;\n}\n";