https://github.com/ivgtr/glitch-image-web
🖱️ マウス操作で画像にグリッチエフェクトを適用できるWebサイト
https://github.com/ivgtr/glitch-image-web
animation glitch-effect
Last synced: 9 months ago
JSON representation
🖱️ マウス操作で画像にグリッチエフェクトを適用できるWebサイト
- Host: GitHub
- URL: https://github.com/ivgtr/glitch-image-web
- Owner: ivgtr
- Created: 2025-08-15T20:27:18.000Z (10 months ago)
- Default Branch: main
- Last Pushed: 2025-08-16T13:19:26.000Z (10 months ago)
- Last Synced: 2025-08-16T15:14:15.089Z (10 months ago)
- Topics: animation, glitch-effect
- Language: TypeScript
- Homepage: https://ivgtr.github.io/glitch-image-web/
- Size: 118 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README


_🖱️ マウス操作で画像にグリッチエフェクトを適用できるWebサイト_
**✨ Demo:** https://ivgtr.github.io/glitch-image-web/
## 基本操作
- 画像をアップロード
- マウス操作でエフェクト適用
- Tab でモード切り替え(R→G→B→RGB→ALL)
- Shift + R でリセット
- 分割高さで粗さを調整
- Shift + ドラッグで範囲指定
- 結果をダウンロード
## 🚀 クイックスタート
### 💻 ローカル開発
```bash
git clone https://github.com/ivgtr/glitch-image-web.git
npm install
npm run dev
```
## 🌟 推奨環境
- **画面幅**: 810px以上(PC)
- **ブラウザ**: Chrome, Firefox, Safari, Edge(最新版)
- **操作**: マウス・トラックパッド推奨
## 📄 ライセンス
MIT License
©2025 ivgtr