enhance(frontend/image-effector): tweak fxs

locales/index.d.ts

@@ -12224,6 +12224,10 @@ export interface Locale extends ILocale {
              * ブロックノイズ
              */
             "blockNoise": string;
+            /**
+             * ティアリング
+             */
+            "tearing": string;
         };
     };
 }

locales/ja-JP.yml

@@ -3274,3 +3274,4 @@ _imageEffector:
     polkadot: "ポルカドット"
     checker: "チェッカー"
     blockNoise: "ブロックノイズ"
+    tearing: "ティアリング"

packages/frontend/src/components/MkImageEffectorDialog.vue

@@ -96,7 +96,7 @@ watch(layers, async () => {
 }, { deep: true });
 
 function addEffect(ev: MouseEvent) {
-	os.popupMenu(FXS.filter(fx => fx.id !== 'watermarkPlacement').map((fx) => ({
+	os.popupMenu(FXS.map((fx) => ({
 		text: fx.name,
 		action: () => {
 			layers.push({

packages/frontend/src/utility/image-effector/fxs.ts

@@ -10,21 +10,17 @@ import { FX_colorClamp } from './fxs/colorClamp.js';
 import { FX_colorClampAdvanced } from './fxs/colorClampAdvanced.js';
 import { FX_distort } from './fxs/distort.js';
 import { FX_polkadot } from './fxs/polkadot.js';
-import { FX_glitch } from './fxs/glitch.js';
+import { FX_tearing } from './fxs/tearing.js';
 import { FX_grayscale } from './fxs/grayscale.js';
 import { FX_invert } from './fxs/invert.js';
 import { FX_mirror } from './fxs/mirror.js';
 import { FX_stripe } from './fxs/stripe.js';
 import { FX_threshold } from './fxs/threshold.js';
-import { FX_watermarkPlacement } from './fxs/watermarkPlacement.js';
 import { FX_zoomLines } from './fxs/zoomLines.js';
 import { FX_blockNoise } from './fxs/blockNoise.js';
 import type { ImageEffectorFx } from './ImageEffector.js';
 
 export const FXS = [
-	FX_watermarkPlacement,
-	FX_chromaticAberration,
-	FX_glitch,
 	FX_mirror,
 	FX_invert,
 	FX_grayscale,
@@ -37,5 +33,7 @@ export const FXS = [
 	FX_stripe,
 	FX_polkadot,
 	FX_checker,
+	FX_chromaticAberration,
+	FX_tearing,
 	FX_blockNoise,
 ] as const satisfies ImageEffectorFx<string, any>[];

packages/frontend/src/utility/image-effector/fxs/blockNoise.ts

@@ -49,7 +49,7 @@ void main() {
 
 export const FX_blockNoise = defineImageEffectorFx({
 	id: 'blockNoise' as const,
-	name: i18n.ts._imageEffector._fxs.blockNoise,
+	name: i18n.ts._imageEffector._fxs.glitch + ': ' + i18n.ts._imageEffector._fxs.blockNoise,
 	shader,
 	uniforms: ['amount', 'channelShift'] as const,
 	params: {

packages/frontend/src/utility/image-effector/fxs/tearing.ts

@@ -37,9 +37,9 @@ void main() {
 }
 `;
 
-export const FX_glitch = defineImageEffectorFx({
+export const FX_tearing = defineImageEffectorFx({
-	id: 'glitch' as const,
+	id: 'tearing' as const,
-	name: i18n.ts._imageEffector._fxs.glitch,
+	name: i18n.ts._imageEffector._fxs.glitch + ': ' + i18n.ts._imageEffector._fxs.tearing,
 	shader,
 	uniforms: ['amount', 'channelShift'] as const,
 	params: {