pixel detection — 2 Technical Articles

Oct 28, 2021 · Frontend Development

How to Detect Canvas Shape Clicks Using Pixel Color and Transparency

By leveraging pixel color and alpha values, this guide explains how to determine whether a user click falls inside a Canvas shape, compares it with traditional methods like crossing number and winding number, and provides a practical implementation using Create.js with sample code.

Create.jsJavaScripthit testing

0 likes · 5 min read

How to Detect Canvas Shape Clicks Using Pixel Color and Transparency

Aotu Lab

Feb 17, 2017 · Game Development

Master 2D Collision Detection: From Bounding Boxes to SAT

This article explains common 2D collision‑detection techniques—including axis‑aligned bounding boxes, circle checks, grid partitioning, pixel‑level tests, ray casting, and the Separating Axis Theorem—detailing their concepts, algorithms, code examples, advantages, drawbacks, and typical use cases for game development.

2D gamesSATbounding box

0 likes · 15 min read

Master 2D Collision Detection: From Bounding Boxes to SAT