Browser playground for OpenCV.js classic detectors —
Shi-Tomasi goodFeaturesToTrack, probabilistic HoughLinesP,
HoughCircles, and scene-structure overlays on webcam or still images.
Click or drop an image
GoodFeaturesToTrack▼
500
0.01
10
4
HoughCircles▼
2.0
30
100
30
0
100
2
HoughLinesP▼
1
1
80
50
10
2
Scene structures▼
6
40
Loading OpenCV.js…
About these detectors
This page runs classic computer-vision algorithms in the browser via
OpenCV.js. Feed a webcam stream or an image file, enable one or more
detectors, and tune parameters live. The same building blocks appear in generative
and AV work — turning machine vision into visible structure, motion lines, and geometric overlays.
GoodFeaturesToTrack (Shi-Tomasi)
goodFeaturesToTrack finds corner points and high-contrast features.
In tracking pipelines those points are followed across frames (e.g. Lucas–Kanade optical flow)
and rendered as motion trajectories — between machine vision and glitch / data aesthetics.
cv::HoughLinesP is the Probabilistic Hough Transform: it returns finite
line segments (x1,y1,x2,y2) instead of infinite lines. Useful for lane-like
structure, document edges, and reducing a scene to its linear skeleton for generative drawing.
cv::HoughCircles detects circles via the gradient-based Hough Circle Transform.
It is fast when edges are clean, but sensitive to parameter tuning — round objects in footage
become centers and radii for geometry, instancing, or interactive control.
minDist — spacing between circle centers
param1 / param2 — Canny high threshold and accumulator threshold
Built on detected lines: Manhattan (vertical/horizontal) filtering, vanishing-point
estimates, grid hints, and quadrilateral regions — a lightweight way to label
architectural cues in the frame for study or overlay aesthetics.