https://github.com/engineersbox/quadtrees

JavaScript + p5.js implementation of the quadtree point decomposition algorithm
https://github.com/engineersbox/quadtrees

Last synced: 26 days ago
JSON representation

JavaScript + p5.js implementation of the quadtree point decomposition algorithm

• Host: GitHub
• URL: https://github.com/engineersbox/quadtrees
• Owner: EngineersBox
• Created: 2019-11-17T05:45:05.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2019-11-17T13:23:49.000Z (over 6 years ago)
• Last Synced: 2025-03-22T17:44:52.346Z (over 1 year ago)
• Language: JavaScript
• Size: 14.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# QuadTrees

QuadTrees are a 2D point decomposition algorithm, essentially grouping points into "boxes". Each box has a center point and a radius, both of which define an amount of space the box is responsible for.

It also has a capacity, a maximum amount of points it can hold before it has to split into 4 subdivisions, each of which are a box in and of themselves.

Here is an example of a QuadTree with box capacity 1:

![QuadTree Example](https://upload.wikimedia.org/wikipedia/commons/thumb/8/8b/Point_quadtree.svg/1024px-Point_quadtree.svg.png)

QuadTrees allow fast classification of points and speed up algorithms that require localised point querying, such as object interactions. 

Another use is for image compression, in this case the points are colour values. Each box would contain a threshold for which a colour and deviate and still remain classified inside that box. Anything outside of this deviation would cause it to subdivide.

Here is an example of image compression with QuadTrees:

![Image Compression Example](https://upload.wikimedia.org/wikipedia/commons/d/d7/Quadtree_compression_of_an_image.gif)

There is a 3D version of QuadTrees, called OctTrees that have the same idea but for 3 dimensions.

[Wikipedia article](https://en.wikipedia.org/wiki/Quadtree)