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

          
![Image](https://github.com/user-attachments/assets/25c3d8d5-0ded-4a23-b29f-a18642e98c37#gh-dark-mode-only)

![Image](https://github.com/user-attachments/assets/7a9f2895-c383-47fa-aab4-0ee3977d7a98#gh-light-mode-only)

 _🖱️ マウス操作で画像にグリッチエフェクトを適用できる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