nemutas / app-wallpaper-filter

About

壁紙にFilterパネルを置くアプリケーションです。
主な目的は、PCのデスクトップでショートカットアイコンを際立たせるために使います。
This is an application that puts a filter panel on the wallpaper.
The main purpose of this application is to make shortcut icons stand out on your PC desktop.

https://nemutas.github.io/app-wallpaper-filter/

Usage

1. Drop image

2. Add filter

サイドナビゲーターからFilterパネルを追加します。
Add a Filter panel from the side navigator.

3. Adjust filter

サイドナビゲーターからFilterパネルを調整します。
Filterパネルの移動は、Drag操作で、リサイズは右下の爪で行うこともできます。
Adjust the Filter panel from the side navigator.
The Filter panel can also be moved using the Drag operation, and resized using the bottom right claw.

4. Save

保存は、PCのスクリーンショットで行います。
実際に壁紙として使用したときとの差異をなくすために、アプリケーションを全画面にしてから行うことを推奨します。
Save the file as a screenshot of your PC.
It is recommended to do this after making the application full screen to eliminate differences from when it is actually used as wallpaper.

！！！ Filter Guider ！！！

Filterにホバーすると、枠線が表示されます。
もし、ホバーを外しても枠線が残る場合は、Filterをダブルクリックすることで表示を戻すことができます。
When you hover over Filter, a border will appear.
If the border remains after removing the hover, you can double-click on the Filter to bring it back into view.

Technology

• React
• TypeScript
• PWA
• Recoil
• Material UI（v5）
• Emotion CSS
• Framer Motion（Filter Drag）