Skip to content

Instantly share code, notes, and snippets.

@rm-hull rm-hull/hilbert-curve.cljs
Last active Aug 29, 2015

What would you like to do?
A Hilbert space-filling curve is a fractal first discovered by German mathematician David Hilbert in 1891. It is commonly used in mapping applications because they give a mapping between 1D and 2D space that fairly well preserves locality. Michelle Brush gave an excellent talk at Strangeloop 2014 entitled _Practical Fractals in Space_ (https://w…
(ns enchilada.hilbert-curve
[big-bang.core :refer [big-bang]]
[ :refer [offset-coords]]
[jayq.core :refer [show attr css]]
[enchilada :refer [ctx canvas]]
[inkspot.color-chart :as color-chart]
[monet.canvas :refer [begin-path move-to line-to
fill-rect fill-style
clear-rect stroke stroke-style stroke-width
save restore translate scale]]))
(defn rotate [n x y rx ry]
(pos? ry) [x y]
(zero? rx) [y x]
:else [(- n 1 y) (- n 1 x)]))
(defn hilbert [n x y]
(loop [s (quot n 2)
d 0
x x
y y]
(if (zero? s)
(let [rx (if (pos? (bit-and x s)) 3 0)
ry (if (pos? (bit-and y s)) 1 0)
[a b] (rotate s x y rx ry)]
(quot s 2)
(+ d (* s s (bit-xor rx ry)))
(defn curve [n]
(sort-by :d
(for [j (range n)
i (range n)]
{:x i :y j :d (hilbert n i j)})))
(defn initial-state [n]
{:colors (vec (color-chart/spectrum 4096))
:hilbert-curve (curve n)
:translate 10
:scale 9
:n n
:d 0})
(defn handle-mousemove [event {:keys [n scale translate] :as world-state}]
(let [[x y] (map #(quot (- % translate) scale) (offset-coords event))]
(if (and (<= 0 x n) (<= 0 y n))
(assoc world-state :d (hilbert n x y) :x x :y y)
world-state)) )
(defn draw-curve [ctx curve colors d']
(doseq [{:keys [x y d]} curve
:let [dist (Math/abs (- d' d))]]
(stroke-style (colors dist))
(line-to x y)
(move-to x y)))
(defn render [{:keys [d x y hilbert-curve colors] :as world-state}]
(fill-style :#444)
(fill-rect {:x 0 :y 0 :w 800 :h 600})
(translate (world-state :translate) (world-state :translate))
(scale (world-state :scale) (world-state :scale))
(stroke-width 0.2)
(draw-curve hilbert-curve colors d)
(attr :width 586)
(attr :height 586)
(css :cursor "cell")
:event-target canvas
:initial-state (initial-state 64)
:on-mousemove handle-mousemove
:to-draw render)
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.