@motion-core/motion-gpu/src/lib/passes/BlitPass.ts

Framework-agnostic WebGPU runtime for fullscreen WGSL shaders with explicit Svelte, React, and Vue adapter entrypoints.

import { FullscreenPass, type FullscreenPassOptions } from './FullscreenPass.js';

const FULLSCREEN_BLIT_SHADER = `
struct MotionGPUVertexOut {
	@builtin(position) position: vec4f,
	@location(0) uv: vec2f,
};

@group(0) @binding(0) var motiongpuBlitSampler: sampler;
@group(0) @binding(1) var motiongpuBlitTexture: texture_2d<f32>;

@vertex
fn motiongpuBlitVertex(@builtin(vertex_index) index: u32) -> MotionGPUVertexOut {
	var positions = array<vec2f, 3>(
		vec2f(-1.0, -3.0),
		vec2f(-1.0, 1.0),
		vec2f(3.0, 1.0)
	);

	let position = positions[index];
	var out: MotionGPUVertexOut;
	out.position = vec4f(position, 0.0, 1.0);
	out.uv = (position + vec2f(1.0, 1.0)) * 0.5;
	return out;
}

@fragment
fn motiongpuBlitFragment(in: MotionGPUVertexOut) -> @location(0) vec4f {
	return textureSample(motiongpuBlitTexture, motiongpuBlitSampler, in.uv);
}
`;

export type BlitPassOptions = FullscreenPassOptions;

/**
 * Fullscreen texture blit pass.
 */
export class BlitPass extends FullscreenPass {
	protected getProgram(): string {
		return FULLSCREEN_BLIT_SHADER;
	}

	constructor(options: BlitPassOptions = {}) {
		super(options);
	}

	protected getVertexEntryPoint(): string {
		return 'motiongpuBlitVertex';
	}

	protected getFragmentEntryPoint(): string {
		return 'motiongpuBlitFragment';
	}
}