CS5720 - Week 4
Slide 65 of 80

Convolution Animation and Examples

Interactive Convolution Visualizer

Input Image

Kernel

Output

Input Type:
Kernel Type:
Animation Speed:
500ms
🎯 Current Operation
Position: (0, 0) | Kernel: Edge Detection | Output Value: 0

Common Convolution Examples

🔍 Edge Detection
-1
-1
-1
-1
8
-1
-1
-1
-1
→
Highlights boundaries and transitions
🌫️ Gaussian Blur
1
2
1
2
4
2
1
2
1
→
Smooths and reduces noise
↔️ Sobel Operator
-1
0
1
-2
0
2
-1
0
1
→
Detects vertical edges
🗿 Emboss Effect
-2
-1
0
-1
1
1
0
1
2
→
Creates 3D raised effect
💨 Motion Blur
0
0
0
1
1
1
0
0
0
→
Simulates horizontal motion
🎨 Custom Filters
?
?
?
?
?
?
?
?
?
→
Design your own filters!
← Previous Next →
Prepared by Dr. Gorkem Kar