Skip to content
quatree implementation in javascript
JavaScript CSS
Branch: master
Clone or download

Latest commit

Fetching latest commit…
Cannot retrieve the latest commit at this time.


Type Name Latest commit message Commit time
Failed to load latest commit information.

QuadTree Implementation in JavaScript


  • silflow


To create a new empty Quadtree, do this:

args = {
   // mandatory fields
   x : x coordinate
   y : y coordinate
   w : width
   h : height
   // optional fields
   maxChildren : max children per node
   maxDepth : max depth of the tree

var tree = QUAD.init(args);

Available methods


takes arrays or single items. every item must contain the following properties:

var item = {
	// mandatory fields
	x : x coordinate
	y : y coordinate
	w : width
	h : height

if the item does not contain all of those fields, the behaviour of the tree is not defined

tree.retrieve(selector, callback)

iterates all items that match the selector and invokes the supplied callback on them.

var selector = {
	// mandatory fields
    x : topLeft coordinate,
    y : topRight coordinate,
    w : selection width
    h : selection height

tree.retrieve(selector, function(item) {

NOTE: The result contains all items in quadtree-regions that are overlapping with the selector.


removes all items from the quadtree.

You can’t perform that action at this time.