BestHub
Sign in
Advanced AI Application Practice
Advanced AI Application Practice
Mar 29, 2023 · Frontend Development

How to Implement Alignment Features in a Graphics Editor

This article walks through the step‑by‑step implementation of alignment functions—left, center, right, top, middle, and bottom—in a graphics editor by computing AABB boxes, deriving a mixed bounding box, and applying concise JavaScript loops to adjust element positions.

AABBCanvasalignment
0 likes · 6 min read
How to Implement Alignment Features in a Graphics Editor
WecTeam
WecTeam
Aug 30, 2019 · Game Development

Mastering 2D Collision Detection: Vectors, AABB, OBB, and JavaScript Implementations

This article explains how to use simple shapes like circles and rectangles for fast 2D collision detection, reviews vector mathematics, provides a reusable Vector2d class with operations such as addition, subtraction, length, dot product and rotation, and shows concrete JavaScript code for circle‑circle, circle‑rectangle (both axis‑aligned and rotated) and rectangle‑rectangle collisions using AABB and OBB techniques.

2D GameAABBJavaScript
0 likes · 19 min read
Mastering 2D Collision Detection: Vectors, AABB, OBB, and JavaScript Implementations