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

enhance(frontend/image-effector): tweak distort fx

This commit is contained in:
syuilo 2025-06-15 08:47:59 +09:00
parent 420756d744
commit b33eeb1366
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
packages/frontend/src/utility/image-effector/fxs/distort.ts
View File

@ -9,6 +9,10 @@ import { i18n } from '@/i18n.js';
const shader = `#version 300 es const shader = `#version 300 es
precision mediump float; precision mediump float;
const float PI = 3.141592653589793;
const float TWO_PI = 6.283185307179586;
const float HALF_PI = 1.5707963267948966;
in vec2 in_uv; in vec2 in_uv;
uniform sampler2D in_texture; uniform sampler2D in_texture;
uniform vec2 in_resolution; uniform vec2 in_resolution;
@ -20,8 +24,8 @@ out vec4 out_color;
void main() { void main() {
float v = u_direction == 0 ? float v = u_direction == 0 ?
sin(u_phase + in_uv.y * u_frequency) * u_strength : sin((HALF_PI + (u_phase * PI) - (u_frequency / 2.0)) + in_uv.y * u_frequency) * u_strength :
sin(u_phase + in_uv.x * u_frequency) * u_strength; sin((HALF_PI + (u_phase * PI) - (u_frequency / 2.0)) + in_uv.x * u_frequency) * u_strength;
vec4 in_color = u_direction == 0 ? vec4 in_color = u_direction == 0 ?
texture(in_texture, vec2(in_uv.x + v, in_uv.y)) : texture(in_texture, vec2(in_uv.x + v, in_uv.y)) :
texture(in_texture, vec2(in_uv.x, in_uv.y + v)); texture(in_texture, vec2(in_uv.x, in_uv.y + v));
@ -38,32 +42,32 @@ export const FX_distort = defineImageEffectorFx({
direction: { direction: {
type: 'number:enum' as const, type: 'number:enum' as const,
enum: [{ value: 0, label: 'v' }, { value: 1, label: 'h' }], enum: [{ value: 0, label: 'v' }, { value: 1, label: 'h' }],
default: 0, default: 1,
}, },
phase: { phase: {
type: 'number' as const, type: 'number' as const,
default: 50.0, default: 0.0,
min: 0.0, min: -1.0,
max: 100, max: 1.0,
step: 0.01, step: 0.01,
}, },
frequency: { frequency: {
type: 'number' as const, type: 'number' as const,
default: 50, default: 30,
min: 0, min: 0,
max: 100, max: 100,
step: 0.1, step: 0.1,
}, },
strength: { strength: {
type: 'number' as const, type: 'number' as const,
default: 0.1, default: 0.05,
min: 0, min: 0,
max: 1, max: 1,
step: 0.01, step: 0.01,
}, },
}, },
main: ({ gl, u, params }) => { main: ({ gl, u, params }) => {
gl.uniform1f(u.phase, params.phase / 10); gl.uniform1f(u.phase, params.phase);
gl.uniform1f(u.frequency, params.frequency); gl.uniform1f(u.frequency, params.frequency);
gl.uniform1f(u.strength, params.strength); gl.uniform1f(u.strength, params.strength);
gl.uniform1i(u.direction, params.direction); gl.uniform1i(u.direction, params.direction);