HomeAI & Machine LearningFeature Pyramid Network: Multi-Scale Object Detection

Feature Pyramid Network: Multi-Scale Object Detection (2D)

Interactive 2D Feature Pyramid Network simulator: a real bottom-up backbone extracts edge features at five resolutions from a synthetic scene, a real top-down pathway upsamples and fuses them, and real connected-component detection routes each object to the matching pyramid level by size.

AI & Machine Learning2DAdvanced60 FPS📱 Mobile-adapted⇄ 3D version
2d-ai-topic-39 ↗ Open standalone

This 2D counterpart builds a real Feature Pyramid Network from scratch on canvas pixel data: a Sobel edge map feeds a five-level bottom-up backbone (C2–C6, block pooling with a blended average/max to stand in for growing CNN receptive fields), then a genuine top-down pathway nearest-neighbor-upsamples each coarser level and element-wise adds it to the finer backbone level's lateral projection, producing fused pyramid outputs P2–P6 that are simultaneously high-resolution and semantically stronger than the raw backbone. A real flood-fill connected-component detector finds the scattered objects directly from pixel data, and each detected object's actual bounding-box size drives the same scale-assignment formula used by Faster R-CNN-FPN and RetinaNet (k = round(4 + log2(√(wh)/224))), so you can watch — and verify live — that small objects land on fine pyramid levels and large objects land on coarse ones.

⚙ Under the hood

Interactive 3D Feature Pyramid Network simulator: place an object of any pixel size in an image and watch the real FPN scale-assignment formula route it to the matching pyramid level, with lateral and top-down pathways you can toggle independently.

object detectionCNNfeature pyramidcomputer visionneural networkmulti-scale

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install

What did you find?

Add reproduction steps (optional)