usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update blur.ts

This commit is contained in:
syuilo 2025-09-20 12:19:02 +09:00
parent 93b1d434ae
commit f90435a6be
1 changed files with 11 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/frontend/src/utility/image-effector/fxs/blur.ts
View File

@ -20,10 +20,6 @@ void main() {
vec4 result = vec4(0.0); vec4 result = vec4(0.0);
float totalSamples = 0.0; float totalSamples = 0.0;
// Simple box blur with configurable sample count
// The radius controls visual blur size, samples controls quality within that radius
int samples = min(u_samples, 128);
// Make blur radius resolution-independent by using a percentage of image size // Make blur radius resolution-independent by using a percentage of image size
// This ensures consistent visual blur regardless of image resolution // This ensures consistent visual blur regardless of image resolution
float referenceSize = min(in_resolution.x, in_resolution.y); float referenceSize = min(in_resolution.x, in_resolution.y);
@ -32,7 +28,7 @@ void main() {
// Calculate how many samples to take in each direction // Calculate how many samples to take in each direction
// This determines the grid density, not the blur extent // This determines the grid density, not the blur extent
int sampleRadius = int(sqrt(float(samples)) / 2.0); int sampleRadius = int(sqrt(float(u_samples)) / 2.0);
// Sample in a grid pattern within the specified radius // Sample in a grid pattern within the specified radius
for (int x = -sampleRadius; x <= sampleRadius; x++) { for (int x = -sampleRadius; x <= sampleRadius; x++) {
@ -64,24 +60,16 @@ export const FX_blur = defineImageEffectorFx({
uniforms: ['radius', 'samples'] as const, uniforms: ['radius', 'samples'] as const,
params: { params: {
radius: { radius: {
label: i18n.ts._imageEffector._fxProps.radius, label: i18n.ts._imageEffector._fxProps.strength,
type: 'number', type: 'number',
default: 3.0, default: 3.0,
min: 0.0, min: 0.0,
max: 15.0, max: 20.0,
step: 0.5, step: 0.5,
}, },
samples: {
label: i18n.ts._imageEffector._fxProps.samples,
type: 'number',
default: 64,
min: 9,
max: 128,
step: 1,
},
}, },
main: ({ gl, u, params }) => { main: ({ gl, u, params }) => {
gl.uniform1f(u.radius, params.radius); gl.uniform1f(u.radius, params.radius);
gl.uniform1i(u.samples, params.samples); gl.uniform1i(u.samples, 256);
}, },
}); });