Merge pull request #1 from DanielHader/updates-from-wang

migrated code from uark wang

README.md

 # WebTAS
-A tile assembly simulator for your browser.
 
-requires three.js
+Authors: Daniel Hader, Matthew Patitz
+
+A blazing fast tile-assembly simulator for your browser.
+

assets/examples/6x6_square.tdp

+6x6_square.tds
+temperature=2
+Seed0 0 0

assets/examples/6x6_square.tds

+TILENAME Seed0
+LABEL L0
+NORTHBIND 1
+NORTHLABEL L0
+EASTBIND 2
+EASTLABEL fill*
+SOUTHBIND 2
+SOUTHLABEL *fill
+WESTBIND 2
+WESTLABEL S1
+TILECOLOR Green
+CREATE
+
+TILENAME Seed1
+LABEL 1
+NORTHBIND 1
+NORTHLABEL 1
+EASTBIND 2
+EASTLABEL S1
+SOUTHBIND 1
+SOUTHLABEL fill
+WESTBIND 2
+WESTLABEL S2
+TILECOLOR Green
+CREATE
+
+TILENAME Seed2
+LABEL M1
+NORTHBIND 2
+NORTHLABEL M1
+EASTBIND 2
+EASTLABEL S2
+SOUTHBIND 1
+SOUTHLABEL fill
+WESTBIND 0
+WESTLABEL 
+TILECOLOR Green
+CREATE
+
+TILENAME L0
+LABEL L0
+NORTHBIND 1
+NORTHLABEL L0
+EASTBIND 1
+EASTLABEL fill
+SOUTHBIND 2
+SOUTHLABEL L1
+WESTBIND 1
+WESTLABEL <1
+TILECOLOR Yellow
+CREATE
+
+TILENAME L1
+LABEL L1
+NORTHBIND 2
+NORTHLABEL L1
+EASTBIND 1
+EASTLABEL fill
+SOUTHBIND 1
+SOUTHLABEL L0
+WESTBIND 1
+WESTLABEL 0>
+TILECOLOR Yellow
+CREATE
+
+TILENAME <00
+LABEL 0
+NORTHBIND 1
+NORTHLABEL 0
+EASTBIND 1
+EASTLABEL <0
+SOUTHBIND 1
+SOUTHLABEL 0
+WESTBIND 1
+WESTLABEL <0
+TILECOLOR Yellow
+CREATE
+
+TILENAME <01
+LABEL 1
+NORTHBIND 1
+NORTHLABEL 1
+EASTBIND 1
+EASTLABEL <1
+SOUTHBIND 1
+SOUTHLABEL 0
+WESTBIND 1
+WESTLABEL <0
+TILECOLOR Yellow
+CREATE
+
+TILENAME <10
+LABEL 1
+NORTHBIND 1
+NORTHLABEL 1
+EASTBIND 1
+EASTLABEL <0
+SOUTHBIND 1
+SOUTHLABEL 1
+WESTBIND 1
+WESTLABEL <0
+TILECOLOR Yellow
+CREATE
+
+TILENAME <11
+LABEL 0
+NORTHBIND 1
+NORTHLABEL 0
+EASTBIND 1
+EASTLABEL <1
+SOUTHBIND 1
+SOUTHLABEL 1
+WESTBIND 1
+WESTLABEL <1
+TILECOLOR Yellow
+CREATE
+
+TILENAME 00>
+LABEL 0
+NORTHBIND 1
+NORTHLABEL 0
+EASTBIND 1
+EASTLABEL 0>
+SOUTHBIND 1
+SOUTHLABEL 0
+WESTBIND 1
+WESTLABEL 0>
+TILECOLOR Yellow
+CREATE
+
+TILENAME 10>
+LABEL 1
+NORTHBIND 1
+NORTHLABEL 1
+EASTBIND 1
+EASTLABEL 0>
+SOUTHBIND 1
+SOUTHLABEL 1
+WESTBIND 1
+WESTLABEL 0>
+TILECOLOR Yellow
+CREATE
+
+TILENAME M0>
+LABEL M0
+NORTHBIND 1
+NORTHLABEL M0
+EASTBIND 1
+EASTLABEL 0>
+SOUTHBIND 2
+SOUTHLABEL M0
+WESTBIND 0
+WESTLABEL 
+TILECOLOR Yellow
+CREATE
+
+TILENAME M1>
+LABEL M1
+NORTHBIND 1
+NORTHLABEL M1
+EASTBIND 1
+EASTLABEL 0>
+SOUTHBIND 2
+SOUTHLABEL M1
+WESTBIND 0
+WESTLABEL 
+TILECOLOR Yellow
+CREATE
+
+TILENAME <M0
+LABEL M0
+NORTHBIND 2
+NORTHLABEL M0
+EASTBIND 1
+EASTLABEL <0
+SOUTHBIND 1
+SOUTHLABEL M0
+WESTBIND 0
+WESTLABEL 
+TILECOLOR Yellow
+CREATE
+
+TILENAME <M1
+LABEL M1
+NORTHBIND 2
+NORTHLABEL M1
+EASTBIND 1
+EASTLABEL <0
+SOUTHBIND 1
+SOUTHLABEL M1
+WESTBIND 0
+WESTLABEL 
+TILECOLOR Yellow
+CREATE
+
+TILENAME <M1c
+LABEL M1
+NORTHBIND 2
+NORTHLABEL M1
+EASTBIND 1
+EASTLABEL <1
+SOUTHBIND 1
+SOUTHLABEL M0
+WESTBIND 0
+WESTLABEL 
+TILECOLOR Yellow
+CREATE
+
+TILENAME End
+LABEL End
+NORTHBIND 0
+NORTHLABEL 
+EASTBIND 1
+EASTLABEL <1
+SOUTHBIND 1
+SOUTHLABEL M1
+WESTBIND 0
+WESTLABEL 
+TILECOLOR Yellow
+CREATE
+
+TILENAME fill
+LABEL fill
+NORTHBIND 1
+NORTHLABEL fill
+EASTBIND 1
+EASTLABEL fill
+SOUTHBIND 1
+SOUTHLABEL fill
+WESTBIND 1
+WESTLABEL fill
+TILECOLOR Grey
+CREATE
+
+TILENAME fill2
+LABEL fill
+NORTHBIND 1
+NORTHLABEL fill>
+EASTBIND 1
+EASTLABEL fill>
+SOUTHBIND 1
+SOUTHLABEL fill>
+WESTBIND 1
+WESTLABEL fill>
+TILECOLOR Grey
+CREATE
+
+TILENAME fill>
+LABEL fill>
+NORTHBIND 1
+NORTHLABEL fill*
+EASTBIND 1
+EASTLABEL fill>
+SOUTHBIND 1
+SOUTHLABEL fill>
+WESTBIND 2
+WESTLABEL fill*
+TILECOLOR Grey
+CREATE
+
+TILENAME fill*
+LABEL fill*
+NORTHBIND 1
+NORTHLABEL fill
+EASTBIND 2
+EASTLABEL fill*
+SOUTHBIND 1
+SOUTHLABEL fill*
+WESTBIND 1
+WESTLABEL fill
+TILECOLOR Grey
+CREATE
+
+TILENAME *fill
+LABEL *fill
+NORTHBIND 2
+NORTHLABEL *fill
+EASTBIND 1
+EASTLABEL fill>
+SOUTHBIND 1
+SOUTHLABEL fill>
+WESTBIND 1
+WESTLABEL *fill
+TILECOLOR Grey
+CREATE
+
+TILENAME <fill
+LABEL *fill
+NORTHBIND 1
+NORTHLABEL fill
+EASTBIND 1
+EASTLABEL *fill
+SOUTHBIND 2
+SOUTHLABEL *fill
+WESTBIND 1
+WESTLABEL fill
+TILECOLOR Grey
+CREATE
+

assets/examples/SierpinskiTriangle.tdp

+SierpinskiTriangle.tds
+Temperature=2
+SEED 0 0 0

assets/examples/SierpinskiTriangle.tds

+TILENAME SEED
+LABEL Seed
+NORTHBIND 2
+EASTBIND 2
+SOUTHBIND 2
+WESTBIND 2
+NORTHLABEL 1
+EASTLABEL 1
+SOUTHLABEL foo
+WESTLABEL bar
+TILECOLOR red
+CREATE
+
+
+TILENAME BOTTOM
+LABEL Bottom
+NORTHBIND 1
+EASTBIND 2
+SOUTHBIND 0
+WESTBIND 2
+NORTHLABEL 1
+EASTLABEL 1
+SOUTHLABEL 
+WESTLABEL 1
+TILECOLOR red
+CREATE
+
+
+TILENAME RIGHT
+LABEL Right
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 2
+WESTBIND 0
+NORTHLABEL 1
+EASTLABEL 1
+SOUTHLABEL 1
+WESTLABEL 
+TILECOLOR red
+CREATE
+
+
+TILENAME 01
+LABEL 1
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL 1
+EASTLABEL 1
+SOUTHLABEL 0
+WESTLABEL 1
+TILECOLOR red
+CREATE
+
+
+TILENAME 10
+LABEL 1
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL 1
+EASTLABEL 1
+SOUTHLABEL 1
+WESTLABEL 0
+TILECOLOR red
+CREATE
+
+
+TILENAME 00
+LABEL 0
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL 0
+EASTLABEL 0
+SOUTHLABEL 0
+WESTLABEL 0
+CREATE
+
+
+TILENAME 11
+LABEL 0
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL 0
+EASTLABEL 0
+SOUTHLABEL 1
+WESTLABEL 1
+CREATE
+
+

assets/examples/logwidth_binary_counter.tdp

+logwidth_binary_counter.tds
+temperature=2
+SEED 0 0

assets/examples/logwidth_binary_counter.tds

+TILENAME SEED
+LABEL M0*L
+NORTHBIND 2
+NORTHLABEL M0*L
+EASTBIND 0
+EASTLABEL 
+SOUTHBIND 0
+SOUTHLABEL 
+WESTBIND 0
+WESTLABEL 
+CREATE
+
+TILENAME M1*L|-99|M0*L|-99
+LABEL M1*L
+NORTHBIND 2
+NORTHLABEL M1*L
+EASTBIND 0
+EASTLABEL 
+SOUTHBIND 2
+SOUTHLABEL M0*L
+WESTBIND 0
+WESTLABEL 
+TILECOLOR RGBA(255, 0, 0, 255)
+CREATE
+
+TILENAME 0*L|-99|M1*L|M
+LABEL 0*L
+NORTHBIND 2
+NORTHLABEL 0*L
+EASTBIND 0
+EASTLABEL 
+SOUTHBIND 2
+SOUTHLABEL M1*L
+WESTBIND 2
+WESTLABEL M
+CREATE
+
+TILENAME M1|M|-99|M
+LABEL M1
+NORTHBIND 1
+NORTHLABEL M1
+EASTBIND 2
+EASTLABEL M
+SOUTHBIND 0
+SOUTHLABEL 
+WESTBIND 0
+WESTLABEL M
+TILECOLOR RGBA(255, 0, 0, 255)
+CREATE
+
+TILENAME 1L|-99|0*L|c*
+LABEL 1L
+NORTHBIND 1
+NORTHLABEL 1L
+EASTBIND 0
+EASTLABEL 
+SOUTHBIND 2
+SOUTHLABEL 0*L
+WESTBIND 1
+WESTLABEL c*
+TILECOLOR RGBA(255, 0, 0, 255)
+CREATE
+
+TILENAME M1*|c*|M1|-99
+LABEL M1*
+NORTHBIND 2
+NORTHLABEL M1*
+EASTBIND 1
+EASTLABEL c*
+SOUTHBIND 1
+SOUTHLABEL M1
+WESTBIND 0
+WESTLABEL 
+TILECOLOR RGBA(255, 0, 0, 255)
+CREATE
+
+TILENAME M1|*|M0*|-99
+LABEL M1
+NORTHBIND 1
+NORTHLABEL M1
+EASTBIND 1
+EASTLABEL *
+SOUTHBIND 2
+SOUTHLABEL M0*
+WESTBIND 0
+WESTLABEL 
+TILECOLOR RGBA(255, 0, 0, 255)
+CREATE
+
+TILENAME 0|*|M1*|M
+LABEL 0
+NORTHBIND 1
+NORTHLABEL 0
+EASTBIND 1
+EASTLABEL *
+SOUTHBIND 2
+SOUTHLABEL M1*
+WESTBIND 2
+WESTLABEL M
+CREATE
+
+TILENAME 0*L|-99|0L|*
+LABEL 0*L
+NORTHBIND 2
+NORTHLABEL 0*L
+EASTBIND 0
+EASTLABEL 
+SOUTHBIND 1
+SOUTHLABEL 0L
+WESTBIND 1
+WESTLABEL *
+CREATE
+
+TILENAME 0*L|-99|1L|*
+LABEL 0*L
+NORTHBIND 2
+NORTHLABEL 0*L
+EASTBIND 0
+EASTLABEL 
+SOUTHBIND 1
+SOUTHLABEL 1L
+WESTBIND 1
+WESTLABEL *
+CREATE
+
+TILENAME 0*|c*|0|c
+LABEL 0*
+NORTHBIND 2
+NORTHLABEL 0*
+EASTBIND 1
+EASTLABEL c*
+SOUTHBIND 1
+SOUTHLABEL 0
+WESTBIND 1
+WESTLABEL c
+CREATE
+
+TILENAME 0|c|0|c
+LABEL 0
+NORTHBIND 1
+NORTHLABEL 0
+EASTBIND 1
+EASTLABEL c
+SOUTHBIND 1
+SOUTHLABEL 0
+WESTBIND 1
+WESTLABEL c
+CREATE
+
+TILENAME M0|c|M0|-99
+LABEL M0
+NORTHBIND 1
+NORTHLABEL M0
+EASTBIND 1
+EASTLABEL c
+SOUTHBIND 1
+SOUTHLABEL M0
+WESTBIND 0
+WESTLABEL 
+CREATE
+
+TILENAME 1|c|1|c
+LABEL 1
+NORTHBIND 1
+NORTHLABEL 1
+EASTBIND 1
+EASTLABEL c
+SOUTHBIND 1
+SOUTHLABEL 1
+WESTBIND 1
+WESTLABEL c
+TILECOLOR RGBA(255, 0, 0, 255)
+CREATE
+
+TILENAME M1|c|M1|-99
+LABEL M1
+NORTHBIND 1
+NORTHLABEL M1
+EASTBIND 1
+EASTLABEL c
+SOUTHBIND 1
+SOUTHLABEL M1
+WESTBIND 0
+WESTLABEL 
+TILECOLOR RGBA(255, 0, 0, 255)
+CREATE
+
+TILENAME 0|*|0|*
+LABEL 0
+NORTHBIND 1
+NORTHLABEL 0
+EASTBIND 1
+EASTLABEL *
+SOUTHBIND 1
+SOUTHLABEL 0
+WESTBIND 1
+WESTLABEL *
+CREATE
+
+TILENAME 0|*|1|*
+LABEL 0
+NORTHBIND 1
+NORTHLABEL 0
+EASTBIND 1
+EASTLABEL *
+SOUTHBIND 1
+SOUTHLABEL 1
+WESTBIND 1
+WESTLABEL *
+CREATE
+
+TILENAME 1|*|0*|c
+LABEL 1
+NORTHBIND 1
+NORTHLABEL 1
+EASTBIND 1
+EASTLABEL *
+SOUTHBIND 2
+SOUTHLABEL 0*
+WESTBIND 1
+WESTLABEL c
+TILECOLOR RGBA(255, 0, 0, 255)
+CREATE
+
+TILENAME 1|c*|1|c*
+LABEL 1
+NORTHBIND 1
+NORTHLABEL 1
+EASTBIND 1
+EASTLABEL c*
+SOUTHBIND 1
+SOUTHLABEL 1
+WESTBIND 1
+WESTLABEL c*
+TILECOLOR RGBA(255, 0, 0, 255)
+CREATE
+

assets/examples/turing_machine.tdp

+simple_TM.tds
+Temperature=2
+[q0],0 1 1
+1|>|1|> 2 1
+1|>|1|> 3 1
+0|>|0|> 4 1
+1|>|1|> 5 1
+0|>|0|> 6 1
+RIGHT0 7 1

assets/examples/turing_machine.tds

+TILENAME 0|<|0|<
+LABEL 0
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL 0
+EASTLABEL <
+SOUTHLABEL 0
+WESTLABEL <
+CREATE
+
+
+TILENAME 0|>|0|>
+LABEL 0
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL 0
+EASTLABEL >
+SOUTHLABEL 0
+WESTLABEL >
+CREATE
+
+
+TILENAME [q0],0
+LABEL [q0],0
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 0
+WESTBIND 0
+NORTHLABEL [q0],0
+EASTLABEL >
+SOUTHLABEL -99
+WESTLABEL -99
+CREATE
+
+
+TILENAME 1|<|1|<
+LABEL 1
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL 1
+EASTLABEL <
+SOUTHLABEL 1
+WESTLABEL <
+CREATE
+
+
+TILENAME 1|>|1|>
+LABEL 1
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL 1
+EASTLABEL >
+SOUTHLABEL 1
+WESTLABEL >
+CREATE
+
+
+TILENAME [q0],1
+LABEL [q0],1
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 0
+WESTBIND 0
+NORTHLABEL [q0],1
+EASTLABEL >
+SOUTHLABEL -99
+WESTLABEL -99
+CREATE
+
+
+TILENAME _|<|_|<
+LABEL _
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL _
+EASTLABEL <
+SOUTHLABEL _
+WESTLABEL <
+CREATE
+
+
+TILENAME _|>|_|>
+LABEL _
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL _
+EASTLABEL >
+SOUTHLABEL _
+WESTLABEL >
+CREATE
+
+
+TILENAME [q0],_
+LABEL [q0],_
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 0
+WESTBIND 0
+NORTHLABEL [q0],_
+EASTLABEL >
+SOUTHLABEL -99
+WESTLABEL -99
+CREATE
+
+
+TILENAME RIGHT0
+LABEL _
+NORTHBIND 1
+EASTBIND 0
+SOUTHBIND 0
+WESTBIND 1
+NORTHLABEL _*
+EASTLABEL -99
+SOUTHLABEL -99
+WESTLABEL >
+CREATE
+
+
+TILENAME RIGHT1
+LABEL _
+NORTHBIND 1
+EASTBIND 2
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL _
+EASTLABEL _*
+SOUTHLABEL _*
+WESTLABEL >
+CREATE
+
+
+TILENAME RIGHT2
+LABEL _
+NORTHBIND 1
+EASTBIND 0
+SOUTHBIND 0
+WESTBIND 2
+NORTHLABEL _*
+EASTLABEL -99
+SOUTHLABEL -99
+WESTLABEL _*
+CREATE
+
+
+TILENAME [q0],0|>|0|[q0],0
+LABEL [q0],0
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL [q0],0
+EASTLABEL >
+SOUTHLABEL 0
+WESTLABEL [q0],0
+CREATE
+
+
+TILENAME [q0],1|>|1|[q0],0
+LABEL [q0],1
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL [q0],1
+EASTLABEL >
+SOUTHLABEL 1
+WESTLABEL [q0],0
+CREATE
+
+
+TILENAME [q0],_|>|_|[q0],0
+LABEL [q0],_
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL [q0],_
+EASTLABEL >
+SOUTHLABEL _
+WESTLABEL [q0],0
+CREATE
+
+
+TILENAME 0|[q0],0|[q0],0|<
+LABEL 0
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 2
+WESTBIND 1
+NORTHLABEL 0
+EASTLABEL [q0],0
+SOUTHLABEL [q0],0
+WESTLABEL <
+CREATE
+
+
+TILENAME [q0],0|>|0|[q0],1
+LABEL [q0],0
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL [q0],0
+EASTLABEL >
+SOUTHLABEL 0
+WESTLABEL [q0],1
+CREATE
+
+
+TILENAME [q0],1|>|1|[q0],1
+LABEL [q0],1
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL [q0],1
+EASTLABEL >
+SOUTHLABEL 1
+WESTLABEL [q0],1
+CREATE
+
+
+TILENAME [q0],_|>|_|[q0],1
+LABEL [q0],_
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL [q0],_
+EASTLABEL >
+SOUTHLABEL _
+WESTLABEL [q0],1
+CREATE
+
+
+TILENAME 1|[q0],1|[q0],1|<
+LABEL 1
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 2
+WESTBIND 1
+NORTHLABEL 1
+EASTLABEL [q0],1
+SOUTHLABEL [q0],1
+WESTLABEL <
+CREATE
+
+
+TILENAME [q1],1|[q0],_|1|<
+LABEL [q1],1
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL [q1],1
+EASTLABEL [q0],_
+SOUTHLABEL 1
+WESTLABEL <
+CREATE
+
+
+TILENAME HALT|[q0],_|0|<
+LABEL [q1],0
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL HALT
+EASTLABEL [q0],_
+SOUTHLABEL 0
+WESTLABEL <
+CREATE
+
+
+TILENAME _|>|[q0],_|[q0],_
+LABEL _
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 2
+WESTBIND 1
+NORTHLABEL _
+EASTLABEL >
+SOUTHLABEL [q0],_
+WESTLABEL [q0],_
+CREATE
+
+
+TILENAME [q0],0|[q1],1|0|<
+LABEL [q0],0
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL [q0],0
+EASTLABEL [q1],1
+SOUTHLABEL 0
+WESTLABEL <
+CREATE
+
+
+TILENAME [q0],1|[q1],1|1|<
+LABEL [q0],1
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL [q0],1
+EASTLABEL [q1],1
+SOUTHLABEL 1
+WESTLABEL <
+CREATE
+
+
+TILENAME [q0],_|[q1],1|_|<
+LABEL [q0],_
+NORTHBIND 2
+EASTBIND 1
+SOUTHBIND 1
+WESTBIND 1
+NORTHLABEL [q0],_
+EASTLABEL [q1],1
+SOUTHLABEL _
+WESTLABEL <
+CREATE
+
+
+TILENAME 1|>|[q1],1|[q1],1
+LABEL 1
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 2
+WESTBIND 1
+NORTHLABEL 1
+EASTLABEL >
+SOUTHLABEL [q1],1
+WESTLABEL [q1],1
+CREATE
+
+
+TILENAME 0|>|[q1],0|[q1],0
+LABEL 0
+NORTHBIND 1
+EASTBIND 1
+SOUTHBIND 2
+WESTBIND 1
+NORTHLABEL 0
+EASTLABEL >
+SOUTHLABEL [q1],0
+WESTLABEL [q1],0
+CREATE
+
+
+TILENAME HALT
+LABEL HALT
+NORTHBIND 0
+EASTBIND 0
+SOUTHBIND 2
+WESTBIND 0
+NORTHLABEL -99
+EASTLABEL -99
+SOUTHLABEL HALT
+WESTLABEL -99
+TILECOLOR red
+CREATE
+
+

assets/fonts/OpenSansCondensed-Light/mtsdf.json

+{"atlas":{"type":"mtsdf","distanceRange":2,"size":49,"width":256,"height":256,"yOrigin":"bottom"},"metrics":{"emSize":1,"lineHeight":1.36181640625,"ascender":1.06884765625,"descender":-0.29296875,"underlineY":-0.10009765625,"underlineThickness":0.0498046875},"glyphs":[{"unicode":32,"advance":0.18798828125},{"unicode":33,"advance":0.22021484375,"planeBounds":{"left":0.048638791454081627,"bottom":-0.034727758290816327,"right":0.17108777104591835,"top":0.74078244579081631},"atlasBounds":{"left":132.5,"bottom":165.5,"right":138.5,"top":203.5}},{"unicode":34,"advance":0.3349609375,"planeBounds":{"left":0.034827407525510209,"bottom":0.43189971301020408,"right":0.30013352997448978,"top":0.73802216198979587},"atlasBounds":{"left":17.5,"bottom":2.5,"right":30.5,"top":17.5}},{"unicode":35,"advance":0.423828125,"planeBounds":{"left":-0.0028599330357142478,"bottom":-0.020617426658163268,"right":0.4257114955357143,"top":0.73448461415816324},"atlasBounds":{"left":187.5,"bottom":125.5,"right":208.5,"top":162.5}},{"unicode":36,"advance":0.39990234375,"planeBounds":{"left":0.016765983737244937,"bottom":-0.087945432079081634,"right":0.38411292251275514,"top":0.78960558832908156},"atlasBounds":{"left":136.5,"bottom":212.5,"right":154.5,"top":255.5}},{"unicode":37,"advance":0.58984375,"planeBounds":{"left":0.019411670918367381,"bottom":-0.030577367665816327,"right":0.57043207908163263,"top":0.74493283641581631},"atlasBounds":{"left":145.5,"bottom":165.5,"right":172.5,"top":203.5}},{"unicode":38,"advance":0.4072265625,"planeBounds":{"left":0.0059291294642857522,"bottom":-0.030577367665816327,"right":0.4345005580357143,"top":0.74493283641581631},"atlasBounds":{"left":173.5,"bottom":165.5,"right":194.5,"top":203.5}},{"unicode":39,"advance":0.18994140625,"planeBounds":{"left":0.043950294961734686,"bottom":0.43189971301020408,"right":0.14599111128826528,"top":0.73802216198979587},"atlasBounds":{"left":248.5,"bottom":61.5,"right":253.5,"top":76.5}},{"unicode":40,"advance":0.27587890625,"planeBounds":{"left":0.020373286033163268,"bottom":-0.18135164221938774,"right":0.26527124521683676,"top":0.73701570471938771},"atlasBounds":{"left":52.5,"bottom":210.5,"right":64.5,"top":255.5}},{"unicode":41,"advance":0.27587890625,"planeBounds":{"left":0.010607661033163266,"bottom":-0.18135164221938774,"right":0.25550562021683676,"top":0.73701570471938771},"atlasBounds":{"left":65.5,"bottom":210.5,"right":77.5,"top":255.5}},{"unicode":42,"advance":0.36376953125,"planeBounds":{"left":0.01861945950255104,"bottom":0.45465461575255101,"right":0.34515007174744899,"top":0.78118522799744894},"atlasBounds":{"left":0.5,"bottom":1.5,"right":16.5,"top":17.5}},{"unicode":43,"advance":0.39990234375,"planeBounds":{"left":0.006073620854591873,"bottom":0.098413584183673505,"right":0.39382872289540816,"top":0.60861766581632648},"atlasBounds":{"left":170.5,"bottom":22.5,"right":189.5,"top":47.5}},{"unicode":44,"advance":0.2060546875,"planeBounds":{"left":0.012361487563775501,"bottom":-0.15726143973214285,"right":0.17562679368622447,"top":0.12845284598214285},"atlasBounds":{"left":51.5,"bottom":3.5,"right":59.5,"top":17.5}},{"unicode":45,"advance":0.251953125,"planeBounds":{"left":0.0035275829081632664,"bottom":0.21899912308673472,"right":0.24842554209183673,"top":0.32103993941326531},"atlasBounds":{"left":172.5,"bottom":50.5,"right":184.5,"top":55.5}},{"unicode":46,"advance":0.2060546875,"planeBounds":{"left":0.041802853954081627,"bottom":-0.037443199936224497,"right":0.16425183354591835,"top":0.12582210618622447},"atlasBounds":{"left":248.5,"bottom":77.5,"right":254.5,"top":85.5}},{"unicode":47,"advance":0.34814453125,"planeBounds":{"left":0.0035325653698979956,"bottom":-0.020617426658163268,"right":0.35047134088010201,"top":0.73448461415816324},"atlasBounds":{"left":232.5,"bottom":125.5,"right":249.5,"top":162.5}},{"unicode":48,"advance":0.39990234375,"planeBounds":{"left":0.015789421237244937,"bottom":-0.030577367665816327,"right":0.38313636001275514,"top":0.74493283641581631},"atlasBounds":{"left":195.5,"bottom":165.5,"right":213.5,"top":203.5}},{"unicode":49,"advance":0.39990234375,"planeBounds":{"left":0.049376195790816327,"bottom":-0.020617426658163268,"right":0.27386599170918369,"top":0.73448461415816324},"atlasBounds":{"left":199.5,"bottom":86.5,"right":210.5,"top":123.5}},{"unicode":50,"advance":0.39990234375,"planeBounds":{"left":0.012371452487244935,"bottom":-0.025694555165816327,"right":0.37971839126275514,"top":0.74981564891581631},"atlasBounds":{"left":214.5,"bottom":165.5,"right":232.5,"top":203.5}},{"unicode":51,"advance":0.39990234375,"planeBounds":{"left":0.010418327487244935,"bottom":-0.030577367665816327,"right":0.37776526626275514,"top":0.74493283641581631},"atlasBounds":{"left":233.5,"bottom":165.5,"right":251.5,"top":203.5}},{"unicode":52,"advance":0.39990234375,"planeBounds":{"left":-0.011648995535714248,"bottom":-0.026671117665816327,"right":0.4169224330357143,"top":0.74883908641581631},"atlasBounds":{"left":0.5,"bottom":124.5,"right":21.5,"top":162.5}},{"unicode":53,"advance":0.39990234375,"planeBounds":{"left":0.017742546237244937,"bottom":-0.035704320790816327,"right":0.38508948501275514,"top":0.73980588329081631},"atlasBounds":{"left":22.5,"bottom":124.5,"right":40.5,"top":162.5}},{"unicode":54,"advance":0.39990234375,"planeBounds":{"left":0.018719108737244937,"bottom":-0.030577367665816327,"right":0.38606604751275514,"top":0.74493283641581631},"atlasBounds":{"left":41.5,"bottom":124.5,"right":59.5,"top":162.5}},{"unicode":55,"advance":0.39990234375,"planeBounds":{"left":0.002655652104591873,"bottom":-0.020617426658163268,"right":0.39041075414540816,"top":0.73448461415816324},"atlasBounds":{"left":70.5,"bottom":48.5,"right":89.5,"top":85.5}},{"unicode":56,"advance":0.39990234375,"planeBounds":{"left":0.006806042729591873,"bottom":-0.030577367665816327,"right":0.39456114477040816,"top":0.74493283641581631},"atlasBounds":{"left":60.5,"bottom":124.5,"right":79.5,"top":162.5}},{"unicode":57,"advance":0.39990234375,"planeBounds":{"left":0.0099300462372449352,"bottom":-0.030577367665816327,"right":0.37727698501275514,"top":0.74493283641581631},"atlasBounds":{"left":80.5,"bottom":124.5,"right":98.5,"top":162.5}},{"unicode":58,"advance":0.2060546875,"planeBounds":{"left":0.041802853954081627,"bottom":-0.034443757971938743,"right":0.16425183354591835,"top":0.55739297672193877},"atlasBounds":{"left":207.5,"bottom":56.5,"right":213.5,"top":85.5}},{"unicode":59,"advance":0.2060546875,"planeBounds":{"left":0.012361487563775501,"bottom":-0.15621512276785712,"right":0.17562679368622447,"top":0.5580705915178571},"atlasBounds":{"left":163.5,"bottom":50.5,"right":171.5,"top":85.5}},{"unicode":60,"advance":0.39990234375,"planeBounds":{"left":0.006561902104591873,"bottom":0.11784518494897964,"right":0.39431700414540816,"top":0.58723294005102045},"atlasBounds":{"left":190.5,"bottom":24.5,"right":209.5,"top":47.5}},{"unicode":61,"advance":0.39990234375,"planeBounds":{"left":0.006073620854591873,"bottom":0.19898955676020411,"right":0.39382872289540816,"top":0.50511200573979587},"atlasBounds":{"left":31.5,"bottom":2.5,"right":50.5,"top":17.5}},{"unicode":62,"advance":0.39990234375,"planeBounds":{"left":0.005585339604591873,"bottom":0.11784518494897964,"right":0.39334044164540816,"top":0.58723294005102045},"atlasBounds":{"left":210.5,"bottom":24.5,"right":229.5,"top":47.5}},{"unicode":63,"advance":0.2822265625,"planeBounds":{"left":-0.0049176897321428388,"bottom":-0.029600805165816327,"right":0.28079659598214285,"top":0.74590939891581631},"atlasBounds":{"left":241.5,"bottom":217.5,"right":255.5,"top":255.5}},{"unicode":64,"advance":0.60205078125,"planeBounds":{"left":0.027468311543367388,"bottom":-0.11289760044642856,"right":0.57848871970663263,"top":0.7442452566964286},"atlasBounds":{"left":155.5,"bottom":213.5,"right":182.5,"top":255.5}},{"unicode":65,"advance":0.39697265625,"planeBounds":{"left":-0.026003467793367312,"bottom":-0.020617426658163268,"right":0.42297612404336732,"top":0.73448461415816324},"atlasBounds":{"left":109.5,"bottom":48.5,"right":131.5,"top":85.5}},{"unicode":66,"advance":0.44287109375,"planeBounds":{"left":0.057293327487244937,"bottom":-0.020617426658163268,"right":0.42464026626275514,"top":0.73448461415816324},"atlasBounds":{"left":90.5,"bottom":48.5,"right":108.5,"top":85.5}},{"unicode":67,"advance":0.419921875,"planeBounds":{"left":0.030731823979591878,"bottom":-0.040293168048469385,"right":0.41848692602040816,"top":0.75562519929846927},"atlasBounds":{"left":112.5,"bottom":164.5,"right":131.5,"top":203.5}},{"unicode":68,"advance":0.48583984375,"planeBounds":{"left":0.051045320471938813,"bottom":-0.020617426658163268,"right":0.45920858577806123,"top":0.73448461415816324},"atlasBounds":{"left":49.5,"bottom":48.5,"right":69.5,"top":85.5}},{"unicode":69,"advance":0.384765625,"planeBounds":{"left":0.054458306760204106,"bottom":-0.020617426658163268,"right":0.36058075573979592,"top":0.73448461415816324},"atlasBounds":{"left":33.5,"bottom":48.5,"right":48.5,"top":85.5}},{"unicode":70,"advance":0.35595703125,"planeBounds":{"left":0.054946588010204106,"bottom":-0.020617426658163268,"right":0.36106903698979592,"top":0.73448461415816324},"atlasBounds":{"left":17.5,"bottom":48.5,"right":32.5,"top":85.5}},{"unicode":71,"advance":0.52490234375,"planeBounds":{"left":0.02702487244897963,"bottom":-0.030577367665816327,"right":0.49641262755102045,"top":0.74493283641581631},"atlasBounds":{"left":99.5,"bottom":124.5,"right":122.5,"top":162.5}},{"unicode":72,"advance":0.5009765625,"planeBounds":{"left":0.056610730229591871,"bottom":-0.020617426658163268,"right":0.44436583227040816,"top":0.73448461415816324},"atlasBounds":{"left":231.5,"bottom":86.5,"right":250.5,"top":123.5}},{"unicode":73,"advance":0.2041015625,"planeBounds":{"left":0.051030373086734686,"bottom":-0.020617426658163268,"right":0.15307118941326528,"top":0.73448461415816324},"atlasBounds":{"left":250.5,"bottom":125.5,"right":255.5,"top":162.5}},{"unicode":74,"advance":0.19580078125,"planeBounds":{"left":-0.073670679209183673,"bottom":-0.20254205197704081,"right":0.15081911670918366,"top":0.73623345822704078},"atlasBounds":{"left":16.5,"bottom":209.5,"right":27.5,"top":255.5}},{"unicode":75,"advance":0.40283203125,"planeBounds":{"left":0.056805046237244937,"bottom":-0.020617426658163268,"right":0.42415198501275514,"top":0.73448461415816324},"atlasBounds":{"left":180.5,"bottom":86.5,"right":198.5,"top":123.5}},{"unicode":76,"advance":0.34716796875,"planeBounds":{"left":0.049575494260204106,"bottom":-0.020617426658163268,"right":0.35569794323979592,"top":0.73448461415816324},"atlasBounds":{"left":164.5,"bottom":86.5,"right":179.5,"top":123.5}},{"unicode":77,"advance":0.68115234375,"planeBounds":{"left":0.054861886160714322,"bottom":-0.020617426658163268,"right":0.6262904575892857,"top":0.73448461415816324},"atlasBounds":{"left":135.5,"bottom":86.5,"right":163.5,"top":123.5}},{"unicode":78,"advance":0.5322265625,"planeBounds":{"left":0.051827566964285754,"bottom":-0.020617426658163268,"right":0.4803989955357143,"top":0.73448461415816324},"atlasBounds":{"left":113.5,"bottom":86.5,"right":134.5,"top":123.5}},{"unicode":79,"advance":0.52001953125,"planeBounds":{"left":0.02531588807397963,"bottom":-0.030577367665816327,"right":0.49470364317602045,"top":0.74493283641581631},"atlasBounds":{"left":123.5,"bottom":124.5,"right":146.5,"top":162.5}},{"unicode":80,"advance":0.41015625,"planeBounds":{"left":0.054069674744897996,"bottom":-0.020617426658163268,"right":0.40100845025510201,"top":0.73448461415816324},"atlasBounds":{"left":75.5,"bottom":86.5,"right":92.5,"top":123.5}},{"unicode":81,"advance":0.52001953125,"planeBounds":{"left":0.02531588807397963,"bottom":-0.19228814572704081,"right":0.49470364317602045,"top":0.74648736447704078},"atlasBounds":{"left":28.5,"bottom":209.5,"right":51.5,"top":255.5}},{"unicode":82,"advance":0.4248046875,"planeBounds":{"left":0.057293327487244937,"bottom":-0.020617426658163268,"right":0.42464026626275514,"top":0.73448461415816324},"atlasBounds":{"left":36.5,"bottom":86.5,"right":54.5,"top":123.5}},{"unicode":83,"advance":0.39501953125,"planeBounds":{"left":0.013348014987244935,"bottom":-0.030577367665816327,"right":0.38069495376275514,"top":0.74493283641581631},"atlasBounds":{"left":147.5,"bottom":124.5,"right":165.5,"top":162.5}},{"unicode":84,"advance":0.34716796875,"planeBounds":{"left":-0.021025988520408129,"bottom":-0.020617426658163268,"right":0.36672911352040816,"top":0.73448461415816324},"atlasBounds":{"left":55.5,"bottom":86.5,"right":74.5,"top":123.5}},{"unicode":85,"advance":0.494140625,"planeBounds":{"left":0.042744539221938813,"bottom":-0.035704320790816327,"right":0.45090780452806123,"top":0.73980588329081631},"atlasBounds":{"left":166.5,"bottom":124.5,"right":186.5,"top":162.5}},{"unicode":86,"advance":0.39013671875,"planeBounds":{"left":-0.029421436543367312,"bottom":-0.020617426658163268,"right":0.41955815529336732,"top":0.73448461415816324},"atlasBounds":{"left":209.5,"bottom":125.5,"right":231.5,"top":162.5}},{"unicode":87,"advance":0.68115234375,"planeBounds":{"left":-0.016810825892857144,"bottom":-0.020617426658163268,"right":0.6974748883928571,"top":0.73448461415816324},"atlasBounds":{"left":0.5,"bottom":86.5,"right":35.5,"top":123.5}},{"unicode":88,"advance":0.34912109375,"planeBounds":{"left":-0.019561144770408129,"bottom":-0.020617426658163268,"right":0.36819395727040816,"top":0.73448461415816324},"atlasBounds":{"left":211.5,"bottom":86.5,"right":230.5,"top":123.5}},{"unicode":89,"advance":0.3349609375,"planeBounds":{"left":-0.026397082270408129,"bottom":-0.020617426658163268,"right":0.36135801977040816,"top":0.73448461415816324},"atlasBounds":{"left":93.5,"bottom":86.5,"right":112.5,"top":123.5}},{"unicode":90,"advance":0.31396484375,"planeBounds":{"left":-0.0023766342474489614,"bottom":-0.020617426658163268,"right":0.32415397799744899,"top":0.73448461415816324},"atlasBounds":{"left":0.5,"bottom":48.5,"right":16.5,"top":85.5}},{"unicode":91,"advance":0.31494140625,"planeBounds":{"left":0.059435786033163268,"bottom":-0.18135164221938774,"right":0.30433374521683676,"top":0.73701570471938771},"atlasBounds":{"left":94.5,"bottom":210.5,"right":106.5,"top":255.5}},{"unicode":92,"advance":0.34814453125,"planeBounds":{"left":0.0035325653698979956,"bottom":-0.020617426658163268,"right":0.35047134088010201,"top":0.73448461415816324},"atlasBounds":{"left":132.5,"bottom":48.5,"right":149.5,"top":85.5}},{"unicode":93,"advance":0.31494140625,"planeBounds":{"left":0.010607661033163266,"bottom":-0.18135164221938774,"right":0.25550562021683676,"top":0.73701570471938771},"atlasBounds":{"left":107.5,"bottom":210.5,"right":119.5,"top":255.5}},{"unicode":94,"advance":0.39990234375,"planeBounds":{"left":-0.0041304607780611874,"bottom":0.34762635522959184,"right":0.40403280452806123,"top":0.73538145727040805},"atlasBounds":{"left":230.5,"bottom":28.5,"right":250.5,"top":47.5}},{"unicode":95,"advance":0.4111328125,"planeBounds":{"left":-0.029127471301020377,"bottom":-0.15067960778061223,"right":0.44026028380102045,"top":-0.069046954719387765},"atlasBounds":{"left":185.5,"bottom":51.5,"right":208.5,"top":55.5}},{"unicode":96,"advance":0.5498046875,"planeBounds":{"left":0.18702168367346941,"bottom":0.58399433992346939,"right":0.39110331632653061,"top":0.78807597257653061},"atlasBounds":{"left":60.5,"bottom":7.5,"right":70.5,"top":17.5}},{"unicode":97,"advance":0.3828125,"planeBounds":{"left":0.012760084502551039,"bottom":-0.030781648596938743,"right":0.33929069674744899,"top":0.56105508609693877},"atlasBounds":{"left":32.5,"bottom":18.5,"right":48.5,"top":47.5}},{"unicode":98,"advance":0.43603515625,"planeBounds":{"left":0.046795280612244937,"bottom":-0.033163265306122451,"right":0.41414221938775514,"top":0.78316326530612235},"atlasBounds":{"left":19.5,"bottom":163.5,"right":37.5,"top":203.5}},{"unicode":99,"advance":0.31005859375,"planeBounds":{"left":0.025599888392857161,"bottom":-0.030781648596938743,"right":0.31131417410714285,"top":0.56105508609693877},"atlasBounds":{"left":214.5,"bottom":56.5,"right":228.5,"top":85.5}},{"unicode":100,"advance":0.43603515625,"planeBounds":{"left":0.021892936862244937,"bottom":-0.033163265306122451,"right":0.38923987563775514,"top":0.78316326530612235},"atlasBounds":{"left":38.5,"bottom":163.5,"right":56.5,"top":203.5}},{"unicode":101,"advance":0.39208984375,"planeBounds":{"left":0.022575534119897996,"bottom":-0.030781648596938743,"right":0.36951430963010201,"top":0.56105508609693877},"atlasBounds":{"left":172.5,"bottom":56.5,"right":189.5,"top":85.5}},{"unicode":102,"advance":0.22119140625,"planeBounds":{"left":-0.014927455357142841,"bottom":-0.025594905931122451,"right":0.27078683035714285,"top":0.79073162468112235},"atlasBounds":{"left":80.5,"bottom":163.5,"right":94.5,"top":203.5}},{"unicode":103,"advance":0.36181640625,"planeBounds":{"left":-0.006865832270408127,"bottom":-0.26846500318877553,"right":0.38088926977040816,"top":0.56826969068877542},"atlasBounds":{"left":183.5,"bottom":214.5,"right":202.5,"top":255.5}},{"unicode":104,"advance":0.4248046875,"planeBounds":{"left":0.05011360012755104,"bottom":-0.028280452806122451,"right":0.37664421237244899,"top":0.78804607780612235},"atlasBounds":{"left":95.5,"bottom":163.5,"right":111.5,"top":203.5}},{"unicode":105,"advance":0.18798828125,"planeBounds":{"left":0.043462013711734686,"bottom":-0.026182836415816327,"right":0.14550283003826528,"top":0.74932736766581631},"atlasBounds":{"left":139.5,"bottom":165.5,"right":144.5,"top":203.5}},{"unicode":106,"advance":0.18798828125,"planeBounds":{"left":-0.030313297193877556,"bottom":-0.26874900350765307,"right":0.15336017219387754,"top":0.75165915975765296},"atlasBounds":{"left":6.5,"bottom":205.5,"right":15.5,"top":255.5}},{"unicode":107,"advance":0.34716796875,"planeBounds":{"left":0.04205695950255104,"bottom":-0.028280452806122451,"right":0.36858757174744899,"top":0.78804607780612235},"atlasBounds":{"left":63.5,"bottom":163.5,"right":79.5,"top":203.5}},{"unicode":108,"advance":0.18798828125,"planeBounds":{"left":0.042973732461734686,"bottom":-0.028280452806122451,"right":0.14501454878826528,"top":0.78804607780612235},"atlasBounds":{"left":57.5,"bottom":163.5,"right":62.5,"top":203.5}},{"unicode":109,"advance":0.63623046875,"planeBounds":{"left":0.043337452168367388,"bottom":-0.025898836096938743,"right":0.59435786033163263,"top":0.56593789859693877},"atlasBounds":{"left":62.5,"bottom":18.5,"right":89.5,"top":47.5}},{"unicode":110,"advance":0.4248046875,"planeBounds":{"left":0.05011360012755104,"bottom":-0.025898836096938743,"right":0.37664421237244899,"top":0.56593789859693877},"atlasBounds":{"left":15.5,"bottom":18.5,"right":31.5,"top":47.5}},{"unicode":111,"advance":0.4150390625,"planeBounds":{"left":0.023846061862244937,"bottom":-0.030781648596938743,"right":0.39119300063775514,"top":0.56105508609693877},"atlasBounds":{"left":229.5,"bottom":56.5,"right":247.5,"top":85.5}},{"unicode":112,"advance":0.43603515625,"planeBounds":{"left":0.046795280612244937,"bottom":-0.26846500318877553,"right":0.41414221938775514,"top":0.56826969068877542},"atlasBounds":{"left":203.5,"bottom":214.5,"right":221.5,"top":255.5}},{"unicode":113,"advance":0.43603515625,"planeBounds":{"left":0.021892936862244937,"bottom":-0.26846500318877553,"right":0.38923987563775514,"top":0.56826969068877542},"atlasBounds":{"left":222.5,"bottom":214.5,"right":240.5,"top":255.5}},{"unicode":114,"advance":0.27294921875,"planeBounds":{"left":0.045031489158163268,"bottom":-0.025898836096938743,"right":0.28992944834183676,"top":0.56593789859693877},"atlasBounds":{"left":49.5,"bottom":18.5,"right":61.5,"top":47.5}},{"unicode":115,"advance":0.31494140625,"planeBounds":{"left":0.015101841517857161,"bottom":-0.030781648596938743,"right":0.30081612723214285,"top":0.56105508609693877},"atlasBounds":{"left":0.5,"bottom":18.5,"right":14.5,"top":47.5}},{"unicode":116,"advance":0.21923828125,"planeBounds":{"left":-0.0089235889668367336,"bottom":-0.034144810267857144,"right":0.23597437021683673,"top":0.6801409040178571},"atlasBounds":{"left":150.5,"bottom":50.5,"right":162.5,"top":85.5}},{"unicode":117,"advance":0.4248046875,"planeBounds":{"left":0.04816047512755104,"bottom":-0.035908601721938743,"right":0.37469108737244899,"top":0.55592813297193877},"atlasBounds":{"left":190.5,"bottom":56.5,"right":206.5,"top":85.5}},{"unicode":118,"advance":0.31884765625,"planeBounds":{"left":-0.02424964126275507,"bottom":-0.020821707589285678,"right":0.34309729751275508,"top":0.5506068638392857},"atlasBounds":{"left":137.5,"bottom":19.5,"right":155.5,"top":47.5}},{"unicode":119,"advance":0.548828125,"planeBounds":{"left":-0.011300223214285676,"bottom":-0.020821707589285678,"right":0.5601283482142857,"top":0.5506068638392857},"atlasBounds":{"left":108.5,"bottom":19.5,"right":136.5,"top":47.5}},{"unicode":120,"advance":0.330078125,"planeBounds":{"left":-0.0084303252551020027,"bottom":-0.020821707589285678,"right":0.33850845025510201,"top":0.5506068638392857},"atlasBounds":{"left":90.5,"bottom":19.5,"right":107.5,"top":47.5}},{"unicode":121,"advance":0.31884765625,"planeBounds":{"left":-0.02717932876275507,"bottom":-0.26338787468112246,"right":0.34016761001275508,"top":0.55293865593112235},"atlasBounds":{"left":0.5,"bottom":163.5,"right":18.5,"top":203.5}},{"unicode":122,"advance":0.26416015625,"planeBounds":{"left":0.0023567044005102216,"bottom":-0.020821707589285678,"right":0.26766282684948978,"top":0.5506068638392857},"atlasBounds":{"left":156.5,"bottom":19.5,"right":169.5,"top":47.5}},{"unicode":123,"advance":0.35986328125,"planeBounds":{"left":0.028091119260204106,"bottom":-0.18135164221938774,"right":0.33421356823979592,"top":0.73701570471938771},"atlasBounds":{"left":78.5,"bottom":210.5,"right":93.5,"top":255.5}},{"unicode":124,"advance":0.39990234375,"planeBounds":{"left":0.14893076371173469,"bottom":-0.26064253826530615,"right":0.25097158003826525,"top":0.78017378826530603},"atlasBounds":{"left":0.5,"bottom":204.5,"right":5.5,"top":255.5}},{"unicode":125,"advance":0.35986328125,"planeBounds":{"left":0.025893853635204099,"bottom":-0.18135164221938774,"right":0.33201630261479592,"top":0.73701570471938771},"atlasBounds":{"left":120.5,"bottom":210.5,"right":135.5,"top":255.5}},{"unicode":126,"advance":0.39990234375,"planeBounds":{"left":0.006073620854591873,"bottom":0.27115055006377553,"right":0.39382872289540816,"top":0.43441585618622447},"atlasBounds":{"left":71.5,"bottom":9.5,"right":90.5,"top":17.5}}],"kerning":[]}

assets/fonts/helvetiker_regular.typeface.json

+{"glyphs":{"ο":{"x_min":0,"x_max":712,"ha":815,"o":"m 356 -25 q 96 88 192 -25 q 0 368 0 201 q 92 642 0 533 q 356 761 192 761 q 617 644 517 761 q 712 368 712 533 q 619 91 712 201 q 356 -25 520 -25 m 356 85 q 527 175 465 85 q 583 369 583 255 q 528 562 583 484 q 356 651 466 651 q 189 560 250 651 q 135 369 135 481 q 187 177 135 257 q 356 85 250 85 "},"S":{"x_min":0,"x_max":788,"ha":890,"o":"m 788 291 q 662 54 788 144 q 397 -26 550 -26 q 116 68 226 -26 q 0 337 0 168 l 131 337 q 200 152 131 220 q 384 85 269 85 q 557 129 479 85 q 650 270 650 183 q 490 429 650 379 q 194 513 341 470 q 33 739 33 584 q 142 964 33 881 q 388 1041 242 1041 q 644 957 543 1041 q 756 716 756 867 l 625 716 q 561 874 625 816 q 395 933 497 933 q 243 891 309 933 q 164 759 164 841 q 325 609 164 656 q 625 526 475 568 q 788 291 788 454 "},"¦":{"x_min":343,"x_max":449,"ha":792,"o":"m 449 462 l 343 462 l 343 986 l 449 986 l 449 462 m 449 -242 l 343 -242 l 343 280 l 449 280 l 449 -242 "},"/":{"x_min":183.25,"x_max":608.328125,"ha":792,"o":"m 608 1041 l 266 -129 l 183 -129 l 520 1041 l 608 1041 "},"Τ":{"x_min":-0.4375,"x_max":777.453125,"ha":839,"o":"m 777 893 l 458 893 l 458 0 l 319 0 l 319 892 l 0 892 l 0 1013 l 777 1013 l 777 893 "},"y":{"x_min":0,"x_max":684.78125,"ha":771,"o":"m 684 738 l 388 -83 q 311 -216 356 -167 q 173 -279 252 -279 q 97 -266 133 -279 l 97 -149 q 132 -155 109 -151 q 168 -160 155 -160 q 240 -114 213 -160 q 274 -26 248 -98 l 0 738 l 137 737 l 341 139 l 548 737 l 684 738 "},"Π":{"x_min":0,"x_max":803,"ha":917,"o":"m 803 0 l 667 0 l 667 886 l 140 886 l 140 0 l 0 0 l 0 1012 l 803 1012 l 803 0 "},"ΐ":{"x_min":-111,"x_max":339,"ha":361,"o":"m 339 800 l 229 800 l 229 925 l 339 925 l 339 800 m -1 800 l -111 800 l -111 925 l -1 925 l -1 800 m 284 3 q 233 -10 258 -5 q 182 -15 207 -15 q 85 26 119 -15 q 42 200 42 79 l 42 737 l 167 737 l 168 215 q 172 141 168 157 q 226 101 183 101 q 248 103 239 101 q 284 112 257 104 l 284 3 m 302 1040 l 113 819 l 30 819 l 165 1040 l 302 1040 "},"g":{"x_min":0,"x_max":686,"ha":838,"o":"m 686 34 q 586 -213 686 -121 q 331 -306 487 -306 q 131 -252 216 -306 q 31 -84 31 -190 l 155 -84 q 228 -174 166 -138 q 345 -207 284 -207 q 514 -109 454 -207 q 564 89 564 -27 q 461 6 521 36 q 335 -23 401 -23 q 88 100 184 -23 q 0 370 0 215 q 87 634 0 522 q 330 758 183 758 q 457 728 398 758 q 564 644 515 699 l 564 737 l 686 737 l 686 34 m 582 367 q 529 560 582 481 q 358 652 468 652 q 189 561 250 652 q 135 369 135 482 q 189 176 135 255 q 361 85 251 85 q 529 176 468 85 q 582 367 582 255 "},"²":{"x_min":0,"x_max":442,"ha":539,"o":"m 442 383 l 0 383 q 91 566 0 492 q 260 668 176 617 q 354 798 354 727 q 315 875 354 845 q 227 905 277 905 q 136 869 173 905 q 99 761 99 833 l 14 761 q 82 922 14 864 q 232 974 141 974 q 379 926 316 974 q 442 797 442 878 q 351 635 442 704 q 183 539 321 611 q 92 455 92 491 l 442 455 l 442 383 "},"–":{"x_min":0,"x_max":705.5625,"ha":803,"o":"m 705 334 l 0 334 l 0 410 l 705 410 l 705 334 "},"Κ":{"x_min":0,"x_max":819.5625,"ha":893,"o":"m 819 0 l 650 0 l 294 509 l 139 356 l 139 0 l 0 0 l 0 1013 l 139 1013 l 139 526 l 626 1013 l 809 1013 l 395 600 l 819 0 "},"ƒ":{"x_min":-46.265625,"x_max":392,"ha":513,"o":"m 392 651 l 259 651 l 79 -279 l -46 -278 l 134 651 l 14 651 l 14 751 l 135 751 q 151 948 135 900 q 304 1041 185 1041 q 334 1040 319 1041 q 392 1034 348 1039 l 392 922 q 337 931 360 931 q 271 883 287 931 q 260 793 260 853 l 260 751 l 392 751 l 392 651 "},"e":{"x_min":0,"x_max":714,"ha":813,"o":"m 714 326 l 140 326 q 200 157 140 227 q 359 87 260 87 q 488 130 431 87 q 561 245 545 174 l 697 245 q 577 48 670 123 q 358 -26 484 -26 q 97 85 195 -26 q 0 363 0 197 q 94 642 0 529 q 358 765 195 765 q 626 627 529 765 q 714 326 714 503 m 576 429 q 507 583 564 522 q 355 650 445 650 q 206 583 266 650 q 140 429 152 522 l 576 429 "},"ό":{"x_min":0,"x_max":712,"ha":815,"o":"m 356 -25 q 94 91 194 -25 q 0 368 0 202 q 92 642 0 533 q 356 761 192 761 q 617 644 517 761 q 712 368 712 533 q 619 91 712 201 q 356 -25 520 -25 m 356 85 q 527 175 465 85 q 583 369 583 255 q 528 562 583 484 q 356 651 466 651 q 189 560 250 651 q 135 369 135 481 q 187 177 135 257 q 356 85 250 85 m 576 1040 l 387 819 l 303 819 l 438 1040 l 576 1040 "},"J":{"x_min":0,"x_max":588,"ha":699,"o":"m 588 279 q 287 -26 588 -26 q 58 73 126 -26 q 0 327 0 158 l 133 327 q 160 172 133 227 q 288 96 198 96 q 426 171 391 96 q 449 336 449 219 l 449 1013 l 588 1013 l 588 279 "},"»":{"x_min":-1,"x_max":503,"ha":601,"o":"m 503 302 l 280 136 l 281 256 l 429 373 l 281 486 l 280 608 l 503 440 l 503 302 m 221 302 l 0 136 l 0 255 l 145 372 l 0 486 l -1 608 l 221 440 l 221 302 "},"©":{"x_min":-3,"x_max":1008,"ha":1106,"o":"m 502 -7 q 123 151 263 -7 q -3 501 -3 294 q 123 851 -3 706 q 502 1011 263 1011 q 881 851 739 1011 q 1008 501 1008 708 q 883 151 1008 292 q 502 -7 744 -7 m 502 60 q 830 197 709 60 q 940 501 940 322 q 831 805 940 681 q 502 944 709 944 q 174 805 296 944 q 65 501 65 680 q 173 197 65 320 q 502 60 294 60 m 741 394 q 661 246 731 302 q 496 190 591 190 q 294 285 369 190 q 228 497 228 370 q 295 714 228 625 q 499 813 370 813 q 656 762 588 813 q 733 625 724 711 l 634 625 q 589 704 629 673 q 498 735 550 735 q 377 666 421 735 q 334 504 334 597 q 374 340 334 408 q 490 272 415 272 q 589 304 549 272 q 638 394 628 337 l 741 394 "},"ώ":{"x_min":0,"x_max":922,"ha":1030,"o":"m 687 1040 l 498 819 l 415 819 l 549 1040 l 687 1040 m 922 339 q 856 97 922 203 q 650 -26 780 -26 q 538 9 587 -26 q 461 103 489 44 q 387 12 436 46 q 277 -22 339 -22 q 69 97 147 -22 q 0 338 0 202 q 45 551 0 444 q 161 737 84 643 l 302 737 q 175 552 219 647 q 124 336 124 446 q 155 179 124 248 q 275 88 197 88 q 375 163 341 88 q 400 294 400 219 l 400 572 l 524 572 l 524 294 q 561 135 524 192 q 643 88 591 88 q 762 182 719 88 q 797 341 797 257 q 745 555 797 450 q 619 737 705 637 l 760 737 q 874 551 835 640 q 922 339 922 444 "},"^":{"x_min":193.0625,"x_max":598.609375,"ha":792,"o":"m 598 772 l 515 772 l 395 931 l 277 772 l 193 772 l 326 1013 l 462 1013 l 598 772 "},"«":{"x_min":0,"x_max":507.203125,"ha":604,"o":"m 506 136 l 284 302 l 284 440 l 506 608 l 507 485 l 360 371 l 506 255 l 506 136 m 222 136 l 0 302 l 0 440 l 222 608 l 221 486 l 73 373 l 222 256 l 222 136 "},"D":{"x_min":0,"x_max":828,"ha":935,"o":"m 389 1013 q 714 867 593 1013 q 828 521 828 729 q 712 161 828 309 q 382 0 587 0 l 0 0 l 0 1013 l 389 1013 m 376 124 q 607 247 523 124 q 681 510 681 355 q 607 771 681 662 q 376 896 522 896 l 139 896 l 139 124 l 376 124 "},"∙":{"x_min":0,"x_max":142,"ha":239,"o":"m 142 585 l 0 585 l 0 738 l 142 738 l 142 585 "},"ÿ":{"x_min":0,"x_max":47,"ha":125,"o":"m 47 3 q 37 -7 47 -7 q 28 0 30 -7 q 39 -4 32 -4 q 45 3 45 -1 l 37 0 q 28 9 28 0 q 39 19 28 19 l 47 16 l 47 19 l 47 3 m 37 1 q 44 8 44 1 q 37 16 44 16 q 30 8 30 16 q 37 1 30 1 m 26 1 l 23 22 l 14 0 l 3 22 l 3 3 l 0 25 l 13 1 l 22 25 l 26 1 "},"w":{"x_min":0,"x_max":1009.71875,"ha":1100,"o":"m 1009 738 l 783 0 l 658 0 l 501 567 l 345 0 l 222 0 l 0 738 l 130 738 l 284 174 l 432 737 l 576 738 l 721 173 l 881 737 l 1009 738 "},"$":{"x_min":0,"x_max":700,"ha":793,"o":"m 664 717 l 542 717 q 490 825 531 785 q 381 872 450 865 l 381 551 q 620 446 540 522 q 700 241 700 370 q 618 45 700 116 q 381 -25 536 -25 l 381 -152 l 307 -152 l 307 -25 q 81 62 162 -25 q 0 297 0 149 l 124 297 q 169 146 124 204 q 307 81 215 89 l 307 441 q 80 536 148 469 q 13 725 13 603 q 96 910 13 839 q 307 982 180 982 l 307 1077 l 381 1077 l 381 982 q 574 917 494 982 q 664 717 664 845 m 307 565 l 307 872 q 187 831 233 872 q 142 724 142 791 q 180 618 142 656 q 307 565 218 580 m 381 76 q 562 237 562 96 q 517 361 562 313 q 381 423 472 409 l 381 76 "},"\\":{"x_min":-0.015625,"x_max":425.0625,"ha":522,"o":"m 425 -129 l 337 -129 l 0 1041 l 83 1041 l 425 -129 "},"µ":{"x_min":0,"x_max":697.21875,"ha":747,"o":"m 697 -4 q 629 -14 658 -14 q 498 97 513 -14 q 422 9 470 41 q 313 -23 374 -23 q 207 4 258 -23 q 119 81 156 32 l 119 -278 l 0 -278 l 0 738 l 124 738 l 124 343 q 165 173 124 246 q 308 83 216 83 q 452 178 402 83 q 493 359 493 255 l 493 738 l 617 738 l 617 214 q 623 136 617 160 q 673 92 637 92 q 697 96 684 92 l 697 -4 "},"Ι":{"x_min":42,"x_max":181,"ha":297,"o":"m 181 0 l 42 0 l 42 1013 l 181 1013 l 181 0 "},"Ύ":{"x_min":0,"x_max":1144.5,"ha":1214,"o":"m 1144 1012 l 807 416 l 807 0 l 667 0 l 667 416 l 325 1012 l 465 1012 l 736 533 l 1004 1012 l 1144 1012 m 277 1040 l 83 799 l 0 799 l 140 1040 l 277 1040 "},"’":{"x_min":0,"x_max":139,"ha":236,"o":"m 139 851 q 102 737 139 784 q 0 669 65 690 l 0 734 q 59 787 42 741 q 72 873 72 821 l 0 873 l 0 1013 l 139 1013 l 139 851 "},"Ν":{"x_min":0,"x_max":801,"ha":915,"o":"m 801 0 l 651 0 l 131 822 l 131 0 l 0 0 l 0 1013 l 151 1013 l 670 191 l 670 1013 l 801 1013 l 801 0 "},"-":{"x_min":8.71875,"x_max":350.390625,"ha":478,"o":"m 350 317 l 8 317 l 8 428 l 350 428 l 350 317 "},"Q":{"x_min":0,"x_max":968,"ha":1072,"o":"m 954 5 l 887 -79 l 744 35 q 622 -11 687 2 q 483 -26 556 -26 q 127 130 262 -26 q 0 504 0 279 q 127 880 0 728 q 484 1041 262 1041 q 841 884 708 1041 q 968 507 968 735 q 933 293 968 398 q 832 104 899 188 l 954 5 m 723 191 q 802 330 777 248 q 828 499 828 412 q 744 790 828 673 q 483 922 650 922 q 228 791 322 922 q 142 505 142 673 q 227 221 142 337 q 487 91 323 91 q 632 123 566 91 l 520 215 l 587 301 l 723 191 "},"ς":{"x_min":1,"x_max":676.28125,"ha":740,"o":"m 676 460 l 551 460 q 498 595 542 546 q 365 651 448 651 q 199 578 263 651 q 136 401 136 505 q 266 178 136 241 q 508 106 387 142 q 640 -50 640 62 q 625 -158 640 -105 q 583 -278 611 -211 l 465 -278 q 498 -182 490 -211 q 515 -80 515 -126 q 381 12 515 -15 q 134 91 197 51 q 1 388 1 179 q 100 651 1 542 q 354 761 199 761 q 587 680 498 761 q 676 460 676 599 "},"M":{"x_min":0,"x_max":954,"ha":1067,"o":"m 954 0 l 819 0 l 819 869 l 537 0 l 405 0 l 128 866 l 128 0 l 0 0 l 0 1013 l 200 1013 l 472 160 l 757 1013 l 954 1013 l 954 0 "},"Ψ":{"x_min":0,"x_max":1006,"ha":1094,"o":"m 1006 678 q 914 319 1006 429 q 571 200 814 200 l 571 0 l 433 0 l 433 200 q 92 319 194 200 q 0 678 0 429 l 0 1013 l 139 1013 l 139 679 q 191 417 139 492 q 433 326 255 326 l 433 1013 l 571 1013 l 571 326 l 580 326 q 813 423 747 326 q 868 679 868 502 l 868 1013 l 1006 1013 l 1006 678 "},"C":{"x_min":0,"x_max":886,"ha":944,"o":"m 886 379 q 760 87 886 201 q 455 -26 634 -26 q 112 136 236 -26 q 0 509 0 283 q 118 882 0 737 q 469 1041 245 1041 q 748 955 630 1041 q 879 708 879 859 l 745 708 q 649 862 724 805 q 473 920 573 920 q 219 791 312 920 q 136 509 136 675 q 217 229 136 344 q 470 99 311 99 q 672 179 591 99 q 753 379 753 259 l 886 379 "},"!":{"x_min":0,"x_max":138,"ha":236,"o":"m 138 684 q 116 409 138 629 q 105 244 105 299 l 33 244 q 16 465 33 313 q 0 684 0 616 l 0 1013 l 138 1013 l 138 684 m 138 0 l 0 0 l 0 151 l 138 151 l 138 0 "},"{":{"x_min":0,"x_max":480.5625,"ha":578,"o":"m 480 -286 q 237 -213 303 -286 q 187 -45 187 -159 q 194 48 187 -15 q 201 141 201 112 q 164 264 201 225 q 0 314 118 314 l 0 417 q 164 471 119 417 q 201 605 201 514 q 199 665 201 644 q 193 772 193 769 q 241 941 193 887 q 480 1015 308 1015 l 480 915 q 336 866 375 915 q 306 742 306 828 q 310 662 306 717 q 314 577 314 606 q 288 452 314 500 q 176 365 256 391 q 289 275 257 337 q 314 143 314 226 q 313 84 314 107 q 310 -11 310 -5 q 339 -131 310 -94 q 480 -182 377 -182 l 480 -286 "},"X":{"x_min":-0.015625,"x_max":854.15625,"ha":940,"o":"m 854 0 l 683 0 l 423 409 l 166 0 l 0 0 l 347 519 l 18 1013 l 186 1013 l 428 637 l 675 1013 l 836 1013 l 504 520 l 854 0 "},"#":{"x_min":0,"x_max":963.890625,"ha":1061,"o":"m 963 690 l 927 590 l 719 590 l 655 410 l 876 410 l 840 310 l 618 310 l 508 -3 l 393 -2 l 506 309 l 329 310 l 215 -2 l 102 -3 l 212 310 l 0 310 l 36 410 l 248 409 l 312 590 l 86 590 l 120 690 l 347 690 l 459 1006 l 573 1006 l 462 690 l 640 690 l 751 1006 l 865 1006 l 754 690 l 963 690 m 606 590 l 425 590 l 362 410 l 543 410 l 606 590 "},"ι":{"x_min":42,"x_max":284,"ha":361,"o":"m 284 3 q 233 -10 258 -5 q 182 -15 207 -15 q 85 26 119 -15 q 42 200 42 79 l 42 738 l 167 738 l 168 215 q 172 141 168 157 q 226 101 183 101 q 248 103 239 101 q 284 112 257 104 l 284 3 "},"Ά":{"x_min":0,"x_max":906.953125,"ha":982,"o":"m 283 1040 l 88 799 l 5 799 l 145 1040 l 283 1040 m 906 0 l 756 0 l 650 303 l 251 303 l 143 0 l 0 0 l 376 1012 l 529 1012 l 906 0 m 609 421 l 452 866 l 293 421 l 609 421 "},")":{"x_min":0,"x_max":318,"ha":415,"o":"m 318 365 q 257 25 318 191 q 87 -290 197 -141 l 0 -290 q 140 21 93 -128 q 193 360 193 189 q 141 704 193 537 q 0 1024 97 850 l 87 1024 q 257 706 197 871 q 318 365 318 542 "},"ε":{"x_min":0,"x_max":634.71875,"ha":714,"o":"m 634 234 q 527 38 634 110 q 300 -25 433 -25 q 98 29 183 -25 q 0 204 0 93 q 37 314 0 265 q 128 390 67 353 q 56 460 82 419 q 26 555 26 505 q 114 712 26 654 q 295 763 191 763 q 499 700 416 763 q 589 515 589 631 l 478 515 q 419 618 464 580 q 307 657 374 657 q 207 630 253 657 q 151 547 151 598 q 238 445 151 469 q 389 434 280 434 l 389 331 l 349 331 q 206 315 255 331 q 125 210 125 287 q 183 107 125 145 q 302 76 233 76 q 436 117 379 76 q 509 234 493 159 l 634 234 "},"Δ":{"x_min":0,"x_max":952.78125,"ha":1028,"o":"m 952 0 l 0 0 l 400 1013 l 551 1013 l 952 0 m 762 124 l 476 867 l 187 124 l 762 124 "},"}":{"x_min":0,"x_max":481,"ha":578,"o":"m 481 314 q 318 262 364 314 q 282 136 282 222 q 284 65 282 97 q 293 -58 293 -48 q 241 -217 293 -166 q 0 -286 174 -286 l 0 -182 q 143 -130 105 -182 q 171 -2 171 -93 q 168 81 171 22 q 165 144 165 140 q 188 275 165 229 q 306 365 220 339 q 191 455 224 391 q 165 588 165 505 q 168 681 165 624 q 171 742 171 737 q 141 865 171 827 q 0 915 102 915 l 0 1015 q 243 942 176 1015 q 293 773 293 888 q 287 675 293 741 q 282 590 282 608 q 318 466 282 505 q 481 417 364 417 l 481 314 "},"‰":{"x_min":-3,"x_max":1672,"ha":1821,"o":"m 846 0 q 664 76 732 0 q 603 244 603 145 q 662 412 603 344 q 846 489 729 489 q 1027 412 959 489 q 1089 244 1089 343 q 1029 76 1089 144 q 846 0 962 0 m 845 103 q 945 143 910 103 q 981 243 981 184 q 947 340 981 301 q 845 385 910 385 q 745 342 782 385 q 709 243 709 300 q 742 147 709 186 q 845 103 781 103 m 888 986 l 284 -25 l 199 -25 l 803 986 l 888 986 m 241 468 q 58 545 126 468 q -3 715 -3 615 q 56 881 -3 813 q 238 958 124 958 q 421 881 353 958 q 483 712 483 813 q 423 544 483 612 q 241 468 356 468 m 241 855 q 137 811 175 855 q 100 710 100 768 q 136 612 100 653 q 240 572 172 572 q 344 614 306 572 q 382 713 382 656 q 347 810 382 771 q 241 855 308 855 m 1428 0 q 1246 76 1314 0 q 1185 244 1185 145 q 1244 412 1185 344 q 1428 489 1311 489 q 1610 412 1542 489 q 1672 244 1672 343 q 1612 76 1672 144 q 1428 0 1545 0 m 1427 103 q 1528 143 1492 103 q 1564 243 1564 184 q 1530 340 1564 301 q 1427 385 1492 385 q 1327 342 1364 385 q 1291 243 1291 300 q 1324 147 1291 186 q 1427 103 1363 103 "},"a":{"x_min":0,"x_max":698.609375,"ha":794,"o":"m 698 0 q 661 -12 679 -7 q 615 -17 643 -17 q 536 12 564 -17 q 500 96 508 41 q 384 6 456 37 q 236 -25 312 -25 q 65 31 130 -25 q 0 194 0 88 q 118 390 0 334 q 328 435 180 420 q 488 483 476 451 q 495 523 495 504 q 442 619 495 584 q 325 654 389 654 q 209 617 257 654 q 152 513 161 580 l 33 513 q 123 705 33 633 q 332 772 207 772 q 528 712 448 772 q 617 531 617 645 l 617 163 q 624 108 617 126 q 664 90 632 90 l 698 94 l 698 0 m 491 262 l 491 372 q 272 329 350 347 q 128 201 128 294 q 166 113 128 144 q 264 83 205 83 q 414 130 346 83 q 491 262 491 183 "},"—":{"x_min":0,"x_max":941.671875,"ha":1039,"o":"m 941 334 l 0 334 l 0 410 l 941 410 l 941 334 "},"=":{"x_min":8.71875,"x_max":780.953125,"ha":792,"o":"m 780 510 l 8 510 l 8 606 l 780 606 l 780 510 m 780 235 l 8 235 l 8 332 l 780 332 l 780 235 "},"N":{"x_min":0,"x_max":801,"ha":914,"o":"m 801 0 l 651 0 l 131 823 l 131 0 l 0 0 l 0 1013 l 151 1013 l 670 193 l 670 1013 l 801 1013 l 801 0 "},"ρ":{"x_min":0,"x_max":712,"ha":797,"o":"m 712 369 q 620 94 712 207 q 362 -26 521 -26 q 230 2 292 -26 q 119 83 167 30 l 119 -278 l 0 -278 l 0 362 q 91 643 0 531 q 355 764 190 764 q 617 647 517 764 q 712 369 712 536 m 583 366 q 530 559 583 480 q 359 651 469 651 q 190 562 252 651 q 135 370 135 483 q 189 176 135 257 q 359 85 250 85 q 528 175 466 85 q 583 366 583 254 "},"2":{"x_min":59,"x_max":731,"ha":792,"o":"m 731 0 l 59 0 q 197 314 59 188 q 457 487 199 315 q 598 691 598 580 q 543 819 598 772 q 411 867 488 867 q 272 811 328 867 q 209 630 209 747 l 81 630 q 182 901 81 805 q 408 986 271 986 q 629 909 536 986 q 731 694 731 826 q 613 449 731 541 q 378 316 495 383 q 201 122 235 234 l 731 122 l 731 0 "},"¯":{"x_min":0,"x_max":941.671875,"ha":938,"o":"m 941 1033 l 0 1033 l 0 1109 l 941 1109 l 941 1033 "},"Z":{"x_min":0,"x_max":779,"ha":849,"o":"m 779 0 l 0 0 l 0 113 l 621 896 l 40 896 l 40 1013 l 779 1013 l 778 887 l 171 124 l 779 124 l 779 0 "},"u":{"x_min":0,"x_max":617,"ha":729,"o":"m 617 0 l 499 0 l 499 110 q 391 10 460 45 q 246 -25 322 -25 q 61 58 127 -25 q 0 258 0 136 l 0 738 l 125 738 l 125 284 q 156 148 125 202 q 273 82 197 82 q 433 165 369 82 q 493 340 493 243 l 493 738 l 617 738 l 617 0 "},"k":{"x_min":0,"x_max":612.484375,"ha":697,"o":"m 612 738 l 338 465 l 608 0 l 469 0 l 251 382 l 121 251 l 121 0 l 0 0 l 0 1013 l 121 1013 l 121 402 l 456 738 l 612 738 "},"Η":{"x_min":0,"x_max":803,"ha":917,"o":"m 803 0 l 667 0 l 667 475 l 140 475 l 140 0 l 0 0 l 0 1013 l 140 1013 l 140 599 l 667 599 l 667 1013 l 803 1013 l 803 0 "},"Α":{"x_min":0,"x_max":906.953125,"ha":985,"o":"m 906 0 l 756 0 l 650 303 l 251 303 l 143 0 l 0 0 l 376 1013 l 529 1013 l 906 0 m 609 421 l 452 866 l 293 421 l 609 421 "},"s":{"x_min":0,"x_max":604,"ha":697,"o":"m 604 217 q 501 36 604 104 q 292 -23 411 -23 q 86 43 166 -23 q 0 238 0 114 l 121 237 q 175 122 121 164 q 300 85 223 85 q 415 112 363 85 q 479 207 479 147 q 361 309 479 276 q 140 372 141 370 q 21 544 21 426 q 111 708 21 647 q 298 761 190 761 q 492 705 413 761 q 583 531 583 643 l 462 531 q 412 625 462 594 q 298 657 363 657 q 199 636 242 657 q 143 558 143 608 q 262 454 143 486 q 484 394 479 397 q 604 217 604 341 "},"B":{"x_min":0,"x_max":778,"ha":876,"o":"m 580 546 q 724 469 670 535 q 778 311 778 403 q 673 83 778 171 q 432 0 575 0 l 0 0 l 0 1013 l 411 1013 q 629 957 541 1013 q 732 768 732 892 q 691 633 732 693 q 580 546 650 572 m 393 899 l 139 899 l 139 588 l 379 588 q 521 624 462 588 q 592 744 592 667 q 531 859 592 819 q 393 899 471 899 m 419 124 q 566 169 504 124 q 635 303 635 219 q 559 436 635 389 q 402 477 494 477 l 139 477 l 139 124 l 419 124 "},"…":{"x_min":0,"x_max":614,"ha":708,"o":"m 142 0 l 0 0 l 0 151 l 142 151 l 142 0 m 378 0 l 236 0 l 236 151 l 378 151 l 378 0 m 614 0 l 472 0 l 472 151 l 614 151 l 614 0 "},"?":{"x_min":0,"x_max":607,"ha":704,"o":"m 607 777 q 543 599 607 674 q 422 474 482 537 q 357 272 357 391 l 236 272 q 297 487 236 395 q 411 619 298 490 q 474 762 474 691 q 422 885 474 838 q 301 933 371 933 q 179 880 228 933 q 124 706 124 819 l 0 706 q 94 963 0 872 q 302 1044 177 1044 q 511 973 423 1044 q 607 777 607 895 m 370 0 l 230 0 l 230 151 l 370 151 l 370 0 "},"H":{"x_min":0,"x_max":803,"ha":915,"o":"m 803 0 l 667 0 l 667 475 l 140 475 l 140 0 l 0 0 l 0 1013 l 140 1013 l 140 599 l 667 599 l 667 1013 l 803 1013 l 803 0 "},"ν":{"x_min":0,"x_max":675,"ha":761,"o":"m 675 738 l 404 0 l 272 0 l 0 738 l 133 738 l 340 147 l 541 738 l 675 738 "},"c":{"x_min":1,"x_max":701.390625,"ha":775,"o":"m 701 264 q 584 53 681 133 q 353 -26 487 -26 q 91 91 188 -26 q 1 370 1 201 q 92 645 1 537 q 353 761 190 761 q 572 688 479 761 q 690 493 666 615 l 556 493 q 487 606 545 562 q 356 650 428 650 q 186 563 246 650 q 134 372 134 487 q 188 179 134 258 q 359 88 250 88 q 492 136 437 88 q 566 264 548 185 l 701 264 "},"¶":{"x_min":0,"x_max":566.671875,"ha":678,"o":"m 21 892 l 52 892 l 98 761 l 145 892 l 176 892 l 178 741 l 157 741 l 157 867 l 108 741 l 88 741 l 40 871 l 40 741 l 21 741 l 21 892 m 308 854 l 308 731 q 252 691 308 691 q 227 691 240 691 q 207 696 213 695 l 207 712 l 253 706 q 288 733 288 706 l 288 763 q 244 741 279 741 q 193 797 193 741 q 261 860 193 860 q 287 860 273 860 q 308 854 302 855 m 288 842 l 263 843 q 213 796 213 843 q 248 756 213 756 q 288 796 288 756 l 288 842 m 566 988 l 502 988 l 502 -1 l 439 -1 l 439 988 l 317 988 l 317 -1 l 252 -1 l 252 602 q 81 653 155 602 q 0 805 0 711 q 101 989 0 918 q 309 1053 194 1053 l 566 1053 l 566 988 "},"β":{"x_min":0,"x_max":660,"ha":745,"o":"m 471 550 q 610 450 561 522 q 660 280 660 378 q 578 64 660 151 q 367 -22 497 -22 q 239 5 299 -22 q 126 82 178 32 l 126 -278 l 0 -278 l 0 593 q 54 903 0 801 q 318 1042 127 1042 q 519 964 436 1042 q 603 771 603 887 q 567 644 603 701 q 471 550 532 586 m 337 79 q 476 138 418 79 q 535 279 535 198 q 427 437 535 386 q 226 477 344 477 l 226 583 q 398 620 329 583 q 486 762 486 668 q 435 884 486 833 q 312 935 384 935 q 169 861 219 935 q 126 698 126 797 l 126 362 q 170 169 126 242 q 337 79 224 79 "},"Μ":{"x_min":0,"x_max":954,"ha":1068,"o":"m 954 0 l 819 0 l 819 868 l 537 0 l 405 0 l 128 865 l 128 0 l 0 0 l 0 1013 l 199 1013 l 472 158 l 758 1013 l 954 1013 l 954 0 "},"Ό":{"x_min":0.109375,"x_max":1120,"ha":1217,"o":"m 1120 505 q 994 132 1120 282 q 642 -29 861 -29 q 290 130 422 -29 q 167 505 167 280 q 294 883 167 730 q 650 1046 430 1046 q 999 882 868 1046 q 1120 505 1120 730 m 977 504 q 896 784 977 669 q 644 915 804 915 q 391 785 484 915 q 307 504 307 669 q 391 224 307 339 q 644 95 486 95 q 894 224 803 95 q 977 504 977 339 m 277 1040 l 83 799 l 0 799 l 140 1040 l 277 1040 "},"Ή":{"x_min":0,"x_max":1158,"ha":1275,"o":"m 1158 0 l 1022 0 l 1022 475 l 496 475 l 496 0 l 356 0 l 356 1012 l 496 1012 l 496 599 l 1022 599 l 1022 1012 l 1158 1012 l 1158 0 m 277 1040 l 83 799 l 0 799 l 140 1040 l 277 1040 "},"•":{"x_min":0,"x_max":663.890625,"ha":775,"o":"m 663 529 q 566 293 663 391 q 331 196 469 196 q 97 294 194 196 q 0 529 0 393 q 96 763 0 665 q 331 861 193 861 q 566 763 469 861 q 663 529 663 665 "},"¥":{"x_min":0.1875,"x_max":819.546875,"ha":886,"o":"m 563 561 l 697 561 l 696 487 l 520 487 l 482 416 l 482 380 l 697 380 l 695 308 l 482 308 l 482 0 l 342 0 l 342 308 l 125 308 l 125 380 l 342 380 l 342 417 l 303 487 l 125 487 l 125 561 l 258 561 l 0 1013 l 140 1013 l 411 533 l 679 1013 l 819 1013 l 563 561 "},"(":{"x_min":0,"x_max":318.0625,"ha":415,"o":"m 318 -290 l 230 -290 q 61 23 122 -142 q 0 365 0 190 q 62 712 0 540 q 230 1024 119 869 l 318 1024 q 175 705 219 853 q 125 360 125 542 q 176 22 125 187 q 318 -290 223 -127 "},"U":{"x_min":0,"x_max":796,"ha":904,"o":"m 796 393 q 681 93 796 212 q 386 -25 566 -25 q 101 95 208 -25 q 0 393 0 211 l 0 1013 l 138 1013 l 138 391 q 204 191 138 270 q 394 107 276 107 q 586 191 512 107 q 656 391 656 270 l 656 1013 l 796 1013 l 796 393 "},"γ":{"x_min":0.5,"x_max":744.953125,"ha":822,"o":"m 744 737 l 463 54 l 463 -278 l 338 -278 l 338 54 l 154 495 q 104 597 124 569 q 13 651 67 651 l 0 651 l 0 751 l 39 753 q 168 711 121 753 q 242 594 207 676 l 403 208 l 617 737 l 744 737 "},"α":{"x_min":0,"x_max":765.5625,"ha":809,"o":"m 765 -4 q 698 -14 726 -14 q 564 97 586 -14 q 466 7 525 40 q 337 -26 407 -26 q 88 98 186 -26 q 0 369 0 212 q 88 637 0 525 q 337 760 184 760 q 465 728 407 760 q 563 637 524 696 l 563 739 l 685 739 l 685 222 q 693 141 685 168 q 748 94 708 94 q 765 96 760 94 l 765 -4 m 584 371 q 531 562 584 485 q 360 653 470 653 q 192 566 254 653 q 135 379 135 489 q 186 181 135 261 q 358 84 247 84 q 528 176 465 84 q 584 371 584 260 "},"F":{"x_min":0,"x_max":683.328125,"ha":717,"o":"m 683 888 l 140 888 l 140 583 l 613 583 l 613 458 l 140 458 l 140 0 l 0 0 l 0 1013 l 683 1013 l 683 888 "},"­":{"x_min":0,"x_max":705.5625,"ha":803,"o":"m 705 334 l 0 334 l 0 410 l 705 410 l 705 334 "},":":{"x_min":0,"x_max":142,"ha":239,"o":"m 142 585 l 0 585 l 0 738 l 142 738 l 142 585 m 142 0 l 0 0 l 0 151 l 142 151 l 142 0 "},"Χ":{"x_min":0,"x_max":854.171875,"ha":935,"o":"m 854 0 l 683 0 l 423 409 l 166 0 l 0 0 l 347 519 l 18 1013 l 186 1013 l 427 637 l 675 1013 l 836 1013 l 504 521 l 854 0 "},"*":{"x_min":116,"x_max":674,"ha":792,"o":"m 674 768 l 475 713 l 610 544 l 517 477 l 394 652 l 272 478 l 178 544 l 314 713 l 116 766 l 153 876 l 341 812 l 342 1013 l 446 1013 l 446 811 l 635 874 l 674 768 "},"†":{"x_min":0,"x_max":777,"ha":835,"o":"m 458 804 l 777 804 l 777 683 l 458 683 l 458 0 l 319 0 l 319 681 l 0 683 l 0 804 l 319 804 l 319 1015 l 458 1013 l 458 804 "},"°":{"x_min":0,"x_max":347,"ha":444,"o":"m 173 802 q 43 856 91 802 q 0 977 0 905 q 45 1101 0 1049 q 173 1153 90 1153 q 303 1098 255 1153 q 347 977 347 1049 q 303 856 347 905 q 173 802 256 802 m 173 884 q 238 910 214 884 q 262 973 262 937 q 239 1038 262 1012 q 173 1064 217 1064 q 108 1037 132 1064 q 85 973 85 1010 q 108 910 85 937 q 173 884 132 884 "},"V":{"x_min":0,"x_max":862.71875,"ha":940,"o":"m 862 1013 l 505 0 l 361 0 l 0 1013 l 143 1013 l 434 165 l 718 1012 l 862 1013 "},"Ξ":{"x_min":0,"x_max":734.71875,"ha":763,"o":"m 723 889 l 9 889 l 9 1013 l 723 1013 l 723 889 m 673 463 l 61 463 l 61 589 l 673 589 l 673 463 m 734 0 l 0 0 l 0 124 l 734 124 l 734 0 "}," ":{"x_min":0,"x_max":0,"ha":853},"Ϋ":{"x_min":0.328125,"x_max":819.515625,"ha":889,"o":"m 588 1046 l 460 1046 l 460 1189 l 588 1189 l 588 1046 m 360 1046 l 232 1046 l 232 1189 l 360 1189 l 360 1046 m 819 1012 l 482 416 l 482 0 l 342 0 l 342 416 l 0 1012 l 140 1012 l 411 533 l 679 1012 l 819 1012 "},"0":{"x_min":73,"x_max":715,"ha":792,"o":"m 394 -29 q 153 129 242 -29 q 73 479 73 272 q 152 829 73 687 q 394 989 241 989 q 634 829 545 989 q 715 479 715 684 q 635 129 715 270 q 394 -29 546 -29 m 394 89 q 546 211 489 89 q 598 479 598 322 q 548 748 598 640 q 394 871 491 871 q 241 748 298 871 q 190 479 190 637 q 239 211 190 319 q 394 89 296 89 "},"”":{"x_min":0,"x_max":347,"ha":454,"o":"m 139 851 q 102 737 139 784 q 0 669 65 690 l 0 734 q 59 787 42 741 q 72 873 72 821 l 0 873 l 0 1013 l 139 1013 l 139 851 m 347 851 q 310 737 347 784 q 208 669 273 690 l 208 734 q 267 787 250 741 q 280 873 280 821 l 208 873 l 208 1013 l 347 1013 l 347 851 "},"@":{"x_min":0,"x_max":1260,"ha":1357,"o":"m 1098 -45 q 877 -160 1001 -117 q 633 -203 752 -203 q 155 -29 327 -203 q 0 360 0 127 q 176 802 0 616 q 687 1008 372 1008 q 1123 854 969 1008 q 1260 517 1260 718 q 1155 216 1260 341 q 868 82 1044 82 q 772 106 801 82 q 737 202 737 135 q 647 113 700 144 q 527 82 594 82 q 367 147 420 82 q 314 312 314 212 q 401 565 314 452 q 639 690 498 690 q 810 588 760 690 l 849 668 l 938 668 q 877 441 900 532 q 833 226 833 268 q 853 182 833 198 q 902 167 873 167 q 1088 272 1012 167 q 1159 512 1159 372 q 1051 793 1159 681 q 687 925 925 925 q 248 747 415 925 q 97 361 97 586 q 226 26 97 159 q 627 -122 370 -122 q 856 -87 737 -122 q 1061 8 976 -53 l 1098 -45 m 786 488 q 738 580 777 545 q 643 615 700 615 q 483 517 548 615 q 425 322 425 430 q 457 203 425 250 q 552 156 490 156 q 722 273 665 156 q 786 488 738 309 "},"Ί":{"x_min":0,"x_max":499,"ha":613,"o":"m 277 1040 l 83 799 l 0 799 l 140 1040 l 277 1040 m 499 0 l 360 0 l 360 1012 l 499 1012 l 499 0 "},"i":{"x_min":14,"x_max":136,"ha":275,"o":"m 136 873 l 14 873 l 14 1013 l 136 1013 l 136 873 m 136 0 l 14 0 l 14 737 l 136 737 l 136 0 "},"Β":{"x_min":0,"x_max":778,"ha":877,"o":"m 580 545 q 724 468 671 534 q 778 310 778 402 q 673 83 778 170 q 432 0 575 0 l 0 0 l 0 1013 l 411 1013 q 629 957 541 1013 q 732 768 732 891 q 691 632 732 692 q 580 545 650 571 m 393 899 l 139 899 l 139 587 l 379 587 q 521 623 462 587 q 592 744 592 666 q 531 859 592 819 q 393 899 471 899 m 419 124 q 566 169 504 124 q 635 302 635 219 q 559 435 635 388 q 402 476 494 476 l 139 476 l 139 124 l 419 124 "},"υ":{"x_min":0,"x_max":617,"ha":725,"o":"m 617 352 q 540 94 617 199 q 308 -24 455 -24 q 76 94 161 -24 q 0 352 0 199 l 0 739 l 126 739 l 126 355 q 169 185 126 257 q 312 98 220 98 q 451 185 402 98 q 492 355 492 257 l 492 739 l 617 739 l 617 352 "},"]":{"x_min":0,"x_max":275,"ha":372,"o":"m 275 -281 l 0 -281 l 0 -187 l 151 -187 l 151 920 l 0 920 l 0 1013 l 275 1013 l 275 -281 "},"m":{"x_min":0,"x_max":1019,"ha":1128,"o":"m 1019 0 l 897 0 l 897 454 q 860 591 897 536 q 739 660 816 660 q 613 586 659 660 q 573 436 573 522 l 573 0 l 447 0 l 447 455 q 412 591 447 535 q 294 657 372 657 q 165 586 213 657 q 122 437 122 521 l 122 0 l 0 0 l 0 738 l 117 738 l 117 640 q 202 730 150 697 q 316 763 254 763 q 437 730 381 763 q 525 642 494 697 q 621 731 559 700 q 753 763 682 763 q 943 694 867 763 q 1019 512 1019 625 l 1019 0 "},"χ":{"x_min":8.328125,"x_max":780.5625,"ha":815,"o":"m 780 -278 q 715 -294 747 -294 q 616 -257 663 -294 q 548 -175 576 -227 l 379 133 l 143 -277 l 9 -277 l 313 254 l 163 522 q 127 586 131 580 q 36 640 91 640 q 8 637 27 640 l 8 752 l 52 757 q 162 719 113 757 q 236 627 200 690 l 383 372 l 594 737 l 726 737 l 448 250 l 625 -69 q 670 -153 647 -110 q 743 -188 695 -188 q 780 -184 759 -188 l 780 -278 "},"8":{"x_min":55,"x_max":736,"ha":792,"o":"m 571 527 q 694 424 652 491 q 736 280 736 358 q 648 71 736 158 q 395 -26 551 -26 q 142 69 238 -26 q 55 279 55 157 q 96 425 55 359 q 220 527 138 491 q 120 615 153 562 q 88 726 88 668 q 171 904 88 827 q 395 986 261 986 q 618 905 529 986 q 702 727 702 830 q 670 616 702 667 q 571 527 638 565 m 394 565 q 519 610 475 565 q 563 717 563 655 q 521 823 563 781 q 392 872 474 872 q 265 824 312 872 q 224 720 224 783 q 265 613 224 656 q 394 565 312 565 m 395 91 q 545 150 488 91 q 597 280 597 204 q 546 408 597 355 q 395 465 492 465 q 244 408 299 465 q 194 280 194 356 q 244 150 194 203 q 395 91 299 91 "},"ί":{"x_min":42,"x_max":326.71875,"ha":361,"o":"m 284 3 q 233 -10 258 -5 q 182 -15 207 -15 q 85 26 119 -15 q 42 200 42 79 l 42 737 l 167 737 l 168 215 q 172 141 168 157 q 226 101 183 101 q 248 102 239 101 q 284 112 257 104 l 284 3 m 326 1040 l 137 819 l 54 819 l 189 1040 l 326 1040 "},"Ζ":{"x_min":0,"x_max":779.171875,"ha":850,"o":"m 779 0 l 0 0 l 0 113 l 620 896 l 40 896 l 40 1013 l 779 1013 l 779 887 l 170 124 l 779 124 l 779 0 "},"R":{"x_min":0,"x_max":781.953125,"ha":907,"o":"m 781 0 l 623 0 q 587 242 590 52 q 407 433 585 433 l 138 433 l 138 0 l 0 0 l 0 1013 l 396 1013 q 636 946 539 1013 q 749 731 749 868 q 711 597 749 659 q 608 502 674 534 q 718 370 696 474 q 729 207 722 352 q 781 26 736 62 l 781 0 m 373 551 q 533 594 465 551 q 614 731 614 645 q 532 859 614 815 q 373 896 465 896 l 138 896 l 138 551 l 373 551 "},"o":{"x_min":0,"x_max":713,"ha":821,"o":"m 357 -25 q 94 91 194 -25 q 0 368 0 202 q 93 642 0 533 q 357 761 193 761 q 618 644 518 761 q 713 368 713 533 q 619 91 713 201 q 357 -25 521 -25 m 357 85 q 528 175 465 85 q 584 369 584 255 q 529 562 584 484 q 357 651 467 651 q 189 560 250 651 q 135 369 135 481 q 187 177 135 257 q 357 85 250 85 "},"5":{"x_min":54.171875,"x_max":738,"ha":792,"o":"m 738 314 q 626 60 738 153 q 382 -23 526 -23 q 155 47 248 -23 q 54 256 54 125 l 183 256 q 259 132 204 174 q 382 91 314 91 q 533 149 471 91 q 602 314 602 213 q 538 469 602 411 q 386 528 475 528 q 284 506 332 528 q 197 439 237 484 l 81 439 l 159 958 l 684 958 l 684 840 l 254 840 l 214 579 q 306 627 258 612 q 407 643 354 643 q 636 552 540 643 q 738 314 738 457 "},"7":{"x_min":58.71875,"x_max":730.953125,"ha":792,"o":"m 730 839 q 469 448 560 641 q 335 0 378 255 l 192 0 q 328 441 235 252 q 593 830 421 630 l 58 830 l 58 958 l 730 958 l 730 839 "},"K":{"x_min":0,"x_max":819.46875,"ha":906,"o":"m 819 0 l 649 0 l 294 509 l 139 355 l 139 0 l 0 0 l 0 1013 l 139 1013 l 139 526 l 626 1013 l 809 1013 l 395 600 l 819 0 "},",":{"x_min":0,"x_max":142,"ha":239,"o":"m 142 -12 q 105 -132 142 -82 q 0 -205 68 -182 l 0 -138 q 57 -82 40 -124 q 70 0 70 -51 l 0 0 l 0 151 l 142 151 l 142 -12 "},"d":{"x_min":0,"x_max":683,"ha":796,"o":"m 683 0 l 564 0 l 564 93 q 456 6 516 38 q 327 -25 395 -25 q 87 100 181 -25 q 0 365 0 215 q 90 639 0 525 q 343 763 187 763 q 564 647 486 763 l 564 1013 l 683 1013 l 683 0 m 582 373 q 529 562 582 484 q 361 653 468 653 q 190 561 253 653 q 135 365 135 479 q 189 175 135 254 q 358 85 251 85 q 529 178 468 85 q 582 373 582 258 "},"¨":{"x_min":-109,"x_max":247,"ha":232,"o":"m 247 1046 l 119 1046 l 119 1189 l 247 1189 l 247 1046 m 19 1046 l -109 1046 l -109 1189 l 19 1189 l 19 1046 "},"E":{"x_min":0,"x_max":736.109375,"ha":789,"o":"m 736 0 l 0 0 l 0 1013 l 725 1013 l 725 889 l 139 889 l 139 585 l 677 585 l 677 467 l 139 467 l 139 125 l 736 125 l 736 0 "},"Y":{"x_min":0,"x_max":820,"ha":886,"o":"m 820 1013 l 482 416 l 482 0 l 342 0 l 342 416 l 0 1013 l 140 1013 l 411 534 l 679 1012 l 820 1013 "},"\"":{"x_min":0,"x_max":299,"ha":396,"o":"m 299 606 l 203 606 l 203 988 l 299 988 l 299 606 m 96 606 l 0 606 l 0 988 l 96 988 l 96 606 "},"‹":{"x_min":17.984375,"x_max":773.609375,"ha":792,"o":"m 773 40 l 18 376 l 17 465 l 773 799 l 773 692 l 159 420 l 773 149 l 773 40 "},"„":{"x_min":0,"x_max":364,"ha":467,"o":"m 141 -12 q 104 -132 141 -82 q 0 -205 67 -182 l 0 -138 q 56 -82 40 -124 q 69 0 69 -51 l 0 0 l 0 151 l 141 151 l 141 -12 m 364 -12 q 327 -132 364 -82 q 222 -205 290 -182 l 222 -138 q 279 -82 262 -124 q 292 0 292 -51 l 222 0 l 222 151 l 364 151 l 364 -12 "},"δ":{"x_min":1,"x_max":710,"ha":810,"o":"m 710 360 q 616 87 710 196 q 356 -28 518 -28 q 99 82 197 -28 q 1 356 1 192 q 100 606 1 509 q 355 703 199 703 q 180 829 288 754 q 70 903 124 866 l 70 1012 l 643 1012 l 643 901 l 258 901 q 462 763 422 794 q 636 592 577 677 q 710 360 710 485 m 584 365 q 552 501 584 447 q 451 602 521 555 q 372 611 411 611 q 197 541 258 611 q 136 355 136 472 q 190 171 136 245 q 358 85 252 85 q 528 173 465 85 q 584 365 584 252 "},"έ":{"x_min":0,"x_max":634.71875,"ha":714,"o":"m 634 234 q 527 38 634 110 q 300 -25 433 -25 q 98 29 183 -25 q 0 204 0 93 q 37 313 0 265 q 128 390 67 352 q 56 459 82 419 q 26 555 26 505 q 114 712 26 654 q 295 763 191 763 q 499 700 416 763 q 589 515 589 631 l 478 515 q 419 618 464 580 q 307 657 374 657 q 207 630 253 657 q 151 547 151 598 q 238 445 151 469 q 389 434 280 434 l 389 331 l 349 331 q 206 315 255 331 q 125 210 125 287 q 183 107 125 145 q 302 76 233 76 q 436 117 379 76 q 509 234 493 159 l 634 234 m 520 1040 l 331 819 l 248 819 l 383 1040 l 520 1040 "},"ω":{"x_min":0,"x_max":922,"ha":1031,"o":"m 922 339 q 856 97 922 203 q 650 -26 780 -26 q 538 9 587 -26 q 461 103 489 44 q 387 12 436 46 q 277 -22 339 -22 q 69 97 147 -22 q 0 339 0 203 q 45 551 0 444 q 161 738 84 643 l 302 738 q 175 553 219 647 q 124 336 124 446 q 155 179 124 249 q 275 88 197 88 q 375 163 341 88 q 400 294 400 219 l 400 572 l 524 572 l 524 294 q 561 135 524 192 q 643 88 591 88 q 762 182 719 88 q 797 342 797 257 q 745 556 797 450 q 619 738 705 638 l 760 738 q 874 551 835 640 q 922 339 922 444 "},"´":{"x_min":0,"x_max":96,"ha":251,"o":"m 96 606 l 0 606 l 0 988 l 96 988 l 96 606 "},"±":{"x_min":11,"x_max":781,"ha":792,"o":"m 781 490 l 446 490 l 446 255 l 349 255 l 349 490 l 11 490 l 11 586 l 349 586 l 349 819 l 446 819 l 446 586 l 781 586 l 781 490 m 781 21 l 11 21 l 11 115 l 781 115 l 781 21 "},"|":{"x_min":343,"x_max":449,"ha":792,"o":"m 449 462 l 343 462 l 343 986 l 449 986 l 449 462 m 449 -242 l 343 -242 l 343 280 l 449 280 l 449 -242 "},"ϋ":{"x_min":0,"x_max":617,"ha":725,"o":"m 482 800 l 372 800 l 372 925 l 482 925 l 482 800 m 239 800 l 129 800 l 129 925 l 239 925 l 239 800 m 617 352 q 540 93 617 199 q 308 -24 455 -24 q 76 93 161 -24 q 0 352 0 199 l 0 738 l 126 738 l 126 354 q 169 185 126 257 q 312 98 220 98 q 451 185 402 98 q 492 354 492 257 l 492 738 l 617 738 l 617 352 "},"§":{"x_min":0,"x_max":593,"ha":690,"o":"m 593 425 q 554 312 593 369 q 467 233 516 254 q 537 83 537 172 q 459 -74 537 -12 q 288 -133 387 -133 q 115 -69 184 -133 q 47 96 47 -6 l 166 96 q 199 7 166 40 q 288 -26 232 -26 q 371 -5 332 -26 q 420 60 420 21 q 311 201 420 139 q 108 309 210 255 q 0 490 0 383 q 33 602 0 551 q 124 687 66 654 q 75 743 93 712 q 58 812 58 773 q 133 984 58 920 q 300 1043 201 1043 q 458 987 394 1043 q 529 814 529 925 l 411 814 q 370 908 404 877 q 289 939 336 939 q 213 911 246 939 q 180 841 180 883 q 286 720 180 779 q 484 612 480 615 q 593 425 593 534 m 467 409 q 355 544 467 473 q 196 630 228 612 q 146 587 162 609 q 124 525 124 558 q 239 387 124 462 q 398 298 369 315 q 448 345 429 316 q 467 409 467 375 "},"b":{"x_min":0,"x_max":685,"ha":783,"o":"m 685 372 q 597 99 685 213 q 347 -25 501 -25 q 219 5 277 -25 q 121 93 161 36 l 121 0 l 0 0 l 0 1013 l 121 1013 l 121 634 q 214 723 157 692 q 341 754 272 754 q 591 637 493 754 q 685 372 685 526 m 554 356 q 499 550 554 470 q 328 644 437 644 q 162 556 223 644 q 108 369 108 478 q 160 176 108 256 q 330 83 221 83 q 498 169 435 83 q 554 356 554 245 "},"q":{"x_min":0,"x_max":683,"ha":876,"o":"m 683 -278 l 564 -278 l 564 97 q 474 8 533 39 q 345 -23 415 -23 q 91 93 188 -23 q 0 364 0 203 q 87 635 0 522 q 337 760 184 760 q 466 727 408 760 q 564 637 523 695 l 564 737 l 683 737 l 683 -278 m 582 375 q 527 564 582 488 q 358 652 466 652 q 190 565 253 652 q 135 377 135 488 q 189 179 135 261 q 361 84 251 84 q 530 179 469 84 q 582 375 582 260 "},"Ω":{"x_min":-0.171875,"x_max":969.5625,"ha":1068,"o":"m 969 0 l 555 0 l 555 123 q 744 308 675 194 q 814 558 814 423 q 726 812 814 709 q 484 922 633 922 q 244 820 334 922 q 154 567 154 719 q 223 316 154 433 q 412 123 292 199 l 412 0 l 0 0 l 0 124 l 217 124 q 68 327 122 210 q 15 572 15 444 q 144 911 15 781 q 484 1041 274 1041 q 822 909 691 1041 q 953 569 953 777 q 899 326 953 443 q 750 124 846 210 l 969 124 l 969 0 "},"ύ":{"x_min":0,"x_max":617,"ha":725,"o":"m 617 352 q 540 93 617 199 q 308 -24 455 -24 q 76 93 161 -24 q 0 352 0 199 l 0 738 l 126 738 l 126 354 q 169 185 126 257 q 312 98 220 98 q 451 185 402 98 q 492 354 492 257 l 492 738 l 617 738 l 617 352 m 535 1040 l 346 819 l 262 819 l 397 1040 l 535 1040 "},"z":{"x_min":-0.015625,"x_max":613.890625,"ha":697,"o":"m 613 0 l 0 0 l 0 100 l 433 630 l 20 630 l 20 738 l 594 738 l 593 636 l 163 110 l 613 110 l 613 0 "},"™":{"x_min":0,"x_max":894,"ha":1000,"o":"m 389 951 l 229 951 l 229 503 l 160 503 l 160 951 l 0 951 l 0 1011 l 389 1011 l 389 951 m 894 503 l 827 503 l 827 939 l 685 503 l 620 503 l 481 937 l 481 503 l 417 503 l 417 1011 l 517 1011 l 653 580 l 796 1010 l 894 1011 l 894 503 "},"ή":{"x_min":0.78125,"x_max":697,"ha":810,"o":"m 697 -278 l 572 -278 l 572 454 q 540 587 572 536 q 425 650 501 650 q 271 579 337 650 q 206 420 206 509 l 206 0 l 81 0 l 81 489 q 73 588 81 562 q 0 644 56 644 l 0 741 q 68 755 38 755 q 158 721 124 755 q 200 630 193 687 q 297 726 234 692 q 434 761 359 761 q 620 692 544 761 q 697 516 697 624 l 697 -278 m 479 1040 l 290 819 l 207 819 l 341 1040 l 479 1040 "},"Θ":{"x_min":0,"x_max":960,"ha":1056,"o":"m 960 507 q 833 129 960 280 q 476 -32 698 -32 q 123 129 255 -32 q 0 507 0 280 q 123 883 0 732 q 476 1045 255 1045 q 832 883 696 1045 q 960 507 960 732 m 817 500 q 733 789 817 669 q 476 924 639 924 q 223 792 317 924 q 142 507 142 675 q 222 222 142 339 q 476 89 315 89 q 730 218 636 89 q 817 500 817 334 m 716 449 l 243 449 l 243 571 l 716 571 l 716 449 "},"®":{"x_min":-3,"x_max":1008,"ha":1106,"o":"m 503 532 q 614 562 566 532 q 672 658 672 598 q 614 747 672 716 q 503 772 569 772 l 338 772 l 338 532 l 503 532 m 502 -7 q 123 151 263 -7 q -3 501 -3 294 q 123 851 -3 706 q 502 1011 263 1011 q 881 851 739 1011 q 1008 501 1008 708 q 883 151 1008 292 q 502 -7 744 -7 m 502 60 q 830 197 709 60 q 940 501 940 322 q 831 805 940 681 q 502 944 709 944 q 174 805 296 944 q 65 501 65 680 q 173 197 65 320 q 502 60 294 60 m 788 146 l 678 146 q 653 316 655 183 q 527 449 652 449 l 338 449 l 338 146 l 241 146 l 241 854 l 518 854 q 688 808 621 854 q 766 658 766 755 q 739 563 766 607 q 668 497 713 519 q 751 331 747 472 q 788 164 756 190 l 788 146 "},"~":{"x_min":0,"x_max":833,"ha":931,"o":"m 833 958 q 778 753 833 831 q 594 665 716 665 q 402 761 502 665 q 240 857 302 857 q 131 795 166 857 q 104 665 104 745 l 0 665 q 54 867 0 789 q 237 958 116 958 q 429 861 331 958 q 594 765 527 765 q 704 827 670 765 q 729 958 729 874 l 833 958 "},"Ε":{"x_min":0,"x_max":736.21875,"ha":778,"o":"m 736 0 l 0 0 l 0 1013 l 725 1013 l 725 889 l 139 889 l 139 585 l 677 585 l 677 467 l 139 467 l 139 125 l 736 125 l 736 0 "},"³":{"x_min":0,"x_max":450,"ha":547,"o":"m 450 552 q 379 413 450 464 q 220 366 313 366 q 69 414 130 366 q 0 567 0 470 l 85 567 q 126 470 85 504 q 225 437 168 437 q 320 467 280 437 q 360 552 360 498 q 318 632 360 608 q 213 657 276 657 q 195 657 203 657 q 176 657 181 657 l 176 722 q 279 733 249 722 q 334 815 334 752 q 300 881 334 856 q 220 907 267 907 q 133 875 169 907 q 97 781 97 844 l 15 781 q 78 926 15 875 q 220 972 135 972 q 364 930 303 972 q 426 817 426 888 q 344 697 426 733 q 421 642 392 681 q 450 552 450 603 "},"[":{"x_min":0,"x_max":273.609375,"ha":371,"o":"m 273 -281 l 0 -281 l 0 1013 l 273 1013 l 273 920 l 124 920 l 124 -187 l 273 -187 l 273 -281 "},"L":{"x_min":0,"x_max":645.828125,"ha":696,"o":"m 645 0 l 0 0 l 0 1013 l 140 1013 l 140 126 l 645 126 l 645 0 "},"σ":{"x_min":0,"x_max":803.390625,"ha":894,"o":"m 803 628 l 633 628 q 713 368 713 512 q 618 93 713 204 q 357 -25 518 -25 q 94 91 194 -25 q 0 368 0 201 q 94 644 0 533 q 356 761 194 761 q 481 750 398 761 q 608 739 564 739 l 803 739 l 803 628 m 360 85 q 529 180 467 85 q 584 374 584 262 q 527 566 584 490 q 352 651 463 651 q 187 559 247 651 q 135 368 135 478 q 189 175 135 254 q 360 85 251 85 "},"ζ":{"x_min":0,"x_max":573,"ha":642,"o":"m 573 -40 q 553 -162 573 -97 q 510 -278 543 -193 l 400 -278 q 441 -187 428 -219 q 462 -90 462 -132 q 378 -14 462 -14 q 108 45 197 -14 q 0 290 0 117 q 108 631 0 462 q 353 901 194 767 l 55 901 l 55 1012 l 561 1012 l 561 924 q 261 669 382 831 q 128 301 128 489 q 243 117 128 149 q 458 98 350 108 q 573 -40 573 80 "},"θ":{"x_min":0,"x_max":674,"ha":778,"o":"m 674 496 q 601 160 674 304 q 336 -26 508 -26 q 73 153 165 -26 q 0 485 0 296 q 72 840 0 683 q 343 1045 166 1045 q 605 844 516 1045 q 674 496 674 692 m 546 579 q 498 798 546 691 q 336 935 437 935 q 178 798 237 935 q 126 579 137 701 l 546 579 m 546 475 l 126 475 q 170 233 126 348 q 338 80 230 80 q 504 233 447 80 q 546 475 546 346 "},"Ο":{"x_min":0,"x_max":958,"ha":1054,"o":"m 485 1042 q 834 883 703 1042 q 958 511 958 735 q 834 136 958 287 q 481 -26 701 -26 q 126 130 261 -26 q 0 504 0 279 q 127 880 0 729 q 485 1042 263 1042 m 480 98 q 731 225 638 98 q 815 504 815 340 q 733 783 815 670 q 480 913 640 913 q 226 785 321 913 q 142 504 142 671 q 226 224 142 339 q 480 98 319 98 "},"Γ":{"x_min":0,"x_max":705.28125,"ha":749,"o":"m 705 886 l 140 886 l 140 0 l 0 0 l 0 1012 l 705 1012 l 705 886 "}," ":{"x_min":0,"x_max":0,"ha":375},"%":{"x_min":-3,"x_max":1089,"ha":1186,"o":"m 845 0 q 663 76 731 0 q 602 244 602 145 q 661 412 602 344 q 845 489 728 489 q 1027 412 959 489 q 1089 244 1089 343 q 1029 76 1089 144 q 845 0 962 0 m 844 103 q 945 143 909 103 q 981 243 981 184 q 947 340 981 301 q 844 385 909 385 q 744 342 781 385 q 708 243 708 300 q 741 147 708 186 q 844 103 780 103 m 888 986 l 284 -25 l 199 -25 l 803 986 l 888 986 m 241 468 q 58 545 126 468 q -3 715 -3 615 q 56 881 -3 813 q 238 958 124 958 q 421 881 353 958 q 483 712 483 813 q 423 544 483 612 q 241 468 356 468 m 241 855 q 137 811 175 855 q 100 710 100 768 q 136 612 100 653 q 240 572 172 572 q 344 614 306 572 q 382 713 382 656 q 347 810 382 771 q 241 855 308 855 "},"P":{"x_min":0,"x_max":726,"ha":806,"o":"m 424 1013 q 640 931 555 1013 q 726 719 726 850 q 637 506 726 587 q 413 426 548 426 l 140 426 l 140 0 l 0 0 l 0 1013 l 424 1013 m 379 889 l 140 889 l 140 548 l 372 548 q 522 589 459 548 q 593 720 593 637 q 528 845 593 801 q 379 889 463 889 "},"Έ":{"x_min":0,"x_max":1078.21875,"ha":1118,"o":"m 1078 0 l 342 0 l 342 1013 l 1067 1013 l 1067 889 l 481 889 l 481 585 l 1019 585 l 1019 467 l 481 467 l 481 125 l 1078 125 l 1078 0 m 277 1040 l 83 799 l 0 799 l 140 1040 l 277 1040 "},"Ώ":{"x_min":0.125,"x_max":1136.546875,"ha":1235,"o":"m 1136 0 l 722 0 l 722 123 q 911 309 842 194 q 981 558 981 423 q 893 813 981 710 q 651 923 800 923 q 411 821 501 923 q 321 568 321 720 q 390 316 321 433 q 579 123 459 200 l 579 0 l 166 0 l 166 124 l 384 124 q 235 327 289 210 q 182 572 182 444 q 311 912 182 782 q 651 1042 441 1042 q 989 910 858 1042 q 1120 569 1120 778 q 1066 326 1120 443 q 917 124 1013 210 l 1136 124 l 1136 0 m 277 1040 l 83 800 l 0 800 l 140 1041 l 277 1040 "},"_":{"x_min":0,"x_max":705.5625,"ha":803,"o":"m 705 -334 l 0 -334 l 0 -234 l 705 -234 l 705 -334 "},"Ϊ":{"x_min":-110,"x_max":246,"ha":275,"o":"m 246 1046 l 118 1046 l 118 1189 l 246 1189 l 246 1046 m 18 1046 l -110 1046 l -110 1189 l 18 1189 l 18 1046 m 136 0 l 0 0 l 0 1012 l 136 1012 l 136 0 "},"+":{"x_min":23,"x_max":768,"ha":792,"o":"m 768 372 l 444 372 l 444 0 l 347 0 l 347 372 l 23 372 l 23 468 l 347 468 l 347 840 l 444 840 l 444 468 l 768 468 l 768 372 "},"½":{"x_min":0,"x_max":1050,"ha":1149,"o":"m 1050 0 l 625 0 q 712 178 625 108 q 878 277 722 187 q 967 385 967 328 q 932 456 967 429 q 850 484 897 484 q 759 450 798 484 q 721 352 721 416 l 640 352 q 706 502 640 448 q 851 551 766 551 q 987 509 931 551 q 1050 385 1050 462 q 976 251 1050 301 q 829 179 902 215 q 717 68 740 133 l 1050 68 l 1050 0 m 834 985 l 215 -28 l 130 -28 l 750 984 l 834 985 m 224 422 l 142 422 l 142 811 l 0 811 l 0 867 q 104 889 62 867 q 164 973 157 916 l 224 973 l 224 422 "},"Ρ":{"x_min":0,"x_max":720,"ha":783,"o":"m 424 1013 q 637 933 554 1013 q 720 723 720 853 q 633 508 720 591 q 413 426 546 426 l 140 426 l 140 0 l 0 0 l 0 1013 l 424 1013 m 378 889 l 140 889 l 140 548 l 371 548 q 521 589 458 548 q 592 720 592 637 q 527 845 592 801 q 378 889 463 889 "},"'":{"x_min":0,"x_max":139,"ha":236,"o":"m 139 851 q 102 737 139 784 q 0 669 65 690 l 0 734 q 59 787 42 741 q 72 873 72 821 l 0 873 l 0 1013 l 139 1013 l 139 851 "},"ª":{"x_min":0,"x_max":350,"ha":397,"o":"m 350 625 q 307 616 328 616 q 266 631 281 616 q 247 673 251 645 q 190 628 225 644 q 116 613 156 613 q 32 641 64 613 q 0 722 0 669 q 72 826 0 800 q 247 866 159 846 l 247 887 q 220 934 247 916 q 162 953 194 953 q 104 934 129 953 q 76 882 80 915 l 16 882 q 60 976 16 941 q 166 1011 104 1011 q 266 979 224 1011 q 308 891 308 948 l 308 706 q 311 679 308 688 q 331 670 315 670 l 350 672 l 350 625 m 247 757 l 247 811 q 136 790 175 798 q 64 726 64 773 q 83 682 64 697 q 132 667 103 667 q 207 690 174 667 q 247 757 247 718 "},"΅":{"x_min":0,"x_max":450,"ha":553,"o":"m 450 800 l 340 800 l 340 925 l 450 925 l 450 800 m 406 1040 l 212 800 l 129 800 l 269 1040 l 406 1040 m 110 800 l 0 800 l 0 925 l 110 925 l 110 800 "},"T":{"x_min":0,"x_max":777,"ha":835,"o":"m 777 894 l 458 894 l 458 0 l 319 0 l 319 894 l 0 894 l 0 1013 l 777 1013 l 777 894 "},"Φ":{"x_min":0,"x_max":915,"ha":997,"o":"m 527 0 l 389 0 l 389 122 q 110 231 220 122 q 0 509 0 340 q 110 785 0 677 q 389 893 220 893 l 389 1013 l 527 1013 l 527 893 q 804 786 693 893 q 915 509 915 679 q 805 231 915 341 q 527 122 696 122 l 527 0 m 527 226 q 712 310 641 226 q 779 507 779 389 q 712 705 779 627 q 527 787 641 787 l 527 226 m 389 226 l 389 787 q 205 698 275 775 q 136 505 136 620 q 206 308 136 391 q 389 226 276 226 "},"⁋":{"x_min":0,"x_max":0,"ha":694},"j":{"x_min":-77.78125,"x_max":167,"ha":349,"o":"m 167 871 l 42 871 l 42 1013 l 167 1013 l 167 871 m 167 -80 q 121 -231 167 -184 q -26 -278 76 -278 l -77 -278 l -77 -164 l -41 -164 q 26 -143 11 -164 q 42 -65 42 -122 l 42 737 l 167 737 l 167 -80 "},"Σ":{"x_min":0,"x_max":756.953125,"ha":819,"o":"m 756 0 l 0 0 l 0 107 l 395 523 l 22 904 l 22 1013 l 745 1013 l 745 889 l 209 889 l 566 523 l 187 125 l 756 125 l 756 0 "},"1":{"x_min":215.671875,"x_max":574,"ha":792,"o":"m 574 0 l 442 0 l 442 697 l 215 697 l 215 796 q 386 833 330 796 q 475 986 447 875 l 574 986 l 574 0 "},"›":{"x_min":18.0625,"x_max":774,"ha":792,"o":"m 774 376 l 18 40 l 18 149 l 631 421 l 18 692 l 18 799 l 774 465 l 774 376 "},"<":{"x_min":17.984375,"x_max":773.609375,"ha":792,"o":"m 773 40 l 18 376 l 17 465 l 773 799 l 773 692 l 159 420 l 773 149 l 773 40 "},"£":{"x_min":0,"x_max":704.484375,"ha":801,"o":"m 704 41 q 623 -10 664 5 q 543 -26 583 -26 q 359 15 501 -26 q 243 36 288 36 q 158 23 197 36 q 73 -21 119 10 l 6 76 q 125 195 90 150 q 175 331 175 262 q 147 443 175 383 l 0 443 l 0 512 l 108 512 q 43 734 43 623 q 120 929 43 854 q 358 1010 204 1010 q 579 936 487 1010 q 678 729 678 857 l 678 684 l 552 684 q 504 838 552 780 q 362 896 457 896 q 216 852 263 896 q 176 747 176 815 q 199 627 176 697 q 248 512 217 574 l 468 512 l 468 443 l 279 443 q 297 356 297 398 q 230 194 297 279 q 153 107 211 170 q 227 133 190 125 q 293 142 264 142 q 410 119 339 142 q 516 96 482 96 q 579 105 550 96 q 648 142 608 115 l 704 41 "},"t":{"x_min":0,"x_max":367,"ha":458,"o":"m 367 0 q 312 -5 339 -2 q 262 -8 284 -8 q 145 28 183 -8 q 108 143 108 64 l 108 638 l 0 638 l 0 738 l 108 738 l 108 944 l 232 944 l 232 738 l 367 738 l 367 638 l 232 638 l 232 185 q 248 121 232 140 q 307 102 264 102 q 345 104 330 102 q 367 107 360 107 l 367 0 "},"¬":{"x_min":0,"x_max":706,"ha":803,"o":"m 706 411 l 706 158 l 630 158 l 630 335 l 0 335 l 0 411 l 706 411 "},"λ":{"x_min":0,"x_max":750,"ha":803,"o":"m 750 -7 q 679 -15 716 -15 q 538 59 591 -15 q 466 214 512 97 l 336 551 l 126 0 l 0 0 l 270 705 q 223 837 247 770 q 116 899 190 899 q 90 898 100 899 l 90 1004 q 152 1011 125 1011 q 298 938 244 1011 q 373 783 326 901 l 605 192 q 649 115 629 136 q 716 95 669 95 l 736 95 q 750 97 745 97 l 750 -7 "},"W":{"x_min":0,"x_max":1263.890625,"ha":1351,"o":"m 1263 1013 l 995 0 l 859 0 l 627 837 l 405 0 l 265 0 l 0 1013 l 136 1013 l 342 202 l 556 1013 l 701 1013 l 921 207 l 1133 1012 l 1263 1013 "},">":{"x_min":18.0625,"x_max":774,"ha":792,"o":"m 774 376 l 18 40 l 18 149 l 631 421 l 18 692 l 18 799 l 774 465 l 774 376 "},"v":{"x_min":0,"x_max":675.15625,"ha":761,"o":"m 675 738 l 404 0 l 272 0 l 0 738 l 133 737 l 340 147 l 541 737 l 675 738 "},"τ":{"x_min":0.28125,"x_max":644.5,"ha":703,"o":"m 644 628 l 382 628 l 382 179 q 388 120 382 137 q 436 91 401 91 q 474 94 447 91 q 504 97 501 97 l 504 0 q 454 -9 482 -5 q 401 -14 426 -14 q 278 67 308 -14 q 260 233 260 118 l 260 628 l 0 628 l 0 739 l 644 739 l 644 628 "},"ξ":{"x_min":0,"x_max":624.9375,"ha":699,"o":"m 624 -37 q 608 -153 624 -96 q 563 -278 593 -211 l 454 -278 q 491 -183 486 -200 q 511 -83 511 -126 q 484 -23 511 -44 q 370 1 452 1 q 323 0 354 1 q 283 -1 293 -1 q 84 76 169 -1 q 0 266 0 154 q 56 431 0 358 q 197 538 108 498 q 94 613 134 562 q 54 730 54 665 q 77 823 54 780 q 143 901 101 867 l 27 901 l 27 1012 l 576 1012 l 576 901 l 380 901 q 244 863 303 901 q 178 745 178 820 q 312 600 178 636 q 532 582 380 582 l 532 479 q 276 455 361 479 q 118 281 118 410 q 165 173 118 217 q 274 120 208 133 q 494 101 384 110 q 624 -37 624 76 "},"&":{"x_min":-3,"x_max":894.25,"ha":992,"o":"m 894 0 l 725 0 l 624 123 q 471 0 553 40 q 306 -41 390 -41 q 168 -7 231 -41 q 62 92 105 26 q 14 187 31 139 q -3 276 -3 235 q 55 433 -3 358 q 248 581 114 508 q 170 689 196 640 q 137 817 137 751 q 214 985 137 922 q 384 1041 284 1041 q 548 988 483 1041 q 622 824 622 928 q 563 666 622 739 q 431 556 516 608 l 621 326 q 649 407 639 361 q 663 493 653 426 l 781 493 q 703 229 781 352 l 894 0 m 504 818 q 468 908 504 877 q 384 940 433 940 q 293 907 331 940 q 255 818 255 875 q 289 714 255 767 q 363 628 313 678 q 477 729 446 682 q 504 818 504 771 m 556 209 l 314 499 q 179 395 223 449 q 135 283 135 341 q 146 222 135 253 q 183 158 158 192 q 333 80 241 80 q 556 209 448 80 "},"Λ":{"x_min":0,"x_max":862.5,"ha":942,"o":"m 862 0 l 719 0 l 426 847 l 143 0 l 0 0 l 356 1013 l 501 1013 l 862 0 "},"I":{"x_min":41,"x_max":180,"ha":293,"o":"m 180 0 l 41 0 l 41 1013 l 180 1013 l 180 0 "},"G":{"x_min":0,"x_max":921,"ha":1011,"o":"m 921 0 l 832 0 l 801 136 q 655 15 741 58 q 470 -28 568 -28 q 126 133 259 -28 q 0 499 0 284 q 125 881 0 731 q 486 1043 259 1043 q 763 957 647 1043 q 905 709 890 864 l 772 709 q 668 866 747 807 q 486 926 589 926 q 228 795 322 926 q 142 507 142 677 q 228 224 142 342 q 483 94 323 94 q 712 195 625 94 q 796 435 796 291 l 477 435 l 477 549 l 921 549 l 921 0 "},"ΰ":{"x_min":0,"x_max":617,"ha":725,"o":"m 524 800 l 414 800 l 414 925 l 524 925 l 524 800 m 183 800 l 73 800 l 73 925 l 183 925 l 183 800 m 617 352 q 540 93 617 199 q 308 -24 455 -24 q 76 93 161 -24 q 0 352 0 199 l 0 738 l 126 738 l 126 354 q 169 185 126 257 q 312 98 220 98 q 451 185 402 98 q 492 354 492 257 l 492 738 l 617 738 l 617 352 m 489 1040 l 300 819 l 216 819 l 351 1040 l 489 1040 "},"`":{"x_min":0,"x_max":138.890625,"ha":236,"o":"m 138 699 l 0 699 l 0 861 q 36 974 0 929 q 138 1041 72 1020 l 138 977 q 82 931 95 969 q 69 839 69 893 l 138 839 l 138 699 "},"·":{"x_min":0,"x_max":142,"ha":239,"o":"m 142 585 l 0 585 l 0 738 l 142 738 l 142 585 "},"Υ":{"x_min":0.328125,"x_max":819.515625,"ha":889,"o":"m 819 1013 l 482 416 l 482 0 l 342 0 l 342 416 l 0 1013 l 140 1013 l 411 533 l 679 1013 l 819 1013 "},"r":{"x_min":0,"x_max":355.5625,"ha":432,"o":"m 355 621 l 343 621 q 179 569 236 621 q 122 411 122 518 l 122 0 l 0 0 l 0 737 l 117 737 l 117 604 q 204 719 146 686 q 355 753 262 753 l 355 621 "},"x":{"x_min":0,"x_max":675,"ha":764,"o":"m 675 0 l 525 0 l 331 286 l 144 0 l 0 0 l 256 379 l 12 738 l 157 737 l 336 473 l 516 738 l 661 738 l 412 380 l 675 0 "},"μ":{"x_min":0,"x_max":696.609375,"ha":747,"o":"m 696 -4 q 628 -14 657 -14 q 498 97 513 -14 q 422 8 470 41 q 313 -24 374 -24 q 207 3 258 -24 q 120 80 157 31 l 120 -278 l 0 -278 l 0 738 l 124 738 l 124 343 q 165 172 124 246 q 308 82 216 82 q 451 177 402 82 q 492 358 492 254 l 492 738 l 616 738 l 616 214 q 623 136 616 160 q 673 92 636 92 q 696 95 684 92 l 696 -4 "},"h":{"x_min":0,"x_max":615,"ha":724,"o":"m 615 472 l 615 0 l 490 0 l 490 454 q 456 590 490 535 q 338 654 416 654 q 186 588 251 654 q 122 436 122 522 l 122 0 l 0 0 l 0 1013 l 122 1013 l 122 633 q 218 727 149 694 q 362 760 287 760 q 552 676 484 760 q 615 472 615 600 "},".":{"x_min":0,"x_max":142,"ha":239,"o":"m 142 0 l 0 0 l 0 151 l 142 151 l 142 0 "},"φ":{"x_min":-2,"x_max":878,"ha":974,"o":"m 496 -279 l 378 -279 l 378 -17 q 101 88 204 -17 q -2 367 -2 194 q 68 626 -2 510 q 283 758 151 758 l 283 646 q 167 537 209 626 q 133 373 133 462 q 192 177 133 254 q 378 93 259 93 l 378 758 q 445 764 426 763 q 476 765 464 765 q 765 659 653 765 q 878 377 878 553 q 771 96 878 209 q 496 -17 665 -17 l 496 -279 m 496 93 l 514 93 q 687 183 623 93 q 746 380 746 265 q 691 569 746 491 q 522 658 629 658 l 496 656 l 496 93 "},";":{"x_min":0,"x_max":142,"ha":239,"o":"m 142 585 l 0 585 l 0 738 l 142 738 l 142 585 m 142 -12 q 105 -132 142 -82 q 0 -206 68 -182 l 0 -138 q 58 -82 43 -123 q 68 0 68 -56 l 0 0 l 0 151 l 142 151 l 142 -12 "},"f":{"x_min":0,"x_max":378,"ha":472,"o":"m 378 638 l 246 638 l 246 0 l 121 0 l 121 638 l 0 638 l 0 738 l 121 738 q 137 935 121 887 q 290 1028 171 1028 q 320 1027 305 1028 q 378 1021 334 1026 l 378 908 q 323 918 346 918 q 257 870 273 918 q 246 780 246 840 l 246 738 l 378 738 l 378 638 "},"“":{"x_min":1,"x_max":348.21875,"ha":454,"o":"m 140 670 l 1 670 l 1 830 q 37 943 1 897 q 140 1011 74 990 l 140 947 q 82 900 97 940 q 68 810 68 861 l 140 810 l 140 670 m 348 670 l 209 670 l 209 830 q 245 943 209 897 q 348 1011 282 990 l 348 947 q 290 900 305 940 q 276 810 276 861 l 348 810 l 348 670 "},"A":{"x_min":0.03125,"x_max":906.953125,"ha":1008,"o":"m 906 0 l 756 0 l 648 303 l 251 303 l 142 0 l 0 0 l 376 1013 l 529 1013 l 906 0 m 610 421 l 452 867 l 293 421 l 610 421 "},"6":{"x_min":53,"x_max":739,"ha":792,"o":"m 739 312 q 633 62 739 162 q 400 -31 534 -31 q 162 78 257 -31 q 53 439 53 206 q 178 859 53 712 q 441 986 284 986 q 643 912 559 986 q 732 713 732 833 l 601 713 q 544 830 594 786 q 426 875 494 875 q 268 793 331 875 q 193 517 193 697 q 301 597 240 570 q 427 624 362 624 q 643 540 552 624 q 739 312 739 451 m 603 298 q 540 461 603 400 q 404 516 484 516 q 268 461 323 516 q 207 300 207 401 q 269 137 207 198 q 405 83 325 83 q 541 137 486 83 q 603 298 603 197 "},"‘":{"x_min":1,"x_max":139.890625,"ha":236,"o":"m 139 670 l 1 670 l 1 830 q 37 943 1 897 q 139 1011 74 990 l 139 947 q 82 900 97 940 q 68 810 68 861 l 139 810 l 139 670 "},"ϊ":{"x_min":-70,"x_max":283,"ha":361,"o":"m 283 800 l 173 800 l 173 925 l 283 925 l 283 800 m 40 800 l -70 800 l -70 925 l 40 925 l 40 800 m 283 3 q 232 -10 257 -5 q 181 -15 206 -15 q 84 26 118 -15 q 41 200 41 79 l 41 737 l 166 737 l 167 215 q 171 141 167 157 q 225 101 182 101 q 247 103 238 101 q 283 112 256 104 l 283 3 "},"π":{"x_min":-0.21875,"x_max":773.21875,"ha":857,"o":"m 773 -7 l 707 -11 q 575 40 607 -11 q 552 174 552 77 l 552 226 l 552 626 l 222 626 l 222 0 l 97 0 l 97 626 l 0 626 l 0 737 l 773 737 l 773 626 l 676 626 l 676 171 q 695 103 676 117 q 773 90 714 90 l 773 -7 "},"ά":{"x_min":0,"x_max":765.5625,"ha":809,"o":"m 765 -4 q 698 -14 726 -14 q 564 97 586 -14 q 466 7 525 40 q 337 -26 407 -26 q 88 98 186 -26 q 0 369 0 212 q 88 637 0 525 q 337 760 184 760 q 465 727 407 760 q 563 637 524 695 l 563 738 l 685 738 l 685 222 q 693 141 685 168 q 748 94 708 94 q 765 95 760 94 l 765 -4 m 584 371 q 531 562 584 485 q 360 653 470 653 q 192 566 254 653 q 135 379 135 489 q 186 181 135 261 q 358 84 247 84 q 528 176 465 84 q 584 371 584 260 m 604 1040 l 415 819 l 332 819 l 466 1040 l 604 1040 "},"O":{"x_min":0,"x_max":958,"ha":1057,"o":"m 485 1041 q 834 882 702 1041 q 958 512 958 734 q 834 136 958 287 q 481 -26 702 -26 q 126 130 261 -26 q 0 504 0 279 q 127 880 0 728 q 485 1041 263 1041 m 480 98 q 731 225 638 98 q 815 504 815 340 q 733 783 815 669 q 480 912 640 912 q 226 784 321 912 q 142 504 142 670 q 226 224 142 339 q 480 98 319 98 "},"n":{"x_min":0,"x_max":615,"ha":724,"o":"m 615 463 l 615 0 l 490 0 l 490 454 q 453 592 490 537 q 331 656 410 656 q 178 585 240 656 q 117 421 117 514 l 117 0 l 0 0 l 0 738 l 117 738 l 117 630 q 218 728 150 693 q 359 764 286 764 q 552 675 484 764 q 615 463 615 593 "},"3":{"x_min":54,"x_max":737,"ha":792,"o":"m 737 284 q 635 55 737 141 q 399 -25 541 -25 q 156 52 248 -25 q 54 308 54 140 l 185 308 q 245 147 185 202 q 395 96 302 96 q 539 140 484 96 q 602 280 602 190 q 510 429 602 390 q 324 454 451 454 l 324 565 q 487 584 441 565 q 565 719 565 617 q 515 835 565 791 q 395 879 466 879 q 255 824 307 879 q 203 661 203 769 l 78 661 q 166 909 78 822 q 387 992 250 992 q 603 921 513 992 q 701 723 701 844 q 669 607 701 656 q 578 524 637 558 q 696 434 655 499 q 737 284 737 369 "},"9":{"x_min":53,"x_max":739,"ha":792,"o":"m 739 524 q 619 94 739 241 q 362 -32 516 -32 q 150 47 242 -32 q 59 244 59 126 l 191 244 q 246 129 191 176 q 373 82 301 82 q 526 161 466 82 q 597 440 597 255 q 363 334 501 334 q 130 432 216 334 q 53 650 53 521 q 134 880 53 786 q 383 986 226 986 q 659 841 566 986 q 739 524 739 719 m 388 449 q 535 514 480 449 q 585 658 585 573 q 535 805 585 744 q 388 873 480 873 q 242 809 294 873 q 191 658 191 745 q 239 514 191 572 q 388 449 292 449 "},"l":{"x_min":41,"x_max":166,"ha":279,"o":"m 166 0 l 41 0 l 41 1013 l 166 1013 l 166 0 "},"¤":{"x_min":40.09375,"x_max":728.796875,"ha":825,"o":"m 728 304 l 649 224 l 512 363 q 383 331 458 331 q 256 363 310 331 l 119 224 l 40 304 l 177 441 q 150 553 150 493 q 184 673 150 621 l 40 818 l 119 898 l 267 749 q 321 766 291 759 q 384 773 351 773 q 447 766 417 773 q 501 749 477 759 l 649 898 l 728 818 l 585 675 q 612 618 604 648 q 621 553 621 587 q 591 441 621 491 l 728 304 m 384 682 q 280 643 318 682 q 243 551 243 604 q 279 461 243 499 q 383 423 316 423 q 487 461 449 423 q 525 553 525 500 q 490 641 525 605 q 384 682 451 682 "},"κ":{"x_min":0,"x_max":632.328125,"ha":679,"o":"m 632 0 l 482 0 l 225 384 l 124 288 l 124 0 l 0 0 l 0 738 l 124 738 l 124 446 l 433 738 l 596 738 l 312 466 l 632 0 "},"4":{"x_min":48,"x_max":742.453125,"ha":792,"o":"m 742 243 l 602 243 l 602 0 l 476 0 l 476 243 l 48 243 l 48 368 l 476 958 l 602 958 l 602 354 l 742 354 l 742 243 m 476 354 l 476 792 l 162 354 l 476 354 "},"p":{"x_min":0,"x_max":685,"ha":786,"o":"m 685 364 q 598 96 685 205 q 350 -23 504 -23 q 121 89 205 -23 l 121 -278 l 0 -278 l 0 738 l 121 738 l 121 633 q 220 726 159 691 q 351 761 280 761 q 598 636 504 761 q 685 364 685 522 m 557 371 q 501 560 557 481 q 330 651 437 651 q 162 559 223 651 q 108 366 108 479 q 162 177 108 254 q 333 87 224 87 q 502 178 441 87 q 557 371 557 258 "},"‡":{"x_min":0,"x_max":777,"ha":835,"o":"m 458 238 l 458 0 l 319 0 l 319 238 l 0 238 l 0 360 l 319 360 l 319 681 l 0 683 l 0 804 l 319 804 l 319 1015 l 458 1013 l 458 804 l 777 804 l 777 683 l 458 683 l 458 360 l 777 360 l 777 238 l 458 238 "},"ψ":{"x_min":0,"x_max":808,"ha":907,"o":"m 465 -278 l 341 -278 l 341 -15 q 87 102 180 -15 q 0 378 0 210 l 0 739 l 133 739 l 133 379 q 182 195 133 275 q 341 98 242 98 l 341 922 l 465 922 l 465 98 q 623 195 563 98 q 675 382 675 278 l 675 742 l 808 742 l 808 381 q 720 104 808 213 q 466 -13 627 -13 l 465 -278 "},"η":{"x_min":0.78125,"x_max":697,"ha":810,"o":"m 697 -278 l 572 -278 l 572 454 q 540 587 572 536 q 425 650 501 650 q 271 579 337 650 q 206 420 206 509 l 206 0 l 81 0 l 81 489 q 73 588 81 562 q 0 644 56 644 l 0 741 q 68 755 38 755 q 158 720 124 755 q 200 630 193 686 q 297 726 234 692 q 434 761 359 761 q 620 692 544 761 q 697 516 697 624 l 697 -278 "}},"cssFontWeight":"normal","ascender":1189,"underlinePosition":-100,"cssFontStyle":"normal","boundingBox":{"yMin":-334,"xMin":-111,"yMax":1189,"xMax":1672},"resolution":1000,"original_font_information":{"postscript_name":"Helvetiker-Regular","version_string":"Version 1.00 2004 initial release","vendor_url":"http://www.magenta.gr/","full_font_name":"Helvetiker","font_family_name":"Helvetiker","copyright":"Copyright (c) Μagenta ltd, 2004","description":"","trademark":"","designer":"","designer_url":"","unique_font_identifier":"Μagenta ltd:Helvetiker:22-10-104","license_url":"http://www.ellak.gr/fonts/MgOpen/license.html","license_description":"Copyright (c) 2004 by MAGENTA Ltd. All Rights Reserved.\r\n\r\nPermission is hereby granted, free of charge, to any person obtaining a copy of the fonts accompanying this license (\"Fonts\") and associated documentation files (the \"Font Software\"), to reproduce and distribute the Font Software, including without limitation the rights to use, copy, merge, publish, distribute, and/or sell copies of the Font Software, and to permit persons to whom the Font Software is furnished to do so, subject to the following conditions: \r\n\r\nThe above copyright and this permission notice shall be included in all copies of one or more of the Font Software typefaces.\r\n\r\nThe Font Software may be modified, altered, or added to, and in particular the designs of glyphs or characters in the Fonts may be modified and additional glyphs or characters may be added to the Fonts, only if the fonts are renamed to names not containing the word \"MgOpen\", or if the modifications are accepted for inclusion in the Font Software itself by the each appointed Administrator.\r\n\r\nThis License becomes null and void to the extent applicable to Fonts or Font Software that has been modified and is distributed under the \"MgOpen\" name.\r\n\r\nThe Font Software may be sold as part of a larger software package but no copy of one or more of the Font Software typefaces may be sold by itself. \r\n\r\nTHE FONT SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL MAGENTA OR PERSONS OR BODIES IN CHARGE OF ADMINISTRATION AND MAINTENANCE OF THE FONT SOFTWARE BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM OTHER DEALINGS IN THE FONT SOFTWARE.","manufacturer_name":"Μagenta ltd","font_sub_family_name":"Regular"},"descender":-334,"familyName":"Helvetiker","lineHeight":1522,"underlineThickness":50}
\ No newline at end of file

assets/fonts/roboto/roboto_mtsdf.json

+{"atlas":{"type":"mtsdf","distanceRange":64,"size":64,"width":1024,"height":1024,"yOrigin":"bottom"},"name":"roboto","metrics":{"emSize":1,"lineHeight":1.171875,"ascender":0.927734375,"descender":-0.244140625,"underlineY":-0.09765625,"underlineThickness":0.048828125},"glyphs":[{"unicode":32,"advance":0.24755859375},{"unicode":33,"advance":0.25732421875,"planeBounds":{"left":-0.423095703125,"bottom":-0.506591796875,"right":0.686279296875,"top":1.212158203125},"atlasBounds":{"left":938.5,"bottom":666.5,"right":1009.5,"top":776.5}},{"unicode":34,"advance":0.31982421875,"planeBounds":{"left":-0.434814453125,"bottom":0.00439453125,"right":0.768310546875,"top":1.25439453125},"atlasBounds":{"left":92.5,"bottom":38.5,"right":169.5,"top":118.5}},{"unicode":35,"advance":0.61572265625,"planeBounds":{"left":-0.44287109375,"bottom":-0.50390625,"right":1.10400390625,"top":1.21484375},"atlasBounds":{"left":780.5,"bottom":553.5,"right":879.5,"top":663.5}},{"unicode":36,"advance":0.5615234375,"planeBounds":{"left":-0.453369140625,"bottom":-0.6064453125,"right":1.015380859375,"top":1.3310546875},"atlasBounds":{"left":486.5,"bottom":899.5,"right":580.5,"top":1023.5}},{"unicode":37,"advance":0.732421875,"planeBounds":{"left":-0.4501953125,"bottom":-0.51171875,"right":1.1904296875,"top":1.22265625},"atlasBounds":{"left":92.5,"bottom":665.5,"right":197.5,"top":776.5}},{"unicode":38,"advance":0.62158203125,"planeBounds":{"left":-0.455078125,"bottom":-0.51171875,"right":1.123046875,"top":1.22265625},"atlasBounds":{"left":198.5,"bottom":665.5,"right":299.5,"top":776.5}},{"unicode":39,"advance":0.17431640625,"planeBounds":{"left":-0.4521484375,"bottom":0.015869140625,"right":0.6259765625,"top":1.250244140625},"atlasBounds":{"left":244.5,"bottom":39.5,"right":313.5,"top":118.5}},{"unicode":40,"advance":0.341796875,"planeBounds":{"left":-0.43896484375,"bottom":-0.737060546875,"right":0.82666015625,"top":1.309814453125},"atlasBounds":{"left":0.5,"bottom":892.5,"right":81.5,"top":1023.5}},{"unicode":41,"advance":0.34765625,"planeBounds":{"left":-0.485107421875,"bottom":-0.737060546875,"right":0.780517578125,"top":1.309814453125},"atlasBounds":{"left":82.5,"bottom":892.5,"right":163.5,"top":1023.5}},{"unicode":42,"advance":0.4306640625,"planeBounds":{"left":-0.488037109375,"bottom":-0.206787109375,"right":0.918212890625,"top":1.215087890625},"atlasBounds":{"left":785.5,"bottom":127.5,"right":875.5,"top":218.5}},{"unicode":43,"advance":0.56689453125,"planeBounds":{"left":-0.46826171875,"bottom":-0.435546875,"right":1.03173828125,"top":1.095703125},"atlasBounds":{"left":505.5,"bottom":120.5,"right":601.5,"top":218.5}},{"unicode":44,"advance":0.1962890625,"planeBounds":{"left":-0.488037109375,"bottom":-0.642333984375,"right":0.652587890625,"top":0.607666015625},"atlasBounds":{"left":170.5,"bottom":38.5,"right":243.5,"top":118.5}},{"unicode":45,"advance":0.27587890625,"planeBounds":{"left":-0.48779296875,"bottom":-0.237060546875,"right":0.76220703125,"top":0.841064453125},"atlasBounds":{"left":661.5,"bottom":49.5,"right":741.5,"top":118.5}},{"unicode":46,"advance":0.26318359375,"planeBounds":{"left":-0.43603515625,"bottom":-0.50634765625,"right":0.68896484375,"top":0.60302734375},"atlasBounds":{"left":494.5,"bottom":47.5,"right":566.5,"top":118.5}},{"unicode":47,"advance":0.412109375,"planeBounds":{"left":-0.49169921875,"bottom":-0.565673828125,"right":0.88330078125,"top":1.215576171875},"atlasBounds":{"left":0.5,"bottom":777.5,"right":88.5,"top":891.5}},{"unicode":48,"advance":0.5615234375,"planeBounds":{"left":-0.446044921875,"bottom":-0.51171875,"right":1.007080078125,"top":1.22265625},"atlasBounds":{"left":300.5,"bottom":665.5,"right":393.5,"top":776.5}},{"unicode":49,"advance":0.5615234375,"planeBounds":{"left":-0.421142578125,"bottom":-0.502197265625,"right":0.860107421875,"top":1.216552734375},"atlasBounds":{"left":204.5,"bottom":441.5,"right":286.5,"top":551.5}},{"unicode":50,"advance":0.5615234375,"planeBounds":{"left":-0.45703125,"bottom":-0.5068359375,"right":1.02734375,"top":1.2275390625},"atlasBounds":{"left":394.5,"bottom":665.5,"right":489.5,"top":776.5}},{"unicode":51,"advance":0.5615234375,"planeBounds":{"left":-0.455322265625,"bottom":-0.51171875,"right":0.997802734375,"top":1.22265625},"atlasBounds":{"left":490.5,"bottom":665.5,"right":583.5,"top":776.5}},{"unicode":52,"advance":0.5615234375,"planeBounds":{"left":-0.475341796875,"bottom":-0.50390625,"right":1.040283203125,"top":1.21484375},"atlasBounds":{"left":861.5,"bottom":330.5,"right":958.5,"top":440.5}},{"unicode":53,"advance":0.5615234375,"planeBounds":{"left":-0.427978515625,"bottom":-0.5166015625,"right":1.025146484375,"top":1.2177734375},"atlasBounds":{"left":656.5,"bottom":665.5,"right":749.5,"top":776.5}},{"unicode":54,"advance":0.5615234375,"planeBounds":{"left":-0.4375,"bottom":-0.516357421875,"right":1.015625,"top":1.218017578125},"atlasBounds":{"left":750.5,"bottom":665.5,"right":843.5,"top":776.5}},{"unicode":55,"advance":0.5615234375,"planeBounds":{"left":-0.46435546875,"bottom":-0.50390625,"right":1.02001953125,"top":1.21484375},"atlasBounds":{"left":0.5,"bottom":219.5,"right":95.5,"top":329.5}},{"unicode":56,"advance":0.5615234375,"planeBounds":{"left":-0.44580078125,"bottom":-0.51171875,"right":1.00732421875,"top":1.22265625},"atlasBounds":{"left":844.5,"bottom":665.5,"right":937.5,"top":776.5}},{"unicode":57,"advance":0.5615234375,"planeBounds":{"left":-0.4541015625,"bottom":-0.507080078125,"right":0.9990234375,"top":1.227294921875},"atlasBounds":{"left":0.5,"bottom":552.5,"right":93.5,"top":663.5}},{"unicode":58,"advance":0.2421875,"planeBounds":{"left":-0.440673828125,"bottom":-0.509521484375,"right":0.684326171875,"top":1.037353515625},"atlasBounds":{"left":915.5,"bottom":230.5,"right":987.5,"top":329.5}},{"unicode":59,"advance":0.21142578125,"planeBounds":{"left":-0.48486328125,"bottom":-0.64794921875,"right":0.67138671875,"top":1.03955078125},"atlasBounds":{"left":947.5,"bottom":915.5,"right":1021.5,"top":1023.5}},{"unicode":60,"advance":0.50830078125,"planeBounds":{"left":-0.46826171875,"bottom":-0.410888671875,"right":0.93798828125,"top":1.042236328125},"atlasBounds":{"left":694.5,"bottom":125.5,"right":784.5,"top":218.5}},{"unicode":61,"advance":0.548828125,"planeBounds":{"left":-0.43310546875,"bottom":-0.30517578125,"right":0.98876953125,"top":0.97607421875},"atlasBounds":{"left":0.5,"bottom":36.5,"right":91.5,"top":118.5}},{"unicode":62,"advance":0.5224609375,"planeBounds":{"left":-0.43701171875,"bottom":-0.410400390625,"right":0.98486328125,"top":1.042724609375},"atlasBounds":{"left":602.5,"bottom":125.5,"right":693.5,"top":218.5}},{"unicode":63,"advance":0.47216796875,"planeBounds":{"left":-0.468505859375,"bottom":-0.509521484375,"right":0.937744140625,"top":1.224853515625},"atlasBounds":{"left":94.5,"bottom":552.5,"right":184.5,"top":663.5}},{"unicode":64,"advance":0.89794921875,"planeBounds":{"left":-0.44530546804680465,"bottom":-0.72216796875,"right":1.3515695319531953,"top":1.19970703125},"atlasBounds":{"left":659.5,"bottom":900.5,"right":774.5,"top":1023.5}},{"unicode":65,"advance":0.65234375,"planeBounds":{"left":-0.493896484375,"bottom":-0.50390625,"right":1.146728515625,"top":1.21484375},"atlasBounds":{"left":755.5,"bottom":330.5,"right":860.5,"top":440.5}},{"unicode":66,"advance":0.62255859375,"planeBounds":{"left":-0.417724609375,"bottom":-0.50390625,"right":1.066650390625,"top":1.21484375},"atlasBounds":{"left":659.5,"bottom":330.5,"right":754.5,"top":440.5}},{"unicode":67,"advance":0.65087890625,"planeBounds":{"left":-0.449462890625,"bottom":-0.51171875,"right":1.113037109375,"top":1.22265625},"atlasBounds":{"left":185.5,"bottom":552.5,"right":285.5,"top":663.5}},{"unicode":68,"advance":0.65576171875,"planeBounds":{"left":-0.418212890625,"bottom":-0.50390625,"right":1.097412109375,"top":1.21484375},"atlasBounds":{"left":462.5,"bottom":330.5,"right":559.5,"top":440.5}},{"unicode":69,"advance":0.568359375,"planeBounds":{"left":-0.418212890625,"bottom":-0.50390625,"right":1.034912109375,"top":1.21484375},"atlasBounds":{"left":368.5,"bottom":330.5,"right":461.5,"top":440.5}},{"unicode":70,"advance":0.552734375,"planeBounds":{"left":-0.423828125,"bottom":-0.50390625,"right":1.029296875,"top":1.21484375},"atlasBounds":{"left":274.5,"bottom":330.5,"right":367.5,"top":440.5}},{"unicode":71,"advance":0.68115234375,"planeBounds":{"left":-0.44775390625,"bottom":-0.51171875,"right":1.11474609375,"top":1.22265625},"atlasBounds":{"left":286.5,"bottom":552.5,"right":386.5,"top":663.5}},{"unicode":72,"advance":0.712890625,"planeBounds":{"left":-0.417724609375,"bottom":-0.50390625,"right":1.129150390625,"top":1.21484375},"atlasBounds":{"left":71.5,"bottom":330.5,"right":170.5,"top":440.5}},{"unicode":73,"advance":0.27197265625,"planeBounds":{"left":-0.41064453125,"bottom":-0.50390625,"right":0.68310546875,"top":1.21484375},"atlasBounds":{"left":0.5,"bottom":330.5,"right":70.5,"top":440.5}},{"unicode":74,"advance":0.5517578125,"planeBounds":{"left":-0.476318359375,"bottom":-0.5166015625,"right":0.976806640625,"top":1.2177734375},"atlasBounds":{"left":387.5,"bottom":552.5,"right":480.5,"top":663.5}},{"unicode":75,"advance":0.626953125,"planeBounds":{"left":-0.41845703125,"bottom":-0.50390625,"right":1.12841796875,"top":1.21484375},"atlasBounds":{"left":808.5,"bottom":441.5,"right":907.5,"top":551.5}},{"unicode":76,"advance":0.5380859375,"planeBounds":{"left":-0.420654296875,"bottom":-0.50390625,"right":1.016845703125,"top":1.21484375},"atlasBounds":{"left":715.5,"bottom":441.5,"right":807.5,"top":551.5}},{"unicode":77,"advance":0.873046875,"planeBounds":{"left":-0.423095703125,"bottom":-0.50390625,"right":1.295654296875,"top":1.21484375},"atlasBounds":{"left":604.5,"bottom":441.5,"right":714.5,"top":551.5}},{"unicode":78,"advance":0.712890625,"planeBounds":{"left":-0.417724609375,"bottom":-0.50390625,"right":1.129150390625,"top":1.21484375},"atlasBounds":{"left":504.5,"bottom":441.5,"right":603.5,"top":551.5}},{"unicode":79,"advance":0.6875,"planeBounds":{"left":-0.445556640625,"bottom":-0.51171875,"right":1.132568359375,"top":1.22265625},"atlasBounds":{"left":481.5,"bottom":552.5,"right":582.5,"top":663.5}},{"unicode":80,"advance":0.630859375,"planeBounds":{"left":-0.419677734375,"bottom":-0.50390625,"right":1.095947265625,"top":1.21484375},"atlasBounds":{"left":287.5,"bottom":441.5,"right":384.5,"top":551.5}},{"unicode":81,"advance":0.6875,"planeBounds":{"left":-0.448486328125,"bottom":-0.62158203125,"right":1.129638671875,"top":1.22216796875},"atlasBounds":{"left":845.5,"bottom":905.5,"right":946.5,"top":1023.5}},{"unicode":82,"advance":0.61572265625,"planeBounds":{"left":-0.425537109375,"bottom":-0.50390625,"right":1.105712890625,"top":1.21484375},"atlasBounds":{"left":105.5,"bottom":441.5,"right":203.5,"top":551.5}},{"unicode":83,"advance":0.59326171875,"planeBounds":{"left":-0.46826171875,"bottom":-0.51171875,"right":1.06298828125,"top":1.22265625},"atlasBounds":{"left":583.5,"bottom":552.5,"right":681.5,"top":663.5}},{"unicode":84,"advance":0.5966796875,"planeBounds":{"left":-0.482421875,"bottom":-0.50390625,"right":1.080078125,"top":1.21484375},"atlasBounds":{"left":880.5,"bottom":553.5,"right":980.5,"top":663.5}},{"unicode":85,"advance":0.6484375,"planeBounds":{"left":-0.43212890625,"bottom":-0.5166015625,"right":1.08349609375,"top":1.2177734375},"atlasBounds":{"left":682.5,"bottom":552.5,"right":779.5,"top":663.5}},{"unicode":86,"advance":0.63623046875,"planeBounds":{"left":-0.493896484375,"bottom":-0.50390625,"right":1.131103515625,"top":1.21484375},"atlasBounds":{"left":0.5,"bottom":441.5,"right":104.5,"top":551.5}},{"unicode":87,"advance":0.88720703125,"planeBounds":{"left":-0.47412109375,"bottom":-0.50390625,"right":1.36962890625,"top":1.21484375},"atlasBounds":{"left":385.5,"bottom":441.5,"right":503.5,"top":551.5}},{"unicode":88,"advance":0.626953125,"planeBounds":{"left":-0.474853515625,"bottom":-0.50390625,"right":1.103271484375,"top":1.21484375},"atlasBounds":{"left":908.5,"bottom":441.5,"right":1009.5,"top":551.5}},{"unicode":89,"advance":0.6005859375,"planeBounds":{"left":-0.49755859375,"bottom":-0.50390625,"right":1.09619140625,"top":1.21484375},"atlasBounds":{"left":171.5,"bottom":330.5,"right":273.5,"top":440.5}},{"unicode":90,"advance":0.5986328125,"planeBounds":{"left":-0.46484375,"bottom":-0.50390625,"right":1.06640625,"top":1.21484375},"atlasBounds":{"left":560.5,"bottom":330.5,"right":658.5,"top":440.5}},{"unicode":91,"advance":0.26513671875,"planeBounds":{"left":-0.430419921875,"bottom":-0.654296875,"right":0.757080078125,"top":1.314453125},"atlasBounds":{"left":248.5,"bottom":897.5,"right":324.5,"top":1023.5}},{"unicode":92,"advance":0.41015625,"planeBounds":{"left":-0.484375,"bottom":-0.565673828125,"right":0.90625,"top":1.215576171875},"atlasBounds":{"left":89.5,"bottom":777.5,"right":178.5,"top":891.5}},{"unicode":93,"advance":0.26513671875,"planeBounds":{"left":-0.4970703125,"bottom":-0.654296875,"right":0.6904296875,"top":1.314453125},"atlasBounds":{"left":409.5,"bottom":897.5,"right":485.5,"top":1023.5}},{"unicode":94,"advance":0.41796875,"planeBounds":{"left":-0.4716796875,"bottom":-0.146240234375,"right":0.8876953125,"top":1.213134765625},"atlasBounds":{"left":876.5,"bottom":131.5,"right":963.5,"top":218.5}},{"unicode":95,"advance":0.451171875,"planeBounds":{"left":-0.5009765625,"bottom":-0.575927734375,"right":0.9521484375,"top":0.502197265625},"atlasBounds":{"left":567.5,"bottom":49.5,"right":660.5,"top":118.5}},{"unicode":96,"advance":0.30908203125,"planeBounds":{"left":-0.479736328125,"bottom":0.10009765625,"right":0.739013671875,"top":1.25634765625},"atlasBounds":{"left":415.5,"bottom":44.5,"right":493.5,"top":118.5}},{"unicode":97,"advance":0.5439453125,"planeBounds":{"left":-0.447509765625,"bottom":-0.51708984375,"right":0.989990234375,"top":1.04541015625},"atlasBounds":{"left":556.5,"bottom":229.5,"right":648.5,"top":329.5}},{"unicode":98,"advance":0.56103515625,"planeBounds":{"left":-0.4345703125,"bottom":-0.5126953125,"right":1.0185546875,"top":1.2529296875},"atlasBounds":{"left":179.5,"bottom":778.5,"right":272.5,"top":891.5}},{"unicode":99,"advance":0.5234375,"planeBounds":{"left":-0.458984375,"bottom":-0.51708984375,"right":0.994140625,"top":1.04541015625},"atlasBounds":{"left":462.5,"bottom":229.5,"right":555.5,"top":329.5}},{"unicode":100,"advance":0.56396484375,"planeBounds":{"left":-0.457275390625,"bottom":-0.5126953125,"right":0.995849609375,"top":1.2529296875},"atlasBounds":{"left":273.5,"bottom":778.5,"right":366.5,"top":891.5}},{"unicode":101,"advance":0.52978515625,"planeBounds":{"left":-0.45703125,"bottom":-0.51708984375,"right":0.99609375,"top":1.04541015625},"atlasBounds":{"left":180.5,"bottom":229.5,"right":273.5,"top":329.5}},{"unicode":102,"advance":0.34716796875,"planeBounds":{"left":-0.47509765625,"bottom":-0.502685546875,"right":0.85302734375,"top":1.262939453125},"atlasBounds":{"left":367.5,"bottom":778.5,"right":452.5,"top":891.5}},{"unicode":103,"advance":0.56103515625,"planeBounds":{"left":-0.45654296875,"bottom":-0.7099609375,"right":0.99658203125,"top":1.0400390625},"atlasBounds":{"left":899.5,"bottom":779.5,"right":992.5,"top":891.5}},{"unicode":104,"advance":0.55078125,"planeBounds":{"left":-0.434814453125,"bottom":-0.5,"right":0.987060546875,"top":1.25},"atlasBounds":{"left":0.5,"bottom":664.5,"right":91.5,"top":776.5}},{"unicode":105,"advance":0.24267578125,"planeBounds":{"left":-0.432373046875,"bottom":-0.5068359375,"right":0.677001953125,"top":1.2275390625},"atlasBounds":{"left":584.5,"bottom":665.5,"right":655.5,"top":776.5}},{"unicode":106,"advance":0.23876953125,"planeBounds":{"left":-0.533203125,"bottom":-0.715087890625,"right":0.669921875,"top":1.222412109375},"atlasBounds":{"left":581.5,"bottom":899.5,"right":658.5,"top":1023.5}},{"unicode":107,"advance":0.5068359375,"planeBounds":{"left":-0.431396484375,"bottom":-0.5,"right":1.006103515625,"top":1.25},"atlasBounds":{"left":712.5,"bottom":779.5,"right":804.5,"top":891.5}},{"unicode":108,"advance":0.24267578125,"planeBounds":{"left":-0.425537109375,"bottom":-0.5,"right":0.668212890625,"top":1.25},"atlasBounds":{"left":641.5,"bottom":779.5,"right":711.5,"top":891.5}},{"unicode":109,"advance":0.87646484375,"planeBounds":{"left":-0.436767578125,"bottom":-0.50439453125,"right":1.313232421875,"top":1.04248046875},"atlasBounds":{"left":0.5,"bottom":119.5,"right":112.5,"top":218.5}},{"unicode":110,"advance":0.5517578125,"planeBounds":{"left":-0.434814453125,"bottom":-0.50439453125,"right":0.987060546875,"top":1.04248046875},"atlasBounds":{"left":649.5,"bottom":230.5,"right":740.5,"top":329.5}},{"unicode":111,"advance":0.5703125,"planeBounds":{"left":-0.457275390625,"bottom":-0.51708984375,"right":1.027099609375,"top":1.04541015625},"atlasBounds":{"left":274.5,"bottom":229.5,"right":369.5,"top":329.5}},{"unicode":112,"advance":0.56103515625,"planeBounds":{"left":-0.43505859375,"bottom":-0.70751953125,"right":1.01806640625,"top":1.04248046875},"atlasBounds":{"left":805.5,"bottom":779.5,"right":898.5,"top":891.5}},{"unicode":113,"advance":0.568359375,"planeBounds":{"left":-0.45751953125,"bottom":-0.70751953125,"right":0.99560546875,"top":1.04248046875},"atlasBounds":{"left":453.5,"bottom":779.5,"right":546.5,"top":891.5}},{"unicode":114,"advance":0.33837890625,"planeBounds":{"left":-0.436767578125,"bottom":-0.50439453125,"right":0.828857421875,"top":1.04248046875},"atlasBounds":{"left":833.5,"bottom":230.5,"right":914.5,"top":329.5}},{"unicode":115,"advance":0.515625,"planeBounds":{"left":-0.45458984375,"bottom":-0.51708984375,"right":0.96728515625,"top":1.04541015625},"atlasBounds":{"left":370.5,"bottom":229.5,"right":461.5,"top":329.5}},{"unicode":116,"advance":0.32666015625,"planeBounds":{"left":-0.500244140625,"bottom":-0.5126953125,"right":0.796630859375,"top":1.1591796875},"atlasBounds":{"left":96.5,"bottom":222.5,"right":179.5,"top":329.5}},{"unicode":117,"advance":0.55126953125,"planeBounds":{"left":-0.4365234375,"bottom":-0.51416015625,"right":0.9853515625,"top":1.03271484375},"atlasBounds":{"left":741.5,"bottom":230.5,"right":832.5,"top":329.5}},{"unicode":118,"advance":0.484375,"planeBounds":{"left":-0.485595703125,"bottom":-0.50146484375,"right":0.967529296875,"top":1.02978515625},"atlasBounds":{"left":319.5,"bottom":120.5,"right":412.5,"top":218.5}},{"unicode":119,"advance":0.75146484375,"planeBounds":{"left":-0.48486328125,"bottom":-0.50146484375,"right":1.23388671875,"top":1.02978515625},"atlasBounds":{"left":113.5,"bottom":120.5,"right":223.5,"top":218.5}},{"unicode":120,"advance":0.49560546875,"planeBounds":{"left":-0.487548828125,"bottom":-0.50146484375,"right":0.981201171875,"top":1.02978515625},"atlasBounds":{"left":224.5,"bottom":120.5,"right":318.5,"top":218.5}},{"unicode":121,"advance":0.47314453125,"planeBounds":{"left":-0.49072265625,"bottom":-0.717529296875,"right":0.96240234375,"top":1.032470703125},"atlasBounds":{"left":547.5,"bottom":779.5,"right":640.5,"top":891.5}},{"unicode":122,"advance":0.49560546875,"planeBounds":{"left":-0.458251953125,"bottom":-0.50146484375,"right":0.963623046875,"top":1.02978515625},"atlasBounds":{"left":413.5,"bottom":120.5,"right":504.5,"top":218.5}},{"unicode":123,"advance":0.33837890625,"planeBounds":{"left":-0.46923828125,"bottom":-0.683837890625,"right":0.82763671875,"top":1.284912109375},"atlasBounds":{"left":325.5,"bottom":897.5,"right":408.5,"top":1023.5}},{"unicode":124,"advance":0.24365234375,"planeBounds":{"left":-0.417236328125,"bottom":-0.63232421875,"right":0.660888671875,"top":1.21142578125},"atlasBounds":{"left":775.5,"bottom":905.5,"right":844.5,"top":1023.5}},{"unicode":125,"advance":0.33837890625,"planeBounds":{"left":-0.490966796875,"bottom":-0.683837890625,"right":0.805908203125,"top":1.284912109375},"atlasBounds":{"left":164.5,"bottom":897.5,"right":247.5,"top":1023.5}},{"unicode":126,"advance":0.68017578125,"planeBounds":{"left":-0.44091796875,"bottom":-0.3076171875,"right":1.12158203125,"top":0.8955078125},"atlasBounds":{"left":314.5,"bottom":41.5,"right":414.5,"top":118.5}}],"kerning":[]}

assets/html/tile_properties.html

+<form id="tile-form" class="w3-container w3-small">
+  <br/>
+  <label>Tile Name</label>
+  <input id="tile-name-input" class="w3-input w3-border" type="text" />
+  <div class="w3-row">
+	<div class="w3-col w3-threequarter">
+	  <label>Tile Label</label>
+	  <input id="tile-label-input" class="w3-input w3-border" type="text" />
+	</div>
+	<div class="w3-quarter">
+	  <label>Tile Color</label>
+	  <input id="tile-color-input" class="w3-input w3-border" style="height: 36px;" type="color" />
+	</div>
+  </div>
+  <br/>
+  <div class="w3-row">
+	<div class="w3-col w3-threequarter">
+	  <label>North Glue Label</label>
+	  <input id="north-glue-label-input" class="w3-input w3-border" type="text" />
+	</div>
+	<div class="w3-quarter">
+	  <label>Strength</label>
+	  <input id="north-glue-strength-input" class="w3-input w3-border" type="number" />
+	</div>
+  </div>
+  <div class="w3-row">
+	<div class="w3-col w3-threequarter">
+	  <label>East Glue Label</label>
+	  <input id="east-glue-label-input" class="w3-input w3-border" type="text" />
+	</div>
+	<div class="w3-quarter">
+	  <label>Strength</label>
+	  <input id="east-glue-strength-input" class="w3-input w3-border" type="number" />
+	</div>
+  </div>
+  <div class="w3-row">
+	<div class="w3-col w3-threequarter">
+	  <label>South Glue Label</label>
+	  <input id="south-glue-label-input" class="w3-input w3-border" type="text" />
+	</div>
+	<div class="w3-quarter">
+	  <label>Strength</label>
+	  <input id="south-glue-strength-input" class="w3-input w3-border" type="number" />
+	</div>
+  </div>
+  <div class="w3-row">
+	<div class="w3-col w3-threequarter">
+	  <label>West Glue Label</label>
+	  <input id="west-glue-label-input" class="w3-input w3-border" type="text" />
+	</div>
+	<div class="w3-quarter">
+	  <label>Strength</label>
+	  <input id="west-glue-strength-input" class="w3-input w3-border" type="number" />
+	</div>
+  </div>
+  <br/></br>
+  <div class="w3-row">
+  	<button id="update-tile-button" type="button" class="w3-button w3-border w3-half">Update Tile</button>
+  	<button id="delete-tile-button" type="button" class="w3-button w3-border w3-half">Delete Tile</button>
+  </div>
+</form>
\ No newline at end of file

assets/icons/WebTAS.svg

+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   width="200"
+   height="200"
+   viewBox="0 0 52.916665 52.916668"
+   version="1.1"
+   id="svg8">
+  <defs
+     id="defs2" />
+  <metadata
+     id="metadata5">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1">
+    <rect
+       style="fill:#6464ff;fill-opacity:1;stroke:none;stroke-width:0.529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect850"
+       width="21.166666"
+       height="21.166666"
+       x="2.6458342"
+       y="29.104166" />
+    <rect
+       style="fill:#ff6464;fill-opacity:1;stroke:none;stroke-width:0.529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect852"
+       width="21.166666"
+       height="21.166666"
+       x="2.645834"
+       y="7.9375" />
+    <rect
+       style="fill:#64ff64;fill-opacity:1;stroke:none;stroke-width:0.529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect854"
+       width="21.166666"
+       height="21.166666"
+       x="23.8125"
+       y="29.104166" />
+    <rect
+       style="fill:#ffff64;fill-opacity:1;stroke:none;stroke-width:0.529;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none"
+       id="rect858"
+       width="21.166666"
+       height="21.166666"
+       x="29.104166"
+       y="2.6458333" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.52916667;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 2.6458333,29.104166 c 21.1666657,0 21.1666657,0 21.1666657,0 v 21.166667"
+       id="path860" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.52916667;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 23.812499,29.104166 H 44.979166 V 50.270833"
+       id="path864" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458333;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 25.135417,29.104166 c 0,21.166667 0,21.166667 0,21.166667"
+       id="path868" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.26458333;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="m 22.489584,29.104166 c 0,21.166667 0,21.166667 0,21.166667"
+       id="path870" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.52916667;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 23.8125,29.104166 V 7.9375002 H 2.6458333"
+       id="path872" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 2.6458333,30.427083 H 23.8125"
+       id="path874" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 2.6458333,27.78125 H 23.8125"
+       id="path876" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+       d="M 2.6458333,9.2604168 H 23.8125"
+       id="path878" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.52916673;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:1.05833346,1.05833346;stroke-dashoffset:0"
+       d="M 2.6458333,7.9375002 V 50.270833 H 44.979166"
+       id="path880" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.52916667;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;stroke-miterlimit:4;stroke-dasharray:none"
+       d="M 29.104166,2.6458333 V 23.8125 H 50.270833 V 2.6458333 Z"
+       id="path882" />
+  </g>
+</svg>

assets/icons/box-arrow-in-down-right.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-in-down-right" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.364 2.5a.5.5 0 0 1 .5-.5H13.5A1.5 1.5 0 0 1 15 3.5v10a1.5 1.5 0 0 1-1.5 1.5h-10A1.5 1.5 0 0 1 2 13.5V6.864a.5.5 0 1 1 1 0V13.5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5v-10a.5.5 0 0 0-.5-.5H6.864a.5.5 0 0 1-.5-.5z"/>
+  <path fill-rule="evenodd" d="M11 10.5a.5.5 0 0 1-.5.5h-5a.5.5 0 0 1 0-1h3.793L1.146 1.854a.5.5 0 1 1 .708-.708L10 9.293V5.5a.5.5 0 0 1 1 0v5z"/>
+</svg>
\ No newline at end of file

assets/icons/box-arrow-up-left.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-up-left" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M7.364 3.5a.5.5 0 0 1 .5-.5H14.5A1.5 1.5 0 0 1 16 4.5v10a1.5 1.5 0 0 1-1.5 1.5h-10A1.5 1.5 0 0 1 3 14.5V7.864a.5.5 0 1 1 1 0V14.5a.5.5 0 0 0 .5.5h10a.5.5 0 0 0 .5-.5v-10a.5.5 0 0 0-.5-.5H7.864a.5.5 0 0 1-.5-.5z"/>
+  <path fill-rule="evenodd" d="M0 .5A.5.5 0 0 1 .5 0h5a.5.5 0 0 1 0 1H1.707l8.147 8.146a.5.5 0 0 1-.708.708L1 1.707V5.5a.5.5 0 0 1-1 0v-5z"/>
+</svg>
\ No newline at end of file

assets/icons/caret-left-fill.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-left-fill" viewBox="0 0 16 16">
+  <path d="m3.86 8.753 5.482 4.796c.646.566 1.658.106 1.658-.753V3.204a1 1 0 0 0-1.659-.753l-5.48 4.796a1 1 0 0 0 0 1.506z"/>
+</svg>
\ No newline at end of file

assets/icons/caret-right-fill.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-right-fill" viewBox="0 0 16 16">
+  <path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/>
+</svg>
\ No newline at end of file

assets/icons/file-earmark-code-fill.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-code-fill" viewBox="0 0 16 16">
+  <path d="M9.293 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.707A1 1 0 0 0 13.707 4L10 .293A1 1 0 0 0 9.293 0zM9.5 3.5v-2l3 3h-2a1 1 0 0 1-1-1zM6.646 7.646a.5.5 0 1 1 .708.708L5.707 10l1.647 1.646a.5.5 0 0 1-.708.708l-2-2a.5.5 0 0 1 0-.708l2-2zm2.708 0 2 2a.5.5 0 0 1 0 .708l-2 2a.5.5 0 0 1-.708-.708L10.293 10 8.646 8.354a.5.5 0 1 1 .708-.708z"/>
+</svg>
\ No newline at end of file

assets/icons/folder-fill.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-folder-fill" viewBox="0 0 16 16">
+  <path d="M9.828 3h3.982a2 2 0 0 1 1.992 2.181l-.637 7A2 2 0 0 1 13.174 14H2.825a2 2 0 0 1-1.991-1.819l-.637-7a1.99 1.99 0 0 1 .342-1.31L.5 3a2 2 0 0 1 2-2h3.672a2 2 0 0 1 1.414.586l.828.828A2 2 0 0 0 9.828 3zm-8.322.12C1.72 3.042 1.95 3 2.19 3h5.396l-.707-.707A1 1 0 0 0 6.172 2H2.5a1 1 0 0 0-1 .981l.006.139z"/>
+</svg>
\ No newline at end of file

assets/icons/pause-fill.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-pause-fill" viewBox="0 0 16 16">
+  <path d="M5.5 3.5A1.5 1.5 0 0 1 7 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5zm5 0A1.5 1.5 0 0 1 12 5v6a1.5 1.5 0 0 1-3 0V5a1.5 1.5 0 0 1 1.5-1.5z"/>
+</svg>
\ No newline at end of file

assets/icons/play-fill.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-play-fill" viewBox="0 0 16 16">
+  <path d="m11.596 8.697-6.363 3.692c-.54.313-1.233-.066-1.233-.697V4.308c0-.63.692-1.01 1.233-.696l6.363 3.692a.802.802 0 0 1 0 1.393z"/>
+</svg>
\ No newline at end of file

assets/icons/skip-backward-fill.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-backward-fill" viewBox="0 0 16 16">
+  <path d="M.5 3.5A.5.5 0 0 0 0 4v8a.5.5 0 0 0 1 0V8.753l6.267 3.636c.54.313 1.233-.066 1.233-.697v-2.94l6.267 3.636c.54.314 1.233-.065 1.233-.696V4.308c0-.63-.693-1.01-1.233-.696L8.5 7.248v-2.94c0-.63-.692-1.01-1.233-.696L1 7.248V4a.5.5 0 0 0-.5-.5z"/>
+</svg>
\ No newline at end of file

assets/icons/skip-forward-fill.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-skip-forward-fill" viewBox="0 0 16 16">
+  <path d="M15.5 3.5a.5.5 0 0 1 .5.5v8a.5.5 0 0 1-1 0V8.753l-6.267 3.636c-.54.313-1.233-.066-1.233-.697v-2.94l-6.267 3.636C.693 12.703 0 12.324 0 11.693V4.308c0-.63.693-1.01 1.233-.696L7.5 7.248v-2.94c0-.63.693-1.01 1.233-.696L15 7.248V4a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file

assets/icons/stop-fill.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stop-fill" viewBox="0 0 16 16">
+  <path d="M5 3.5h6A1.5 1.5 0 0 1 12.5 5v6a1.5 1.5 0 0 1-1.5 1.5H5A1.5 1.5 0 0 1 3.5 11V5A1.5 1.5 0 0 1 5 3.5z"/>
+</svg>
\ No newline at end of file

assets/icons/zoom-in.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-zoom-in" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
+  <path d="M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z"/>
+  <path fill-rule="evenodd" d="M6.5 3a.5.5 0 0 1 .5.5V6h2.5a.5.5 0 0 1 0 1H7v2.5a.5.5 0 0 1-1 0V7H3.5a.5.5 0 0 1 0-1H6V3.5a.5.5 0 0 1 .5-.5z"/>
+</svg>
\ No newline at end of file

assets/icons/zoom-out.svg

+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-zoom-out" viewBox="0 0 16 16">
+  <path fill-rule="evenodd" d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zM13 6.5a6.5 6.5 0 1 1-13 0 6.5 6.5 0 0 1 13 0z"/>
+  <path d="M10.344 11.742c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1 6.538 6.538 0 0 1-1.398 1.4z"/>
+  <path fill-rule="evenodd" d="M3 6.5a.5.5 0 0 1 .5-.5h6a.5.5 0 0 1 0 1h-6a.5.5 0 0 1-.5-.5z"/>
+</svg>
\ No newline at end of file

assets/shaders/outline.frag

+
+uniform sampler2D map;
+
+flat in ivec4 v_strengths;
+in vec2 v_uv;
+
+void main() {
+    vec2 n_uv = (v_uv + vec2(v_strengths.x, 0.0)) / 4.0;
+    vec2 e_uv = (v_uv + vec2(v_strengths.y, 1.0)) / 4.0;
+    vec2 s_uv = (v_uv + vec2(v_strengths.z, 2.0)) / 4.0;
+    vec2 w_uv = (v_uv + vec2(v_strengths.w, 3.0)) / 4.0;
+    
+    vec4 north = texture2D(map, n_uv);
+    vec4 east  = texture2D(map, e_uv);
+    vec4 south = texture2D(map, s_uv);
+    vec4 west  = texture2D(map, w_uv);
+
+    gl_FragColor = max(north, max(east, max(south, west)));
+}

assets/shaders/outline.vert

+
+in vec3 offset;
+in ivec4 strengths;
+
+flat out ivec4 v_strengths;
+out vec2 v_uv;
+
+void main() {
+    v_uv = uv;
+    v_strengths = strengths;
+
+    gl_Position = projectionMatrix * viewMatrix * modelMatrix * vec4(position + offset, 1.0);
+}

assets/shaders/text.frag

+precision highp float;
+
+uniform sampler2D map;
+
+in vec2 texCoords;
+in vec3 color;
+in float screenFieldRange;
+
+float median(vec4 v) {
+    return max(min(v.r, v.g), min(max(v.r, v.g), v.b));
+}
+
+void main() {
+    vec4 mtsdf = texture2D(map, texCoords);
+    float signDist = median(mtsdf);
+    float pxDist = screenFieldRange * (signDist - 0.5);
+    float alpha = clamp(pxDist + 0.5, 0.0, 1.0);
+
+    gl_FragColor = vec4(color, alpha);
+}

assets/shaders/text.vert

+uniform vec2 viewport;
+uniform float fieldRange;
+
+// glyph space attributes
+in vec2 atlasOffset;
+in vec2 atlasSize;
+in vec2 glyphOrigin;
+in vec2 glyphUp;
+in vec2 glyphRight;
+in vec2 glyphOffset;
+in vec3 glyphColor;
+in float glyphSize;
+
+out vec2 texCoords;
+out vec3 color;
+out float screenFieldRange;
+
+void main() {
+    texCoords = uv * atlasSize + atlasOffset;
+    color = glyphColor;
+    screenFieldRange = glyphSize * projectionMatrix[1][1] * viewport.y * fieldRange / 2.0;
+    
+    vec2 glyphPosition = position.x * glyphRight + position.y * glyphUp + glyphOrigin + glyphOffset;
+    gl_Position = projectionMatrix * viewMatrix * vec4(glyphPosition, 0.0, 1.0);
+}

index.html

@@ -4,101 +4,318 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-
-    <!-- Bootstrap CSS -->
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
     <title>WebTAS</title>
+    <link rel="stylesheet" href="styles/w3.css">
+    <link rel="stylesheet" href="styles/webtas.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
+    <link rel="icon" type="image/png" href="assets/icons/webtas.png">
+    <script src="src/split-grid.min.js"></script>
+    <script type="module" src="src/webtas.mjs"></script>
+	  <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
+	<script src="https://cdnjs.cloudflare.com/ajax/libs/canvg/3.0.9/umd.min.js"></script>
   </head>
 
   <body>
-    <nav class="navbar navbar-expand-md navbar-dark bg-dark">
-      <div class="container-fluid">
-        <div class="navbar-collapse collapse w-100 order-1 order-md-0 dual-collapse2">
-          <ul class="navbar-nav nav-pills me-auto">
-            <li class="nav-item dropdown">
-	      <button class="nav-link dropdown-toggle"
-		      id="file-dropdown-button"
-		      type="button"
-		      data-bs-toggle="dropdown"
-		      aria-expanded="false">File</button>
-	      <ul class="dropdown-menu" aria-labelledby="file-dropdown-button">
-		<li><button class="dropdown-item">New</button></li>
-		<li><button class="dropdown-item">Open</button></li>
-		<li><hr class="dropdown-divider"></li>
-		<li><button class="dropdown-item">Save</button></li>
-		<li><button class="dropdown-item">Save As</button></li>
-	      </ul>
-            </li>
-	    <li class="nav-item dropdown">
-	      <button class="nav-link dropdown-toggle"
-		      id="file-dropdown-button"
-		      type="button"
-		      data-bs-toggle="dropdown"
-		      aria-expanded="false">Settings</button>
-	      <ul class="dropdown-menu" aria-labelledby="file-dropdown-button">
-		<li><button class="dropdown-item">Something</button></li>
-		<li><button class="dropdown-item">Something Else</button></li>
-	      </ul>
-            </li>
-          </ul>
-        </div>
-
-	<div class="mx-auto order-0">
-          <a class="navbar-brand mx-auto" href="#">WebTAS</a>
-          <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".dual-collapse2">
-            <span class="navbar-toggler-icon"></span>
-          </button>
-        </div>
-	
-        <div class="navbar-collapse collapse w-100 order-3 dual-collapse2">
-	  <ul class="navbar-nav nav nav-pills ms-auto" role="tablist">
-	    <li class="nav-item" role="presentation">
-	      <button class="nav-link active"
-		      id="simulator-tab"
-		      data-bs-toggle="pill"
-		      data-bs-target="#simulator-content"
-		      type="button"
-		      role="tab"
-		      aria-controls="simulator-content"
-		      aria-selected="true">Simulator</button>
-	    </li>
-	    <li class="nav-item" role="presentation">
-	      <button class="nav-link"
-		      id="editor-tab"
-		      data-bs-toggle="pill"
-		      data-bs-target="#editor-content"
-		      type="button"
-		      role="tab"
-		      aria-controls="editor-content"
-		      aria-selected="false">Editor</button>
-	    </li>
-	  </ul>
-        </div>
+  	<header>
+      <div class="w3-bar w3-light-grey">
+				<span class="w3-bar-item w3-green"><span class="webtas-logo"><b>WebTAS</b></span></span>
+				<div class="w3-dropdown-hover">
+				  <button class="w3-button">File</button>
+				  <div class="w3-dropdown-content w3-bar-block w3-card-4">
+				    <button id="load-system-button" class="w3-bar-item w3-button">Load System</button>
+				    <input type="file" multiple="true" id="load-system-input" style="display: none;"/>
+				    <button id="save-system-button" class="w3-bar-item w3-button">Save System</button>
+					  <button id="save-png-button" class="w3-bar-item w3-button">Save Snapshot as PNG Image</button>
+					  <button id="save-svg-button" class="w3-bar-item w3-button">Save Assembly as SVG Image</button>
+				    <button id="open-example-button" class="w3-bar-item w3-button">Open Example</button>
+				  	<button id="create-rectilinear-button" class="w3-bar-item w3-button">Create Rectilinear System</button>
+				  </div>
+				</div>
+				<div class="w3-dropdown-hover">
+				  <button class="w3-button">Settings</button>
+				  <div class="w3-dropdown-content w3-bar-block w3-card-4">
+					  <button id="set-simulation-mode-menu" class="w3-bar-item w3-button">Set Simulation Mode</button>
+				    <button id="set-temperature-button" class="w3-bar-item w3-button">Set Temperature</button>
+					  <input id="report-nondeterminism-checkbox" name="report-nondeterminism-checkbox" type="checkbox" value="report-nondeterminism" checked />
+					<label for="report-nondeterminism-checkbox"> Report Nondeterminism</label>
+
+
+				    <button id="set-background-color-button" class="w3-bar-item w3-button">Set Background Color</button>
+				    <input id="bg-color-input" type="color" value="#ffffee" style="display: none;" />
+				  </div>
+				</div>
+				<div class="w3-dropdown-hover">
+				  <button class="w3-button">System</button>
+				  <div class="w3-dropdown-content w3-bar-block w3-card-4">
+				    <button id="reset-to-seed-button" class="w3-bar-item w3-button">Reset To Seed</button>
+				  </div>
+				</div>
       </div>
-    </nav>
-
-    <div>
-      <div class="tab-content">
-	<div class="tab-pane fade show active"
-	     id="simulator-content"
-	     role="tabpanel"
-	     aria-labelledby="simulator-tab">
-	  <p>Content for simulator</p>
-	</div>
-	<div class="tab-pane fade"
-	     id="editor-content"
-	     role="tabpanel"
-	     aria-labelledby="editor-tab">
-	  <p>Content for editor</p>
-	</div>
+    </header>
+
+    <div id="create-rectilinear-modal" class="w3-modal">
+    	<div class="w3-modal-content w3-border w3-border-black">
+    		<div class="w3-container w3-green">
+    			<div class="w3-padding">Create Rectilinear System</div>
+    			<span id="create-rectilinear-close-button" class="w3-button w3-display-topright">&times;</span>
+    		</div>
+    		<div class="w3-container w3-padding">
+    			<h4>Growth Direction</h4>
+    			<select name="rl-growth-direction" id="rl-growth-direction">
+    				<option value="NE">Northeast (Inputs: South and West, outputs: North and East)</option>
+    				<option value="NW">Northwest (Inputs: South and East, outputs: North and West)</option>
+						<option value="SE">Southeast (Inputs: North and West, outputs: South and East)</option>
+						<option value="SW">Southwest (Inputs: North and East, outputs: South and West)</option>
+    			</select>
+    			<h4>Input Values</h4>
+    			<table>
+						<tr>
+							<td>Horizontal input values:</td>
+							<td><input size="10" value="0", id="rl-horz-input"> (as a comma separated list)</td>
+						</tr>
+						<tr>
+							<td>Vertical input values:</td>
+							<td><input size="10" value="0" id="rl-vert-input"> (as a comma separated list)</td>
+						</tr>
+					</table>
+
+					<button id='rl-reset-truth-table-button'>Reset Truth Table</button>
+					<select id='rl-input-values'>
+							<option value='rl-default-input'>Input From Above</option>
+							<option value='rl-sierpinski-input'>Sierpinski Triangle</option>
+							<option value='rl-binary-counter-input'>Binary Counter</option>
+					</select>
+					
+					<h4>Truth Table</h4>
+					<div id="rl-truth-table"></div>
+
+					<h4>Truth Table Function</h4>
+					<textarea id="rl-truth-table-function" rows="6" cols="80" spellcheck="false"></textarea>
+					<button id="rl-truth-table-function-button">Generate Truth Table From Function</button>
+
+					<h4>Boundary Tiles</h4>
+					<table>
+						<tr>
+							<td><b>Vertical</b></td>
+							<td>Output:</td><td><input size="5" value="0" id="rl-vert-boundary"></td>
+							<td>Color:</td><td><input size="5" value="White" id="rl-vert-boundary-color"></td>
+						</tr>
+						<tr>
+							<td><b>Horizontal</b></td>
+							<td>Output:</td><td><input size="5" value="0" id="rl-horz-boundary"></td>
+							<td>Color:</td><td><input size="5" value="White" id="rl-horz-boundary-color"></td>
+						</tr>
+					</table>
+					<button id='rl-generate-button'>Generate</button>
+    		</div>
+    	</div>
+   	</div>
+
+    <div id="examples-modal" class="w3-modal">
+      <div class="w3-modal-content w3-border w3-border-black">
+      	<div class="w3-container w3-green">
+      	  <div class="w3-padding">Open Example</div>
+      	  <span id="examples-close-button" class="w3-button w3-display-topright">&times;</span>
+      	</div>
+      	<div class="w3-container">
+	      <form class="w3-padding" onsubmit="event.preventDefault(); return false;">
+	      	<label>Select Example System</label>
+		    <select id="example-select" class="w3-select w3-border" name="option">
+		      <option value="sierpinski">Sierpinski Triangle</option>
+		      <option value="counter">Log Width Binary Counter</option>
+		      <option value="square6x6">6x6 Square</option>
+		      <option value="turing_machine">Turing Machine</option>
+		    </select>
+	      </form>
+      	</div>
+      	<div class="w3-container w3-green">
+      	  <button id="example-confirm-button" class="w3-button w3-right">Open</button>
+      	</div>
       </div>
-    
-      <div id="simulator"></div>
     </div>
 
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
-    <script src="three.js" type="text/javascript"></script>
-    <script src="tile.js" type="text/javascript"></script>
-    <script src="main.js" type="text/javascript"></script>
+    <div id="save-system-modal" class="w3-modal">
+    	<div class="w3-modal-content w3-border w3-border-black">
+    		<div class="w3-container w3-green">
+    			<div class="w3-padding">Save System</div>
+    			<span id="save-close-button" class="w3-button w3-display-topright">&times;</span>
+    		</div>
+    		<div class="w3-container">
+    			<form class="w3-padding" onsubmit="event.preventDefault(); return false;">
+    				<label>Save System As:</label>
+    				<input id="save-system-name" class="w3-input w3-border" type="text" value="system"/>
+    			</form>
+    		</div>
+    		<div class="w3-container w3-green">
+    			<button id="save-system-confirm-button" class="w3-button w3-right">Save</button>
+    		</div>
+    	</div>
+    </div>
+
+	<div id="save-png-modal" class="w3-modal">
+    	<div class="w3-modal-content w3-border w3-border-black">
+    		<div class="w3-container w3-green">
+    			<div class="w3-padding">PNG Properties</div>
+    			<span id="save-png-close-button" class="w3-button w3-display-topright">&times;</span>
+    		</div>
+    		<div class="w3-container">
+    			<form class="w3-padding" onsubmit="event.preventDefault(); return false;">
+    				<!-- <label>Save PNG As:</label>
+    				<input id="save-png-name" class="w3-input w3-border" type="text" value="system"/> -->
+
+					<input id="save-png-tile-type-name" name="save-png-tile-type-name" type="checkbox" value="names"/>
+					<label for="save-png-tile-type-name"> Include tile type names</label><br>
+
+					<input id="save-png-tile-type-label" name="save-png-tile-type-label" type="checkbox" value="labels" checked/>
+					<label for="save-png-tile-type-label"> Include tile type labels</label><br>
+    			</form>
+    		</div>
+    		<div class="w3-container w3-green">
+    			<button id="save-png-confirm-button" class="w3-button w3-right">Continue</button>
+    		</div>
+    	</div>
+    </div>
+
+	<div id="save-svg-modal" class="w3-modal">
+    	<div class="w3-modal-content w3-border w3-border-black">
+    		<div class="w3-container w3-green">
+    			<div class="w3-padding">PNG Properties</div>
+    			<span id="save-svg-close-button" class="w3-button w3-display-topright">&times;</span>
+    		</div>
+    		<div class="w3-container">
+    			<form class="w3-padding" onsubmit="event.preventDefault(); return false;">
+    				<!-- <label>Save PNG As:</label>
+    				<input id="save-png-name" class="w3-input w3-border" type="text" value="system"/> -->
+
+					<input id="save-svg-tile-type-name" name="save-svg-tile-type-name" type="checkbox" value="names"/>
+					<label for="save-svg-tile-type-name"> Include tile type names</label><br>
+
+					<input id="save-svg-tile-type-label" name="save-svg-tile-type-label" type="checkbox" value="labels" checked/>
+					<label for="save-svg-tile-type-label"> Include tile type labels</label><br>
+    			</form>
+    		</div>
+    		<div class="w3-container w3-green">
+    			<button id="save-svg-confirm-button" class="w3-button w3-right">Continue</button>
+    		</div>
+    	</div>
+    </div>
+
+	<div id="set-simulation-mode-modal" class="w3-modal">
+    	<div class="w3-modal-content w3-border w3-border-black">
+    		<div class="w3-container w3-green">
+    			<div class="w3-padding">Set Simulation Mode</div>
+    			<span id="simulation-mode-close-button" class="w3-button w3-display-topright">&times;</span>
+    		</div>
+			<div class="w3-container">
+    			<form class="w3-padding" onsubmit="event.preventDefault(); return false;">
+    				<label>Simulation Mode Options:</label>
+					<select id="simulation-mode-select" class="w3-select w3-border" name="option">
+						<option value="aTAM">aTAM</option>
+						<option value="SyncTAM">SyncTAM</option>
+						<option value="BlockTAM">BlockTAM</option>
+						</select>
+    			</form>
+    		</div>
+    		<div class="w3-container w3-green">
+    			<button id="set-simulation-mode-confirm-button" class="w3-button w3-right">Set Mode</button>
+    		</div>
+    	</div>
+    </div>
+
+    <div id="set-temperature-modal" class="w3-modal">
+    	<div class="w3-modal-content w3-border w3-border-black">
+    		<div class="w3-container w3-green">
+    			<div class="w3-padding">Set Temperature</div>
+    			<span id="temperature-close-button" class="w3-button w3-display-topright">&times;</span>
+    		</div>
+    		<div class="w3-container">
+    			<form class="w3-padding">
+    				<label>Temperature:</label>
+    				<input id="temperature-input" class="w3-input w3-border" type="text" value="2"/>
+    			</form>
+    		</div>
+    		<div class="w3-container w3-green">
+    			<button id="set-temperature-confirm-button" class="w3-button w3-right">Set</button>
+    		</div>
+    	</div>
+    </div>
+
+	<div id="set-temperature-sequence-modal" class="w3-modal">
+    	<div class="w3-modal-content w3-border w3-border-black">
+    		<div class="w3-container w3-green">
+    			<div class="w3-padding">Set Temperature Sequence</div>
+    			<span id="temperature-sequence-close-button" class="w3-button w3-display-topright">&times;</span>
+    		</div>
+    		<div class="w3-container">
+    			<form class="w3-padding">
+    				<label>Temperature Sequence:</label>
+    				<input id="temperature-sequence-input" class="w3-input w3-border" type="text" value="2"/>
+    			</form>
+    		</div>
+    		<div class="w3-container w3-green">
+    			<button id="set-temperature-sequence-confirm-button" class="w3-button w3-right">Set</button>
+    		</div>
+    	</div>
+    </div>
+
+    <div id="container">
+    	
+    	<!-- TILE LIST PANEL -->
+    	<div id="tile-list-panel">
+    		<div id="tile-list-header" class="w3-bar w3-green"><div class="w3-bar-item">Tile List</div></div>
+			  <div id="tile-list">
+			  	<button id="new-tile-button" class="tile-list-entry w3-border w3-button w3-small w3-light-gray w3-hover-green w3-left-align">
+			  	  <span class="material-icons w3-small">add_box</span> New Tile
+			  	</button>
+			  </div>
+    	</div>
+
+    	<!-- TILE VIEW PANEL -->
+    	<div id="tile-view-panel">
+    		<div id="tile-view-header" class="w3-bar w3-green"><div class="w3-bar-item">Selected Tile</div></div>
+    		<div id="tile-view">
+    			<canvas id="tile-canvas"></canvas>
+    		</div>
+    	</div>
+
+    	<!-- TILE PROPERTIES PANEL -->
+    	<div id="tile-properties-panel">
+    		<div id="tile-properties-header" class="w3-bar w3-green"><div class="w3-bar-item">Tile Properties</div></div>
+    		<div id="tile-properties"></div>
+    	</div>
+
+    	<!-- SIMULATOR PANEL -->
+    	<div id="simulator-panel" style="width: 100%">
+    		<div id="sim-bar" class="w3-bar w3-light-grey">
+			    <button id="fast-back-button" class="w3-bar-item w3-button"><span class="material-icons">fast_rewind</span></button>
+			    <button id="step-back-button" class="w3-bar-item w3-button"><span class="material-icons">skip_previous</span></button>
+			    <button id="stop-button" class="w3-bar-item w3-button"><span class="material-icons">stop</span></button>
+			    <button id="step-forward-button" class="w3-bar-item w3-button"><span class="material-icons">skip_next</span></button>
+			    <button id="fast-forward-button" class="w3-bar-item w3-button"><span class="material-icons">fast_forward</span></button>
+			    <div class="w3-bar-item bar-divider"></div>
+			    <button id="select-mode-button" class="w3-bar-item w3-button"><span class="material-icons">highlight_alt</span></button>
+			    <button id="place-mode-button" class="w3-bar-item w3-button"><span class="material-icons">edit</span></button>
+			    <button id="zoom-out-button" class="w3-bar-item w3-button w3-right"><span class="material-icons">zoom_out</span></button>
+			    <button id="zoom-in-button" class="w3-bar-item w3-button w3-right"><span class="material-icons">zoom_in</span></button>
+			  </div>
+			  <div id="simulator">
+			  	<canvas id="sim-canvas"></canvas>
+				  <svg id="sim-canvas" width="100%" height="100%"></svg>
+			  </div>
+			  <div id="sim-info" class="w3-small w3-light-grey">Simulator</div>
+    	</div>
+    	
+    	<!-- LOG PANEL -->
+    	<div id="log-panel">
+    		<div id="log-header" class="w3-bar w3-green"><div class="w3-bar-item">Simulation Log</div></div>
+    		<div id="log-container"></div>
+    	</div>
+
+    	<!-- RESIZE GUTTERS -->
+    	<div id="editor-gutter" class="gutter"></div>
+    	<div id="simulator-gutter" class="gutter"></div>
+    	<div id="log-gutter" class="gutter"></div>
+    	<div id="tile-gutter" class="gutter"></div>
+    </div>
   </body>
 </html>

main.css

+body {
+	margin: 0;
+	background-color: #000;
+	color: #fff;
+	font-family: Monospace;
+	font-size: 13px;
+	line-height: 24px;
+	overscroll-behavior: none;
+}
+
+a {
+	color: #ff0;
+	text-decoration: none;
+}
+
+a:hover {
+	text-decoration: underline;
+}
+
+button {
+	cursor: pointer;
+	text-transform: uppercase;
+}
+
+#info {
+	position: absolute;
+	top: 0px;
+	width: 100%;
+	padding: 10px;
+	box-sizing: border-box;
+	text-align: center;
+	-moz-user-select: none;
+	-webkit-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	pointer-events: none;
+	z-index: 1; /* TODO Solve this in HTML */
+}
+
+a, button, input, select {
+	pointer-events: auto;
+}
+
+.lil-gui {
+	z-index: 2 !important; /* TODO Solve this in HTML */
+}
+
+@media all and ( max-width: 640px ) {
+	.lil-gui.root { 
+		right: auto;
+		top: auto;
+		max-height: 50%;
+		max-width: 80%;
+		bottom: 0;
+		left: 0;
+	}
+}
+
+#overlay {
+	position: absolute;
+	font-size: 16px;
+	z-index: 2;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-direction: column;
+	background: rgba(0,0,0,0.7);
+}
+
+	#overlay button {
+		background: transparent;
+		border: 0;
+		border: 1px solid rgb(255, 255, 255);
+		border-radius: 4px;
+		color: #ffffff;
+		padding: 12px 18px;
+		text-transform: uppercase;
+		cursor: pointer;
+	}
+
+#notSupported {
+	width: 50%;
+	margin: auto;
+	background-color: #f00;
+	margin-top: 20px;
+	padding: 10px;
+}

main.js

-const scene = new THREE.Scene();
-const camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 1, 10);
-const renderer = new THREE.WebGLRenderer();
-
-document.getElementById("simulator").appendChild(renderer.domElement);
-window.addEventListener('resize', resize, false);
-
-const tile_types = [
-    new TileType("seed", "seed", "#aaaaff", {
-	north: new Glue(2, "A"),
-	east: new Glue(2, "B")}),
-
-    new TileType("Vertical", "V", "#ffaaff", {
-	north: new Glue(2, "A"),
-	east: new Glue(1, '1'),
-	south: new Glue(2, "A")}),
-
-    new TileType("Horizontal", "H", "#aaffff", {
-	north: new Glue(1, '0'),
-	east: new Glue(2, "B"),
-	west: new Glue(2, "B")}),
-
-    new TileType("Add 00", "0", "#cccccc", {
-	north: new Glue(1, "0"),
-	east: new Glue(1, "0"),
-	south: new Glue(1, "0"),
-	west: new Glue(1, "0")}),
-
-    new TileType("Add 01", "1", "#666666", {
-	north: new Glue(1, "1"),
-	east: new Glue(1, "0"),
-	south: new Glue(1, "0"),
-	west: new Glue(1, "1")}),
-
-    new TileType("Add 10", "1", "#666666", {
-	north: new Glue(1, "1"),
-	east: new Glue(1, "0"),
-	south: new Glue(1, "1"),
-	west: new Glue(1, "0")}),
-
-    new TileType("Add 11", "0", "#cccccc", {
-	north: new Glue(1, "0"),
-	east: new Glue(1, "1"),
-	south: new Glue(1, "1"),
-	west: new Glue(1, "1")}),
-];
-
-system = new System(2, tile_types);
-
-camera.position.set(0, 0, 2);
-camera.updateProjectionMatrix();
-
-renderer.setClearColor(0xffffaa, 1);
-
-resize();
-animate();
-
-function resize() {
-    const aspect = window.innerWidth / window.innerHeight;
-    camera.left = -aspect;
-    camera.right = aspect;
-    camera.updateProjectionMatrix();
-
-    renderer.setSize(window.innerWidth, window.innerHeight);
-}
-
-function animate() {
-    requestAnimationFrame(animate);
-    renderer.render(scene, camera);
-}
-
-const NO_MENU = 0;
-const FILE_MENU = 1;
-const VIEW_MENU = 2;
-const SETTINGS_MENU = 3;
-
-let open_menu = NO_MENU;
-
-function dropdown(content_div) {
-    let open = false;
-    
-    function click() {
-	if (open) {
-	    content_div.className = content_div.className.replace(" w3-show", "");
-	    open = false;
-	} else {
-	    content_div.className += " w3-show";
-	    open = true;
-	}
-    }
-    
-    return click;
-}
-

src/assetmanager.mjs

+import * as THREE from './three.module.mjs';
+
+import { Logger } from './logger.mjs';
+
+const textureList = {
+    //font: "assets/fonts/OpenSansCondensed-Light/mtsdf.png",
+    font: "assets/fonts/roboto/roboto_mtsdf.png",
+    outlines: "assets/textures/outlines.png",
+    //outline0: "assets/textures/outline0.png",
+    //outline1: "assets/textures/outline1.png",
+    //outline2: "assets/textures/outline2.png",
+
+    no_tile: "assets/textures/no_tile.png",
+    //selected_tile_label: "assets/textures/selected_tile_label.png",
+};
+
+const fileList = {
+    font_data: "assets/fonts/roboto/roboto_mtsdf.json",
+    text_vs: "assets/shaders/text.vert",
+    text_fs: "assets/shaders/text.frag",
+    outline_vs: "assets/shaders/outline.vert",
+    outline_fs: "assets/shaders/outline.frag",
+
+    sierpinski_tds: "assets/examples/SierpinskiTriangle.tds",
+    sierpinski_tdp: "assets/examples/SierpinskiTriangle.tdp",
+    counter_tds: "assets/examples/logwidth_binary_counter.tds",
+    counter_tdp: "assets/examples/logwidth_binary_counter.tdp",
+    square6x6_tds: "assets/examples/6x6_square.tds",
+    square6x6_tdp: "assets/examples/6x6_square.tdp",
+    turing_machine_tds: "assets/examples/turing_machine.tds",
+    turing_machine_tdp: "assets/examples/turing_machine.tdp",
+    
+    tile_properties_html: "assets/html/tile_properties.html",
+};
+
+let assetCount = 0;
+
+const textures = {};
+const files = {};
+
+export function loadAssets(callback) {
+    const fileLoader = new THREE.FileLoader();
+    const textureLoader = new THREE.TextureLoader();
+
+    THREE.DefaultLoadingManager.onLoad = () => {
+	Logger.log(Logger.INFO, `loaded ${assetCount} assets during initialization`);
+	callback();
+    };
+
+    for (const [name, url] of Object.entries(textureList)) {
+	textureLoader.load(url, (texture) => {
+	    textures[name] = texture;
+	    assetCount++;
+	});
+    }
+
+    for (const [name, url] of Object.entries(fileList)) {
+	fileLoader.load(url, (data) => {
+	    files[name] = data;
+	    assetCount++;
+	});
+    }
+}
+
+export function getTexture(name) {
+    return textures[name];
+}
+
+export function getFile(name) {
+    return files[name];
+}
+
+

src/editor.mjs

+import * as AssetManager from './assetmanager.mjs';
+import { Logger } from './logger.mjs';
+import { parseColor } from './utils.mjs';
+
+const UPDATE_SEED_MESSAGE = 'Warning, updating this tile will clear the simulation assembly. This tile belongs to the seed assembly, so the current assembly will be fully cleared.';
+const UPDATE_NO_SEED_MESSAGE = 'Warning, updating this tile will revert the simulation assembly to the seed.';
+
+const DELETE_SEED_MESSAGE = 'Warning, deleting this tile will clear the simulation assembly. This tile belongs to the seed assembly, so the current assembly will be fully cleared.';
+const DELETE_NO_SEED_MESSAGE = 'Warning, deleting this tile will revert the simulation assembly to the seed.';
+
+
+export class Editor {
+
+	constructor(simulator) {
+		this.simulator = simulator;
+		this.newTileButton = document.getElementById('new-tile-button');
+		this.newTileButton.disabled = true;
+
+		this.selectedType = undefined;
+	}
+
+	init() {
+		const domparser = new DOMParser();
+		this.form = domparser.parseFromString(AssetManager.getFile('tile_properties_html'), 'text/html');
+
+		this.inputs = {
+			tileName: this.form.getElementById('tile-name-input'),
+			tileLabel: this.form.getElementById('tile-label-input'),
+			tileColor: this.form.getElementById('tile-color-input'),
+			northLabel: this.form.getElementById('north-glue-label-input'),
+			northStrength: this.form.getElementById('north-glue-strength-input'),
+			eastLabel: this.form.getElementById('east-glue-label-input'),
+			eastStrength: this.form.getElementById('east-glue-strength-input'),
+			southLabel: this.form.getElementById('south-glue-label-input'),
+			southStrength: this.form.getElementById('south-glue-strength-input'),
+			westLabel: this.form.getElementById('west-glue-label-input'),
+			westStrength: this.form.getElementById('west-glue-strength-input'),
+		};
+
+		this.updateTileButton = this.form.getElementById('update-tile-button');
+		this.deleteTileButton = this.form.getElementById('delete-tile-button');
+
+		this.updateTileButton.addEventListener('click', () => { this.onUpdateTile(); });
+		this.deleteTileButton.addEventListener('click', () => { this.onDeleteTile(); });
+		this.newTileButton.addEventListener('click', () => { this.onAddTile(); });
+
+		this.setFormDisabled(true);
+
+		const properties = document.getElementById('tile-properties');
+		properties.appendChild(this.form.getElementById('tile-form'));
+	}
+
+	setTiles(tileset) {
+		this.tileset = tileset;
+
+		const tileTypes = this.tileset.getTileTypes();
+		const tileList = document.getElementById('tile-list');
+
+		while (this.newTileButton.nextSibling) {
+			tileList.removeChild(this.newTileButton.nextSibling)
+		}
+
+		for (const type of tileTypes) {
+			const tile_elem = document.createElement('button');
+			const box_span = document.createElement('span');
+			box_span.classList.add('material-icons', 'w3-small');
+			box_span.appendChild(document.createTextNode('square'));
+			box_span.style.color = type.color.getHexString();
+			tile_elem.appendChild(box_span);
+			tile_elem.appendChild(document.createTextNode(type.name));
+			tile_elem.classList.add('tile-list-entry', 'w3-bar-item', 'w3-border-bottom', 'w3-button', 'w3-small', 'w3-white', 'w3-hover-pale-green', 'w3-left-align');
+			tileList.appendChild(tile_elem);
+
+			tile_elem.addEventListener('click', () => { this.simulator.selectTile(type) });
+		}
+
+		this.newTileButton.disabled = false;
+	}
+
+	onSelectTile(type) {
+		this.selectedType = type;
+
+		if (!type) {
+			this.setFormDisabled(true);
+
+			this.inputs.tileName.value = '';
+			this.inputs.tileLabel.value = '';
+			this.inputs.tileColor.value = '#ffffff';
+
+			for (const dir of ['north', 'east', 'south', 'west']) {
+				this.inputs[`${dir}Label`].value = '';
+				this.inputs[`${dir}Strength`].value = 0;
+			}
+		} else {
+			this.setFormDisabled(false);
+
+			this.inputs.tileName.value = type.name;
+			this.inputs.tileLabel.value = type.label;
+			this.inputs.tileColor.value = type.color.getHexString();
+
+			for (const dir of ['north', 'east', 'south', 'west']) {
+				if (type.glues[dir]) {
+					this.inputs[`${dir}Label`].value = type.glues[dir].label;
+					this.inputs[`${dir}Strength`].value = type.glues[dir].strength;
+				} else {
+					this.inputs[`${dir}Label`].value = '';
+					this.inputs[`${dir}Strength`].value = 0;
+				}
+			}
+		}
+	}
+
+	setFormDisabled(disabled=true) {
+		Object.keys(this.inputs).forEach((key, index) => {
+			this.inputs[key].disabled = disabled;
+		});
+
+		this.updateTileButton.disabled = disabled;
+		this.deleteTileButton.disabled = disabled;
+	}
+
+	onUpdateTile() {
+		let typeInSeed = false;
+		for (const tile of this.simulator.seedTiles) {
+			if (this.selectedType.id === tile.type.id) {
+				typeInSeed = true;
+				break;
+			}
+		}
+
+		const warning = typeInSeed ? UPDATE_SEED_MESSAGE : UPDATE_NO_SEED_MESSAGE;
+		if ( !confirm(warning) )
+			return false;
+		
+
+		const oldName = this.selectedType.name;
+		const newName = this.inputs.tileName.value;
+
+		const newType = {
+			name: this.inputs.tileName.value,
+			label: this.inputs.tileLabel.value,
+			color: parseColor(this.inputs.tileColor.value),
+			glues: {},
+			id: this.selectedType.id,
+		};
+
+		for (const dir of ['north', 'east', 'south', 'west']) {
+			const label = this.inputs[`${dir}Label`].value.trim();
+			const strength = parseInt(this.inputs[`${dir}Strength`].value);
+			
+			if (label === '' || strength === NaN) {
+				newType.glues[dir] = null;
+			} else {
+				newType.glues[dir] = {
+					label: label,
+					strength: strength,
+				};
+			}
+		}
+
+		this.simulator.tileset.updateTileType(this.selectedType.id, newType);
+
+		if (oldName === newName) {
+			Logger.log(Logger.INFO, `updated tile "${oldName}"`);
+		} else {
+			Logger.log(Logger.INFO, `updated tile "${oldName}" (now "${newName}")`);
+		}
+
+		this.setTiles(this.simulator.tileset);
+		this.simulator.reset(!typeInSeed);
+		this.simulator.selectTile(newType);
+	}
+
+	onDeleteTile() {
+		let typeInSeed = false;
+		for (const tile of this.simulator.seedTiles) {
+			if (this.selectedType.id === tile.type.id) {
+				typeInSeed = true;
+				break;
+			}
+		}
+
+		const warning = typeInSeed ? DELETE_SEED_MESSAGE : DELETE_NO_SEED_MESSAGE;
+		if ( !confirm(warning) )
+			return false;
+
+		const oldName = this.selectedType.name;
+
+		this.simulator.tileset.removeTileType(this.selectedType.id);
+
+		Logger.log(Logger.INFO, `deleted tile "${oldName}"`);
+
+		this.setTiles(this.simulator.tileset);
+		this.simulator.reset(!typeInSeed);
+		this.simulator.selectTile(undefined);
+	}
+
+	onAddTile() {
+		let tileName = "New Tile";
+
+		if (this.simulator.tileset.hasTileWithName(tileName)) {
+			let num = 1;
+			while (this.simulator.tileset.hasTileWithName(`${tileName} (${num})`)) num++;
+			tileName = `${tileName} (${num})`;
+		}
+
+		const type = {
+			name: tileName,
+			label: '',
+			color: parseColor('white'),
+			glues: {
+				north: null,
+				east: null,
+				south: null,
+				west: null,
+			},
+			id: undefined,
+		};
+
+		this.simulator.tileset.addTileType(type);
+
+		Logger.log(Logger.INFO, `added new tile "${tileName}"`);
+
+		this.setTiles(this.simulator.tileset);
+		this.simulator.selectTile(type);
+	}
+}
\ No newline at end of file

src/jquery.min.js

+/*! jQuery v3.6.0 -ajax,-ajax/jsonp,-ajax/load,-ajax/script,-ajax/var/location,-ajax/var/nonce,-ajax/var/rquery,-ajax/xhr,-manipulation/_evalUrl,-deprecated/ajax-event-alias,-effects,-effects/Tween,-effects/animatedSelector | (c) OpenJS Foundation and other contributors | jquery.org/license */
+!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(g,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,v=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,y=n.hasOwnProperty,a=y.toString,l=a.call(Object),m={},b=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},w=g.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function C(e,t,n){var r,i,o=(n=n||w).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function T(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.0 -ajax,-ajax/jsonp,-ajax/load,-ajax/script,-ajax/var/location,-ajax/var/nonce,-ajax/var/rquery,-ajax/xhr,-manipulation/_evalUrl,-deprecated/ajax-event-alias,-effects,-effects/Tween,-effects/animatedSelector",E=function(e,t){return new E.fn.init(e,t)};function d(e){var t=!!e&&"length"in e&&e.length,n=T(e);return!b(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0<t&&t-1 in e)}E.fn=E.prototype={jquery:f,constructor:E,length:0,toArray:function(){return s.call(this)},get:function(e){return null==e?s.call(this):e<0?this[e+this.length]:this[e]},pushStack:function(e){var t=E.merge(this.constructor(),e);return t.prevObject=this,t},each:function(e){return E.each(this,e)},map:function(n){return this.pushStack(E.map(this,function(e,t){return n.call(e,t,e)}))},slice:function(){return this.pushStack(s.apply(this,arguments))},first:function(){return this.eq(0)},last:function(){return this.eq(-1)},even:function(){return this.pushStack(E.grep(this,function(e,t){return(t+1)%2}))},odd:function(){return this.pushStack(E.grep(this,function(e,t){return t%2}))},eq:function(e){var t=this.length,n=+e+(e<0?t:0);return this.pushStack(0<=n&&n<t?[this[n]]:[])},end:function(){return this.prevObject||this.constructor()},push:u,sort:t.sort,splice:t.splice},E.extend=E.fn.extend=function(){var e,t,n,r,i,o,a=arguments[0]||{},s=1,u=arguments.length,l=!1;for("boolean"==typeof a&&(l=a,a=arguments[s]||{},s++),"object"==typeof a||b(a)||(a={}),s===u&&(a=this,s--);s<u;s++)if(null!=(e=arguments[s]))for(t in e)r=e[t],"__proto__"!==t&&a!==r&&(l&&r&&(E.isPlainObject(r)||(i=Array.isArray(r)))?(n=a[t],o=i&&!Array.isArray(n)?[]:i||E.isPlainObject(n)?n:{},i=!1,a[t]=E.extend(l,o,r)):void 0!==r&&(a[t]=r));return a},E.extend({expando:"jQuery"+(f+Math.random()).replace(/\D/g,""),isReady:!0,error:function(e){throw new Error(e)},noop:function(){},isPlainObject:function(e){var t,n;return!(!e||"[object Object]"!==o.call(e))&&(!(t=r(e))||"function"==typeof(n=y.call(t,"constructor")&&t.constructor)&&a.call(n)===l)},isEmptyObject:function(e){var t;for(t in e)return!1;return!0},globalEval:function(e,t,n){C(e,{nonce:t&&t.nonce},n)},each:function(e,t){var n,r=0;if(d(e)){for(n=e.length;r<n;r++)if(!1===t.call(e[r],r,e[r]))break}else for(r in e)if(!1===t.call(e[r],r,e[r]))break;return e},makeArray:function(e,t){var n=t||[];return null!=e&&(d(Object(e))?E.merge(n,"string"==typeof e?[e]:e):u.call(n,e)),n},inArray:function(e,t,n){return null==t?-1:i.call(t,e,n)},merge:function(e,t){for(var n=+t.length,r=0,i=e.length;r<n;r++)e[i++]=t[r];return e.length=i,e},grep:function(e,t,n){for(var r=[],i=0,o=e.length,a=!n;i<o;i++)!t(e[i],i)!==a&&r.push(e[i]);return r},map:function(e,t,n){var r,i,o=0,a=[];if(d(e))for(r=e.length;o<r;o++)null!=(i=t(e[o],o,n))&&a.push(i);else for(o in e)null!=(i=t(e[o],o,n))&&a.push(i);return v(a)},guid:1,support:m}),"function"==typeof Symbol&&(E.fn[Symbol.iterator]=t[Symbol.iterator]),E.each("Boolean Number String Function Array Date RegExp Object Error Symbol".split(" "),function(e,t){n["[object "+t+"]"]=t.toLowerCase()});var p=function(n){var e,p,x,o,i,h,f,g,w,u,l,C,T,a,E,v,s,c,y,A="sizzle"+1*new Date,d=n.document,N=0,r=0,m=ue(),b=ue(),S=ue(),k=ue(),D=function(e,t){return e===t&&(l=!0),0},L={}.hasOwnProperty,t=[],j=t.pop,q=t.push,O=t.push,P=t.slice,H=function(e,t){for(var n=0,r=e.length;n<r;n++)if(e[n]===t)return n;return-1},I="checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",R="[\\x20\\t\\r\\n\\f]",B="(?:\\\\[\\da-fA-F]{1,6}"+R+"?|\\\\[^\\r\\n\\f]|[\\w-]|[^\0-\\x7f])+",M="\\["+R+"*("+B+")(?:"+R+"*([*^$|!~]?=)"+R+"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|("+B+"))|)"+R+"*\\]",W=":("+B+")(?:\\((('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|((?:\\\\.|[^\\\\()[\\]]|"+M+")*)|.*)\\)|)",F=new RegExp(R+"+","g"),$=new RegExp("^"+R+"+|((?:^|[^\\\\])(?:\\\\.)*)"+R+"+$","g"),z=new RegExp("^"+R+"*,"+R+"*"),_=new RegExp("^"+R+"*([>+~]|"+R+")"+R+"*"),U=new RegExp(R+"|>"),V=new RegExp(W),X=new RegExp("^"+B+"$"),Q={ID:new RegExp("^#("+B+")"),CLASS:new RegExp("^\\.("+B+")"),TAG:new RegExp("^("+B+"|[*])"),ATTR:new RegExp("^"+M),PSEUDO:new RegExp("^"+W),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+R+"*(even|odd|(([+-]|)(\\d*)n|)"+R+"*(?:([+-]|)"+R+"*(\\d+)|))"+R+"*\\)|)","i"),bool:new RegExp("^(?:"+I+")$","i"),needsContext:new RegExp("^"+R+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+R+"*((?:-\\d)?\\d*)"+R+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,G=/^(?:input|select|textarea|button)$/i,K=/^h\d$/i,J=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+R+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){C()},ae=xe(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{O.apply(t=P.call(d.childNodes),d.childNodes),t[d.childNodes.length].nodeType}catch(e){O={apply:t.length?function(e,t){q.apply(e,P.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,d=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==d&&9!==d&&11!==d)return n;if(!r&&(C(e),e=e||T,E)){if(11!==d&&(u=Z.exec(t)))if(i=u[1]){if(9===d){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return O.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&p.getElementsByClassName&&e.getElementsByClassName)return O.apply(n,e.getElementsByClassName(i)),n}if(p.qsa&&!k[t+" "]&&(!v||!v.test(t))&&(1!==d||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===d&&(U.test(t)||_.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&p.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=A)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+be(l[o]);c=l.join(",")}try{return O.apply(n,f.querySelectorAll(c)),n}catch(e){k(t,!0)}finally{s===A&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>x.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[A]=!0,e}function ce(e){var t=T.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)x.attrHandle[n[r]]=t}function de(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function pe(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in p=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},C=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:d;return r!=T&&9===r.nodeType&&r.documentElement&&(a=(T=r).documentElement,E=!i(T),d!=T&&(n=T.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),p.scope=ce(function(e){return a.appendChild(e).appendChild(T.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),p.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),p.getElementsByTagName=ce(function(e){return e.appendChild(T.createComment("")),!e.getElementsByTagName("*").length}),p.getElementsByClassName=J.test(T.getElementsByClassName),p.getById=ce(function(e){return a.appendChild(e).id=A,!T.getElementsByName||!T.getElementsByName(A).length}),p.getById?(x.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},x.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(x.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},x.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),x.find.TAG=p.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):p.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},x.find.CLASS=p.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(p.qsa=J.test(T.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="<a id='"+A+"'></a><select id='"+A+"-\r\\' msallowcapture=''><option selected=''></option></select>",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+R+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+R+"*(?:value|"+I+")"),e.querySelectorAll("[id~="+A+"-]").length||v.push("~="),(t=T.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+R+"*name"+R+"*="+R+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+A+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="<a href='' disabled='disabled'></a><select disabled='disabled'><option/></select>";var t=T.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+R+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(p.matchesSelector=J.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){p.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",W)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=J.test(a.compareDocumentPosition),y=t||J.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},D=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!p.sortDetached&&t.compareDocumentPosition(e)===n?e==T||e.ownerDocument==d&&y(d,e)?-1:t==T||t.ownerDocument==d&&y(d,t)?1:u?H(u,e)-H(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==T?-1:t==T?1:i?-1:o?1:u?H(u,e)-H(u,t):0;if(i===o)return de(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?de(a[r],s[r]):a[r]==d?-1:s[r]==d?1:0}),T},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(C(e),p.matchesSelector&&E&&!k[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||p.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){k(t,!0)}return 0<se(t,T,null,[e]).length},se.contains=function(e,t){return(e.ownerDocument||e)!=T&&C(e),y(e,t)},se.attr=function(e,t){(e.ownerDocument||e)!=T&&C(e);var n=x.attrHandle[t.toLowerCase()],r=n&&L.call(x.attrHandle,t.toLowerCase())?n(e,t,!E):void 0;return void 0!==r?r:p.attributes||!E?e.getAttribute(t):(r=e.getAttributeNode(t))&&r.specified?r.value:null},se.escape=function(e){return(e+"").replace(re,ie)},se.error=function(e){throw new Error("Syntax error, unrecognized expression: "+e)},se.uniqueSort=function(e){var t,n=[],r=0,i=0;if(l=!p.detectDuplicates,u=!p.sortStable&&e.slice(0),e.sort(D),l){while(t=e[i++])t===e[i]&&(r=n.push(i));while(r--)e.splice(n[r],1)}return u=null,e},o=se.getText=function(e){var t,n="",r=0,i=e.nodeType;if(i){if(1===i||9===i||11===i){if("string"==typeof e.textContent)return e.textContent;for(e=e.firstChild;e;e=e.nextSibling)n+=o(e)}else if(3===i||4===i)return e.nodeValue}else while(t=e[r++])n+=o(t);return n},(x=se.selectors={cacheLength:50,createPseudo:le,match:Q,attrHandle:{},find:{},relative:{">":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return Q.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&V.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+R+")"+e+"("+R+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1<t.indexOf(i):"$="===r?i&&t.slice(-i.length)===i:"~="===r?-1<(" "+t.replace(F," ")+" ").indexOf(i):"|="===r&&(t===i||t.slice(0,i.length+1)===i+"-"))}},CHILD:function(h,e,t,g,v){var y="nth"!==h.slice(0,3),m="last"!==h.slice(-4),b="of-type"===e;return 1===g&&0===v?function(e){return!!e.parentNode}:function(e,t,n){var r,i,o,a,s,u,l=y!==m?"nextSibling":"previousSibling",c=e.parentNode,f=b&&e.nodeName.toLowerCase(),d=!n&&!b,p=!1;if(c){if(y){while(l){a=e;while(a=a[l])if(b?a.nodeName.toLowerCase()===f:1===a.nodeType)return!1;u=l="only"===h&&!u&&"nextSibling"}return!0}if(u=[m?c.firstChild:c.lastChild],m&&d){p=(s=(r=(i=(o=(a=c)[A]||(a[A]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===N&&r[1])&&r[2],a=s&&c.childNodes[s];while(a=++s&&a&&a[l]||(p=s=0)||u.pop())if(1===a.nodeType&&++p&&a===e){i[h]=[N,s,p];break}}else if(d&&(p=s=(r=(i=(o=(a=e)[A]||(a[A]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]||[])[0]===N&&r[1]),!1===p)while(a=++s&&a&&a[l]||(p=s=0)||u.pop())if((b?a.nodeName.toLowerCase()===f:1===a.nodeType)&&++p&&(d&&((i=(o=a[A]||(a[A]={}))[a.uniqueID]||(o[a.uniqueID]={}))[h]=[N,p]),a===e))break;return(p-=v)===g||p%g==0&&0<=p/g}}},PSEUDO:function(e,o){var t,a=x.pseudos[e]||x.setFilters[e.toLowerCase()]||se.error("unsupported pseudo: "+e);return a[A]?a(o):1<a.length?(t=[e,e,"",o],x.setFilters.hasOwnProperty(e.toLowerCase())?le(function(e,t){var n,r=a(e,o),i=r.length;while(i--)e[n=H(e,r[i])]=!(t[n]=r[i])}):function(e){return a(e,0,t)}):a}},pseudos:{not:le(function(e){var r=[],i=[],s=f(e.replace($,"$1"));return s[A]?le(function(e,t,n,r){var i,o=s(e,null,r,[]),a=e.length;while(a--)(i=o[a])&&(e[a]=!(t[a]=i))}):function(e,t,n){return r[0]=e,s(r,null,n,i),r[0]=null,!i.pop()}}),has:le(function(t){return function(e){return 0<se(t,e).length}}),contains:le(function(t){return t=t.replace(te,ne),function(e){return-1<(e.textContent||o(e)).indexOf(t)}}),lang:le(function(n){return X.test(n||"")||se.error("unsupported lang: "+n),n=n.replace(te,ne).toLowerCase(),function(e){var t;do{if(t=E?e.lang:e.getAttribute("xml:lang")||e.getAttribute("lang"))return(t=t.toLowerCase())===n||0===t.indexOf(n+"-")}while((e=e.parentNode)&&1===e.nodeType);return!1}}),target:function(e){var t=n.location&&n.location.hash;return t&&t.slice(1)===e.id},root:function(e){return e===a},focus:function(e){return e===T.activeElement&&(!T.hasFocus||T.hasFocus())&&!!(e.type||e.href||~e.tabIndex)},enabled:ge(!1),disabled:ge(!0),checked:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&!!e.checked||"option"===t&&!!e.selected},selected:function(e){return e.parentNode&&e.parentNode.selectedIndex,!0===e.selected},empty:function(e){for(e=e.firstChild;e;e=e.nextSibling)if(e.nodeType<6)return!1;return!0},parent:function(e){return!x.pseudos.empty(e)},header:function(e){return K.test(e.nodeName)},input:function(e){return G.test(e.nodeName)},button:function(e){var t=e.nodeName.toLowerCase();return"input"===t&&"button"===e.type||"button"===t},text:function(e){var t;return"input"===e.nodeName.toLowerCase()&&"text"===e.type&&(null==(t=e.getAttribute("type"))||"text"===t.toLowerCase())},first:ve(function(){return[0]}),last:ve(function(e,t){return[t-1]}),eq:ve(function(e,t,n){return[n<0?n+t:n]}),even:ve(function(e,t){for(var n=0;n<t;n+=2)e.push(n);return e}),odd:ve(function(e,t){for(var n=1;n<t;n+=2)e.push(n);return e}),lt:ve(function(e,t,n){for(var r=n<0?n+t:t<n?t:n;0<=--r;)e.push(r);return e}),gt:ve(function(e,t,n){for(var r=n<0?n+t:n;++r<t;)e.push(r);return e})}}).pseudos.nth=x.pseudos.eq,{radio:!0,checkbox:!0,file:!0,password:!0,image:!0})x.pseudos[e]=pe(e);for(e in{submit:!0,reset:!0})x.pseudos[e]=he(e);function me(){}function be(e){for(var t=0,n=e.length,r="";t<n;t++)r+=e[t].value;return r}function xe(s,e,t){var u=e.dir,l=e.next,c=l||u,f=t&&"parentNode"===c,d=r++;return e.first?function(e,t,n){while(e=e[u])if(1===e.nodeType||f)return s(e,t,n);return!1}:function(e,t,n){var r,i,o,a=[N,d];if(n){while(e=e[u])if((1===e.nodeType||f)&&s(e,t,n))return!0}else while(e=e[u])if(1===e.nodeType||f)if(i=(o=e[A]||(e[A]={}))[e.uniqueID]||(o[e.uniqueID]={}),l&&l===e.nodeName.toLowerCase())e=e[u]||e;else{if((r=i[c])&&r[0]===N&&r[1]===d)return a[2]=r[2];if((i[c]=a)[2]=s(e,t,n))return!0}return!1}}function we(i){return 1<i.length?function(e,t,n){var r=i.length;while(r--)if(!i[r](e,t,n))return!1;return!0}:i[0]}function Ce(e,t,n,r,i){for(var o,a=[],s=0,u=e.length,l=null!=t;s<u;s++)(o=e[s])&&(n&&!n(o,r,i)||(a.push(o),l&&t.push(s)));return a}function Te(p,h,g,v,y,e){return v&&!v[A]&&(v=Te(v)),y&&!y[A]&&(y=Te(y,e)),le(function(e,t,n,r){var i,o,a,s=[],u=[],l=t.length,c=e||function(e,t,n){for(var r=0,i=t.length;r<i;r++)se(e,t[r],n);return n}(h||"*",n.nodeType?[n]:n,[]),f=!p||!e&&h?c:Ce(c,s,p,n,r),d=g?y||(e?p:l||v)?[]:t:f;if(g&&g(f,d,n,r),v){i=Ce(d,u),v(i,[],n,r),o=i.length;while(o--)(a=i[o])&&(d[u[o]]=!(f[u[o]]=a))}if(e){if(y||p){if(y){i=[],o=d.length;while(o--)(a=d[o])&&i.push(f[o]=a);y(null,d=[],i,r)}o=d.length;while(o--)(a=d[o])&&-1<(i=y?H(e,a):s[o])&&(e[i]=!(t[i]=a))}}else d=Ce(d===t?d.splice(l,d.length):d),y?y(null,t,d,r):O.apply(t,d)})}function Ee(e){for(var i,t,n,r=e.length,o=x.relative[e[0].type],a=o||x.relative[" "],s=o?1:0,u=xe(function(e){return e===i},a,!0),l=xe(function(e){return-1<H(i,e)},a,!0),c=[function(e,t,n){var r=!o&&(n||t!==w)||((i=t).nodeType?u(e,t,n):l(e,t,n));return i=null,r}];s<r;s++)if(t=x.relative[e[s].type])c=[xe(we(c),t)];else{if((t=x.filter[e[s].type].apply(null,e[s].matches))[A]){for(n=++s;n<r;n++)if(x.relative[e[n].type])break;return Te(1<s&&we(c),1<s&&be(e.slice(0,s-1).concat({value:" "===e[s-2].type?"*":""})).replace($,"$1"),t,s<n&&Ee(e.slice(s,n)),n<r&&Ee(e=e.slice(n)),n<r&&be(e))}c.push(t)}return we(c)}return me.prototype=x.filters=x.pseudos,x.setFilters=new me,h=se.tokenize=function(e,t){var n,r,i,o,a,s,u,l=b[e+" "];if(l)return t?0:l.slice(0);a=e,s=[],u=x.preFilter;while(a){for(o in n&&!(r=z.exec(a))||(r&&(a=a.slice(r[0].length)||a),s.push(i=[])),n=!1,(r=_.exec(a))&&(n=r.shift(),i.push({value:n,type:r[0].replace($," ")}),a=a.slice(n.length)),x.filter)!(r=Q[o].exec(a))||u[o]&&!(r=u[o](r))||(n=r.shift(),i.push({value:n,type:o,matches:r}),a=a.slice(n.length));if(!n)break}return t?a.length:a?se.error(e):b(e,s).slice(0)},f=se.compile=function(e,t){var n,v,y,m,b,r,i=[],o=[],a=S[e+" "];if(!a){t||(t=h(e)),n=t.length;while(n--)(a=Ee(t[n]))[A]?i.push(a):o.push(a);(a=S(e,(v=o,m=0<(y=i).length,b=0<v.length,r=function(e,t,n,r,i){var o,a,s,u=0,l="0",c=e&&[],f=[],d=w,p=e||b&&x.find.TAG("*",i),h=N+=null==d?1:Math.random()||.1,g=p.length;for(i&&(w=t==T||t||i);l!==g&&null!=(o=p[l]);l++){if(b&&o){a=0,t||o.ownerDocument==T||(C(o),n=!E);while(s=v[a++])if(s(o,t||T,n)){r.push(o);break}i&&(N=h)}m&&((o=!s&&o)&&u--,e&&c.push(o))}if(u+=l,m&&l!==u){a=0;while(s=y[a++])s(c,f,t,n);if(e){if(0<u)while(l--)c[l]||f[l]||(f[l]=j.call(r));f=Ce(f)}O.apply(r,f),i&&!e&&0<f.length&&1<u+y.length&&se.uniqueSort(r)}return i&&(N=h,w=d),c},m?le(r):r))).selector=e}return a},g=se.select=function(e,t,n,r){var i,o,a,s,u,l="function"==typeof e&&e,c=!r&&h(e=l.selector||e);if(n=n||[],1===c.length){if(2<(o=c[0]=c[0].slice(0)).length&&"ID"===(a=o[0]).type&&9===t.nodeType&&E&&x.relative[o[1].type]){if(!(t=(x.find.ID(a.matches[0].replace(te,ne),t)||[])[0]))return n;l&&(t=t.parentNode),e=e.slice(o.shift().value.length)}i=Q.needsContext.test(e)?0:o.length;while(i--){if(a=o[i],x.relative[s=a.type])break;if((u=x.find[s])&&(r=u(a.matches[0].replace(te,ne),ee.test(o[0].type)&&ye(t.parentNode)||t))){if(o.splice(i,1),!(e=r.length&&be(o)))return O.apply(n,r),n;break}}}return(l||f(e,c))(r,t,!E,n,!t||ee.test(e)&&ye(t.parentNode)||t),n},p.sortStable=A.split("").sort(D).join("")===A,p.detectDuplicates=!!l,C(),p.sortDetached=ce(function(e){return 1&e.compareDocumentPosition(T.createElement("fieldset"))}),ce(function(e){return e.innerHTML="<a href='#'></a>","#"===e.firstChild.getAttribute("href")})||fe("type|href|height|width",function(e,t,n){if(!n)return e.getAttribute(t,"type"===t.toLowerCase()?1:2)}),p.attributes&&ce(function(e){return e.innerHTML="<input/>",e.firstChild.setAttribute("value",""),""===e.firstChild.getAttribute("value")})||fe("value",function(e,t,n){if(!n&&"input"===e.nodeName.toLowerCase())return e.defaultValue}),ce(function(e){return null==e.getAttribute("disabled")})||fe(I,function(e,t,n){var r;if(!n)return!0===e[t]?t.toLowerCase():(r=e.getAttributeNode(t))&&r.specified?r.value:null}),se}(g);E.find=p,E.expr=p.selectors,E.expr[":"]=E.expr.pseudos,E.uniqueSort=E.unique=p.uniqueSort,E.text=p.getText,E.isXMLDoc=p.isXML,E.contains=p.contains,E.escapeSelector=p.escape;var h=function(e,t,n){var r=[],i=void 0!==n;while((e=e[t])&&9!==e.nodeType)if(1===e.nodeType){if(i&&E(e).is(n))break;r.push(e)}return r},A=function(e,t){for(var n=[];e;e=e.nextSibling)1===e.nodeType&&e!==t&&n.push(e);return n},N=E.expr.match.needsContext;function S(e,t){return e.nodeName&&e.nodeName.toLowerCase()===t.toLowerCase()}var k=/^<([a-z][^\/\0>:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function D(e,n,r){return b(n)?E.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?E.grep(e,function(e){return e===n!==r}):"string"!=typeof n?E.grep(e,function(e){return-1<i.call(n,e)!==r}):E.filter(n,e,r)}E.filter=function(e,t,n){var r=t[0];return n&&(e=":not("+e+")"),1===t.length&&1===r.nodeType?E.find.matchesSelector(r,e)?[r]:[]:E.find.matches(e,E.grep(t,function(e){return 1===e.nodeType}))},E.fn.extend({find:function(e){var t,n,r=this.length,i=this;if("string"!=typeof e)return this.pushStack(E(e).filter(function(){for(t=0;t<r;t++)if(E.contains(i[t],this))return!0}));for(n=this.pushStack([]),t=0;t<r;t++)E.find(e,i[t],n);return 1<r?E.uniqueSort(n):n},filter:function(e){return this.pushStack(D(this,e||[],!1))},not:function(e){return this.pushStack(D(this,e||[],!0))},is:function(e){return!!D(this,"string"==typeof e&&N.test(e)?E(e):e||[],!1).length}});var L,j=/^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]+))$/;(E.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||L,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:j.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof E?t[0]:t,E.merge(this,E.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:w,!0)),k.test(r[1])&&E.isPlainObject(t))for(r in t)b(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=w.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):b(e)?void 0!==n.ready?n.ready(e):e(E):E.makeArray(e,this)}).prototype=E.fn,L=E(w);var q=/^(?:parents|prev(?:Until|All))/,O={children:!0,contents:!0,next:!0,prev:!0};function P(e,t){while((e=e[t])&&1!==e.nodeType);return e}E.fn.extend({has:function(e){var t=E(e,this),n=t.length;return this.filter(function(){for(var e=0;e<n;e++)if(E.contains(this,t[e]))return!0})},closest:function(e,t){var n,r=0,i=this.length,o=[],a="string"!=typeof e&&E(e);if(!N.test(e))for(;r<i;r++)for(n=this[r];n&&n!==t;n=n.parentNode)if(n.nodeType<11&&(a?-1<a.index(n):1===n.nodeType&&E.find.matchesSelector(n,e))){o.push(n);break}return this.pushStack(1<o.length?E.uniqueSort(o):o)},index:function(e){return e?"string"==typeof e?i.call(E(e),this[0]):i.call(this,e.jquery?e[0]:e):this[0]&&this[0].parentNode?this.first().prevAll().length:-1},add:function(e,t){return this.pushStack(E.uniqueSort(E.merge(this.get(),E(e,t))))},addBack:function(e){return this.add(null==e?this.prevObject:this.prevObject.filter(e))}}),E.each({parent:function(e){var t=e.parentNode;return t&&11!==t.nodeType?t:null},parents:function(e){return h(e,"parentNode")},parentsUntil:function(e,t,n){return h(e,"parentNode",n)},next:function(e){return P(e,"nextSibling")},prev:function(e){return P(e,"previousSibling")},nextAll:function(e){return h(e,"nextSibling")},prevAll:function(e){return h(e,"previousSibling")},nextUntil:function(e,t,n){return h(e,"nextSibling",n)},prevUntil:function(e,t,n){return h(e,"previousSibling",n)},siblings:function(e){return A((e.parentNode||{}).firstChild,e)},children:function(e){return A(e.firstChild)},contents:function(e){return null!=e.contentDocument&&r(e.contentDocument)?e.contentDocument:(S(e,"template")&&(e=e.content||e),E.merge([],e.childNodes))}},function(r,i){E.fn[r]=function(e,t){var n=E.map(this,i,e);return"Until"!==r.slice(-5)&&(t=e),t&&"string"==typeof t&&(n=E.filter(t,n)),1<this.length&&(O[r]||E.uniqueSort(n),q.test(r)&&n.reverse()),this.pushStack(n)}});var H=/[^\x20\t\r\n\f]+/g;function I(e){return e}function R(e){throw e}function B(e,t,n,r){var i;try{e&&b(i=e.promise)?i.call(e).done(t).fail(n):e&&b(i=e.then)?i.call(e,t,n):t.apply(void 0,[e].slice(r))}catch(e){n.apply(void 0,[e])}}E.Callbacks=function(r){var e,n;r="string"==typeof r?(e=r,n={},E.each(e.match(H)||[],function(e,t){n[t]=!0}),n):E.extend({},r);var i,t,o,a,s=[],u=[],l=-1,c=function(){for(a=a||r.once,o=i=!0;u.length;l=-1){t=u.shift();while(++l<s.length)!1===s[l].apply(t[0],t[1])&&r.stopOnFalse&&(l=s.length,t=!1)}r.memory||(t=!1),i=!1,a&&(s=t?[]:"")},f={add:function(){return s&&(t&&!i&&(l=s.length-1,u.push(t)),function n(e){E.each(e,function(e,t){b(t)?r.unique&&f.has(t)||s.push(t):t&&t.length&&"string"!==T(t)&&n(t)})}(arguments),t&&!i&&c()),this},remove:function(){return E.each(arguments,function(e,t){var n;while(-1<(n=E.inArray(t,s,n)))s.splice(n,1),n<=l&&l--}),this},has:function(e){return e?-1<E.inArray(e,s):0<s.length},empty:function(){return s&&(s=[]),this},disable:function(){return a=u=[],s=t="",this},disabled:function(){return!s},lock:function(){return a=u=[],t||i||(s=t=""),this},locked:function(){return!!a},fireWith:function(e,t){return a||(t=[e,(t=t||[]).slice?t.slice():t],u.push(t),i||c()),this},fire:function(){return f.fireWith(this,arguments),this},fired:function(){return!!o}};return f},E.extend({Deferred:function(e){var o=[["notify","progress",E.Callbacks("memory"),E.Callbacks("memory"),2],["resolve","done",E.Callbacks("once memory"),E.Callbacks("once memory"),0,"resolved"],["reject","fail",E.Callbacks("once memory"),E.Callbacks("once memory"),1,"rejected"]],i="pending",a={state:function(){return i},always:function(){return s.done(arguments).fail(arguments),this},"catch":function(e){return a.then(null,e)},pipe:function(){var i=arguments;return E.Deferred(function(r){E.each(o,function(e,t){var n=b(i[t[4]])&&i[t[4]];s[t[1]](function(){var e=n&&n.apply(this,arguments);e&&b(e.promise)?e.promise().progress(r.notify).done(r.resolve).fail(r.reject):r[t[0]+"With"](this,n?[e]:arguments)})}),i=null}).promise()},then:function(t,n,r){var u=0;function l(i,o,a,s){return function(){var n=this,r=arguments,e=function(){var e,t;if(!(i<u)){if((e=a.apply(n,r))===o.promise())throw new TypeError("Thenable self-resolution");t=e&&("object"==typeof e||"function"==typeof e)&&e.then,b(t)?s?t.call(e,l(u,o,I,s),l(u,o,R,s)):(u++,t.call(e,l(u,o,I,s),l(u,o,R,s),l(u,o,I,o.notifyWith))):(a!==I&&(n=void 0,r=[e]),(s||o.resolveWith)(n,r))}},t=s?e:function(){try{e()}catch(e){E.Deferred.exceptionHook&&E.Deferred.exceptionHook(e,t.stackTrace),u<=i+1&&(a!==R&&(n=void 0,r=[e]),o.rejectWith(n,r))}};i?t():(E.Deferred.getStackHook&&(t.stackTrace=E.Deferred.getStackHook()),g.setTimeout(t))}}return E.Deferred(function(e){o[0][3].add(l(0,e,b(r)?r:I,e.notifyWith)),o[1][3].add(l(0,e,b(t)?t:I)),o[2][3].add(l(0,e,b(n)?n:R))}).promise()},promise:function(e){return null!=e?E.extend(e,a):a}},s={};return E.each(o,function(e,t){var n=t[2],r=t[5];a[t[1]]=n.add,r&&n.add(function(){i=r},o[3-e][2].disable,o[3-e][3].disable,o[0][2].lock,o[0][3].lock),n.add(t[3].fire),s[t[0]]=function(){return s[t[0]+"With"](this===s?void 0:this,arguments),this},s[t[0]+"With"]=n.fireWith}),a.promise(s),e&&e.call(s,s),s},when:function(e){var n=arguments.length,t=n,r=Array(t),i=s.call(arguments),o=E.Deferred(),a=function(t){return function(e){r[t]=this,i[t]=1<arguments.length?s.call(arguments):e,--n||o.resolveWith(r,i)}};if(n<=1&&(B(e,o.done(a(t)).resolve,o.reject,!n),"pending"===o.state()||b(i[t]&&i[t].then)))return o.then();while(t--)B(i[t],a(t),o.reject);return o.promise()}});var M=/^(Eval|Internal|Range|Reference|Syntax|Type|URI)Error$/;E.Deferred.exceptionHook=function(e,t){g.console&&g.console.warn&&e&&M.test(e.name)&&g.console.warn("jQuery.Deferred exception: "+e.message,e.stack,t)},E.readyException=function(e){g.setTimeout(function(){throw e})};var W=E.Deferred();function F(){w.removeEventListener("DOMContentLoaded",F),g.removeEventListener("load",F),E.ready()}E.fn.ready=function(e){return W.then(e)["catch"](function(e){E.readyException(e)}),this},E.extend({isReady:!1,readyWait:1,ready:function(e){(!0===e?--E.readyWait:E.isReady)||(E.isReady=!0)!==e&&0<--E.readyWait||W.resolveWith(w,[E])}}),E.ready.then=W.then,"complete"===w.readyState||"loading"!==w.readyState&&!w.documentElement.doScroll?g.setTimeout(E.ready):(w.addEventListener("DOMContentLoaded",F),g.addEventListener("load",F));var $=function(e,t,n,r,i,o,a){var s=0,u=e.length,l=null==n;if("object"===T(n))for(s in i=!0,n)$(e,t,s,n[s],!0,o,a);else if(void 0!==r&&(i=!0,b(r)||(a=!0),l&&(a?(t.call(e,r),t=null):(l=t,t=function(e,t,n){return l.call(E(e),n)})),t))for(;s<u;s++)t(e[s],n,a?r:r.call(e[s],s,t(e[s],n)));return i?e:l?t.call(e):u?t(e[0],n):o},z=/^-ms-/,_=/-([a-z])/g;function U(e,t){return t.toUpperCase()}function V(e){return e.replace(z,"ms-").replace(_,U)}var X=function(e){return 1===e.nodeType||9===e.nodeType||!+e.nodeType};function Q(){this.expando=E.expando+Q.uid++}Q.uid=1,Q.prototype={cache:function(e){var t=e[this.expando];return t||(t={},X(e)&&(e.nodeType?e[this.expando]=t:Object.defineProperty(e,this.expando,{value:t,configurable:!0}))),t},set:function(e,t,n){var r,i=this.cache(e);if("string"==typeof t)i[V(t)]=n;else for(r in t)i[V(r)]=t[r];return i},get:function(e,t){return void 0===t?this.cache(e):e[this.expando]&&e[this.expando][V(t)]},access:function(e,t,n){return void 0===t||t&&"string"==typeof t&&void 0===n?this.get(e,t):(this.set(e,t,n),void 0!==n?n:t)},remove:function(e,t){var n,r=e[this.expando];if(void 0!==r){if(void 0!==t){n=(t=Array.isArray(t)?t.map(V):(t=V(t))in r?[t]:t.match(H)||[]).length;while(n--)delete r[t[n]]}(void 0===t||E.isEmptyObject(r))&&(e.nodeType?e[this.expando]=void 0:delete e[this.expando])}},hasData:function(e){var t=e[this.expando];return void 0!==t&&!E.isEmptyObject(t)}};var Y=new Q,G=new Q,K=/^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,J=/[A-Z]/g;function Z(e,t,n){var r,i;if(void 0===n&&1===e.nodeType)if(r="data-"+t.replace(J,"-$&").toLowerCase(),"string"==typeof(n=e.getAttribute(r))){try{n="true"===(i=n)||"false"!==i&&("null"===i?null:i===+i+""?+i:K.test(i)?JSON.parse(i):i)}catch(e){}G.set(e,t,n)}else n=void 0;return n}E.extend({hasData:function(e){return G.hasData(e)||Y.hasData(e)},data:function(e,t,n){return G.access(e,t,n)},removeData:function(e,t){G.remove(e,t)},_data:function(e,t,n){return Y.access(e,t,n)},_removeData:function(e,t){Y.remove(e,t)}}),E.fn.extend({data:function(n,e){var t,r,i,o=this[0],a=o&&o.attributes;if(void 0===n){if(this.length&&(i=G.get(o),1===o.nodeType&&!Y.get(o,"hasDataAttrs"))){t=a.length;while(t--)a[t]&&0===(r=a[t].name).indexOf("data-")&&(r=V(r.slice(5)),Z(o,r,i[r]));Y.set(o,"hasDataAttrs",!0)}return i}return"object"==typeof n?this.each(function(){G.set(this,n)}):$(this,function(e){var t;if(o&&void 0===e)return void 0!==(t=G.get(o,n))?t:void 0!==(t=Z(o,n))?t:void 0;this.each(function(){G.set(this,n,e)})},null,e,1<arguments.length,null,!0)},removeData:function(e){return this.each(function(){G.remove(this,e)})}}),E.extend({queue:function(e,t,n){var r;if(e)return t=(t||"fx")+"queue",r=Y.get(e,t),n&&(!r||Array.isArray(n)?r=Y.access(e,t,E.makeArray(n)):r.push(n)),r||[]},dequeue:function(e,t){t=t||"fx";var n=E.queue(e,t),r=n.length,i=n.shift(),o=E._queueHooks(e,t);"inprogress"===i&&(i=n.shift(),r--),i&&("fx"===t&&n.unshift("inprogress"),delete o.stop,i.call(e,function(){E.dequeue(e,t)},o)),!r&&o&&o.empty.fire()},_queueHooks:function(e,t){var n=t+"queueHooks";return Y.get(e,n)||Y.access(e,n,{empty:E.Callbacks("once memory").add(function(){Y.remove(e,[t+"queue",n])})})}}),E.fn.extend({queue:function(t,n){var e=2;return"string"!=typeof t&&(n=t,t="fx",e--),arguments.length<e?E.queue(this[0],t):void 0===n?this:this.each(function(){var e=E.queue(this,t,n);E._queueHooks(this,t),"fx"===t&&"inprogress"!==e[0]&&E.dequeue(this,t)})},dequeue:function(e){return this.each(function(){E.dequeue(this,e)})},clearQueue:function(e){return this.queue(e||"fx",[])},promise:function(e,t){var n,r=1,i=E.Deferred(),o=this,a=this.length,s=function(){--r||i.resolveWith(o,[o])};"string"!=typeof e&&(t=e,e=void 0),e=e||"fx";while(a--)(n=Y.get(o[a],e+"queueHooks"))&&n.empty&&(r++,n.empty.add(s));return s(),i.promise(t)}});var ee=/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/.source,te=new RegExp("^(?:([+-])=|)("+ee+")([a-z%]*)$","i"),ne=["Top","Right","Bottom","Left"],re=w.documentElement,ie=function(e){return E.contains(e.ownerDocument,e)},oe={composed:!0};re.getRootNode&&(ie=function(e){return E.contains(e.ownerDocument,e)||e.getRootNode(oe)===e.ownerDocument});var ae=function(e,t){return"none"===(e=t||e).style.display||""===e.style.display&&ie(e)&&"none"===E.css(e,"display")};var se={};function ue(e,t){for(var n,r,i,o,a,s,u,l=[],c=0,f=e.length;c<f;c++)(r=e[c]).style&&(n=r.style.display,t?("none"===n&&(l[c]=Y.get(r,"display")||null,l[c]||(r.style.display="")),""===r.style.display&&ae(r)&&(l[c]=(u=a=o=void 0,a=(i=r).ownerDocument,s=i.nodeName,(u=se[s])||(o=a.body.appendChild(a.createElement(s)),u=E.css(o,"display"),o.parentNode.removeChild(o),"none"===u&&(u="block"),se[s]=u)))):"none"!==n&&(l[c]="none",Y.set(r,"display",n)));for(c=0;c<f;c++)null!=l[c]&&(e[c].style.display=l[c]);return e}E.fn.extend({show:function(){return ue(this,!0)},hide:function(){return ue(this)},toggle:function(e){return"boolean"==typeof e?e?this.show():this.hide():this.each(function(){ae(this)?E(this).show():E(this).hide()})}});var le,ce,fe=/^(?:checkbox|radio)$/i,de=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i,pe=/^$|^module$|\/(?:java|ecma)script/i;le=w.createDocumentFragment().appendChild(w.createElement("div")),(ce=w.createElement("input")).setAttribute("type","radio"),ce.setAttribute("checked","checked"),ce.setAttribute("name","t"),le.appendChild(ce),m.checkClone=le.cloneNode(!0).cloneNode(!0).lastChild.checked,le.innerHTML="<textarea>x</textarea>",m.noCloneChecked=!!le.cloneNode(!0).lastChild.defaultValue,le.innerHTML="<option></option>",m.option=!!le.lastChild;var he={thead:[1,"<table>","</table>"],col:[2,"<table><colgroup>","</colgroup></table>"],tr:[2,"<table><tbody>","</tbody></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:[0,"",""]};function ge(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&S(e,t)?E.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n<r;n++)Y.set(e[n],"globalEval",!t||Y.get(t[n],"globalEval"))}he.tbody=he.tfoot=he.colgroup=he.caption=he.thead,he.th=he.td,m.option||(he.optgroup=he.option=[1,"<select multiple='multiple'>","</select>"]);var ye=/<|&#?\w+;/;function me(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),d=[],p=0,h=e.length;p<h;p++)if((o=e[p])||0===o)if("object"===T(o))E.merge(d,o.nodeType?[o]:o);else if(ye.test(o)){a=a||f.appendChild(t.createElement("div")),s=(de.exec(o)||["",""])[1].toLowerCase(),u=he[s]||he._default,a.innerHTML=u[1]+E.htmlPrefilter(o)+u[2],c=u[0];while(c--)a=a.lastChild;E.merge(d,a.childNodes),(a=f.firstChild).textContent=""}else d.push(t.createTextNode(o));f.textContent="",p=0;while(o=d[p++])if(r&&-1<E.inArray(o,r))i&&i.push(o);else if(l=ie(o),a=ge(f.appendChild(o),"script"),l&&ve(a),n){c=0;while(o=a[c++])pe.test(o.type||"")&&n.push(o)}return f}var be=/^([^.]*)(?:\.(.+)|)/;function xe(){return!0}function we(){return!1}function Ce(e,t){return e===function(){try{return w.activeElement}catch(e){}}()==("focus"===t)}function Te(e,t,n,r,i,o){var a,s;if("object"==typeof t){for(s in"string"!=typeof n&&(r=r||n,n=void 0),t)Te(e,s,n,r,t[s],o);return e}if(null==r&&null==i?(i=n,r=n=void 0):null==i&&("string"==typeof n?(i=r,r=void 0):(i=r,r=n,n=void 0)),!1===i)i=we;else if(!i)return e;return 1===o&&(a=i,(i=function(e){return E().off(e),a.apply(this,arguments)}).guid=a.guid||(a.guid=E.guid++)),e.each(function(){E.event.add(this,t,i,r,n)})}function Ee(e,i,o){o?(Y.set(e,i,!1),E.event.add(e,i,{namespace:!1,handler:function(e){var t,n,r=Y.get(this,i);if(1&e.isTrigger&&this[i]){if(r.length)(E.event.special[i]||{}).delegateType&&e.stopPropagation();else if(r=s.call(arguments),Y.set(this,i,r),t=o(this,i),this[i](),r!==(n=Y.get(this,i))||t?Y.set(this,i,!1):n={},r!==n)return e.stopImmediatePropagation(),e.preventDefault(),n&&n.value}else r.length&&(Y.set(this,i,{value:E.event.trigger(E.extend(r[0],E.Event.prototype),r.slice(1),this)}),e.stopImmediatePropagation())}})):void 0===Y.get(e,i)&&E.event.add(e,i,xe)}E.event={global:{},add:function(t,e,n,r,i){var o,a,s,u,l,c,f,d,p,h,g,v=Y.get(t);if(X(t)){n.handler&&(n=(o=n).handler,i=o.selector),i&&E.find.matchesSelector(re,i),n.guid||(n.guid=E.guid++),(u=v.events)||(u=v.events=Object.create(null)),(a=v.handle)||(a=v.handle=function(e){return"undefined"!=typeof E&&E.event.triggered!==e.type?E.event.dispatch.apply(t,arguments):void 0}),l=(e=(e||"").match(H)||[""]).length;while(l--)p=g=(s=be.exec(e[l])||[])[1],h=(s[2]||"").split(".").sort(),p&&(f=E.event.special[p]||{},p=(i?f.delegateType:f.bindType)||p,f=E.event.special[p]||{},c=E.extend({type:p,origType:g,data:r,handler:n,guid:n.guid,selector:i,needsContext:i&&E.expr.match.needsContext.test(i),namespace:h.join(".")},o),(d=u[p])||((d=u[p]=[]).delegateCount=0,f.setup&&!1!==f.setup.call(t,r,h,a)||t.addEventListener&&t.addEventListener(p,a)),f.add&&(f.add.call(t,c),c.handler.guid||(c.handler.guid=n.guid)),i?d.splice(d.delegateCount++,0,c):d.push(c),E.event.global[p]=!0)}},remove:function(e,t,n,r,i){var o,a,s,u,l,c,f,d,p,h,g,v=Y.hasData(e)&&Y.get(e);if(v&&(u=v.events)){l=(t=(t||"").match(H)||[""]).length;while(l--)if(p=g=(s=be.exec(t[l])||[])[1],h=(s[2]||"").split(".").sort(),p){f=E.event.special[p]||{},d=u[p=(r?f.delegateType:f.bindType)||p]||[],s=s[2]&&new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"),a=o=d.length;while(o--)c=d[o],!i&&g!==c.origType||n&&n.guid!==c.guid||s&&!s.test(c.namespace)||r&&r!==c.selector&&("**"!==r||!c.selector)||(d.splice(o,1),c.selector&&d.delegateCount--,f.remove&&f.remove.call(e,c));a&&!d.length&&(f.teardown&&!1!==f.teardown.call(e,h,v.handle)||E.removeEvent(e,p,v.handle),delete u[p])}else for(p in u)E.event.remove(e,p+t[l],n,r,!0);E.isEmptyObject(u)&&Y.remove(e,"handle events")}},dispatch:function(e){var t,n,r,i,o,a,s=new Array(arguments.length),u=E.event.fix(e),l=(Y.get(this,"events")||Object.create(null))[u.type]||[],c=E.event.special[u.type]||{};for(s[0]=u,t=1;t<arguments.length;t++)s[t]=arguments[t];if(u.delegateTarget=this,!c.preDispatch||!1!==c.preDispatch.call(this,u)){a=E.event.handlers.call(this,u,l),t=0;while((i=a[t++])&&!u.isPropagationStopped()){u.currentTarget=i.elem,n=0;while((o=i.handlers[n++])&&!u.isImmediatePropagationStopped())u.rnamespace&&!1!==o.namespace&&!u.rnamespace.test(o.namespace)||(u.handleObj=o,u.data=o.data,void 0!==(r=((E.event.special[o.origType]||{}).handle||o.handler).apply(i.elem,s))&&!1===(u.result=r)&&(u.preventDefault(),u.stopPropagation()))}return c.postDispatch&&c.postDispatch.call(this,u),u.result}},handlers:function(e,t){var n,r,i,o,a,s=[],u=t.delegateCount,l=e.target;if(u&&l.nodeType&&!("click"===e.type&&1<=e.button))for(;l!==this;l=l.parentNode||this)if(1===l.nodeType&&("click"!==e.type||!0!==l.disabled)){for(o=[],a={},n=0;n<u;n++)void 0===a[i=(r=t[n]).selector+" "]&&(a[i]=r.needsContext?-1<E(i,this).index(l):E.find(i,this,null,[l]).length),a[i]&&o.push(r);o.length&&s.push({elem:l,handlers:o})}return l=this,u<t.length&&s.push({elem:l,handlers:t.slice(u)}),s},addProp:function(t,e){Object.defineProperty(E.Event.prototype,t,{enumerable:!0,configurable:!0,get:b(e)?function(){if(this.originalEvent)return e(this.originalEvent)}:function(){if(this.originalEvent)return this.originalEvent[t]},set:function(e){Object.defineProperty(this,t,{enumerable:!0,configurable:!0,writable:!0,value:e})}})},fix:function(e){return e[E.expando]?e:new E.Event(e)},special:{load:{noBubble:!0},click:{setup:function(e){var t=this||e;return fe.test(t.type)&&t.click&&S(t,"input")&&Ee(t,"click",xe),!1},trigger:function(e){var t=this||e;return fe.test(t.type)&&t.click&&S(t,"input")&&Ee(t,"click"),!0},_default:function(e){var t=e.target;return fe.test(t.type)&&t.click&&S(t,"input")&&Y.get(t,"click")||S(t,"a")}},beforeunload:{postDispatch:function(e){void 0!==e.result&&e.originalEvent&&(e.originalEvent.returnValue=e.result)}}}},E.removeEvent=function(e,t,n){e.removeEventListener&&e.removeEventListener(t,n)},E.Event=function(e,t){if(!(this instanceof E.Event))return new E.Event(e,t);e&&e.type?(this.originalEvent=e,this.type=e.type,this.isDefaultPrevented=e.defaultPrevented||void 0===e.defaultPrevented&&!1===e.returnValue?xe:we,this.target=e.target&&3===e.target.nodeType?e.target.parentNode:e.target,this.currentTarget=e.currentTarget,this.relatedTarget=e.relatedTarget):this.type=e,t&&E.extend(this,t),this.timeStamp=e&&e.timeStamp||Date.now(),this[E.expando]=!0},E.Event.prototype={constructor:E.Event,isDefaultPrevented:we,isPropagationStopped:we,isImmediatePropagationStopped:we,isSimulated:!1,preventDefault:function(){var e=this.originalEvent;this.isDefaultPrevented=xe,e&&!this.isSimulated&&e.preventDefault()},stopPropagation:function(){var e=this.originalEvent;this.isPropagationStopped=xe,e&&!this.isSimulated&&e.stopPropagation()},stopImmediatePropagation:function(){var e=this.originalEvent;this.isImmediatePropagationStopped=xe,e&&!this.isSimulated&&e.stopImmediatePropagation(),this.stopPropagation()}},E.each({altKey:!0,bubbles:!0,cancelable:!0,changedTouches:!0,ctrlKey:!0,detail:!0,eventPhase:!0,metaKey:!0,pageX:!0,pageY:!0,shiftKey:!0,view:!0,"char":!0,code:!0,charCode:!0,key:!0,keyCode:!0,button:!0,buttons:!0,clientX:!0,clientY:!0,offsetX:!0,offsetY:!0,pointerId:!0,pointerType:!0,screenX:!0,screenY:!0,targetTouches:!0,toElement:!0,touches:!0,which:!0},E.event.addProp),E.each({focus:"focusin",blur:"focusout"},function(e,t){E.event.special[e]={setup:function(){return Ee(this,e,Ce),!1},trigger:function(){return Ee(this,e),!0},_default:function(){return!0},delegateType:t}}),E.each({mouseenter:"mouseover",mouseleave:"mouseout",pointerenter:"pointerover",pointerleave:"pointerout"},function(e,i){E.event.special[e]={delegateType:i,bindType:i,handle:function(e){var t,n=e.relatedTarget,r=e.handleObj;return n&&(n===this||E.contains(this,n))||(e.type=r.origType,t=r.handler.apply(this,arguments),e.type=i),t}}}),E.fn.extend({on:function(e,t,n,r){return Te(this,e,t,n,r)},one:function(e,t,n,r){return Te(this,e,t,n,r,1)},off:function(e,t,n){var r,i;if(e&&e.preventDefault&&e.handleObj)return r=e.handleObj,E(e.delegateTarget).off(r.namespace?r.origType+"."+r.namespace:r.origType,r.selector,r.handler),this;if("object"==typeof e){for(i in e)this.off(i,t,e[i]);return this}return!1!==t&&"function"!=typeof t||(n=t,t=void 0),!1===n&&(n=we),this.each(function(){E.event.remove(this,e,n,t)})}});var Ae=/<script|<style|<link/i,Ne=/checked\s*(?:[^=]|=\s*.checked.)/i,Se=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g;function ke(e,t){return S(e,"table")&&S(11!==t.nodeType?t:t.firstChild,"tr")&&E(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function Le(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function je(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n<r;n++)E.event.add(t,i,s[i][n]);G.hasData(e)&&(o=G.access(e),a=E.extend({},o),G.set(t,a))}}function qe(n,r,i,o){r=v(r);var e,t,a,s,u,l,c=0,f=n.length,d=f-1,p=r[0],h=b(p);if(h||1<f&&"string"==typeof p&&!m.checkClone&&Ne.test(p))return n.each(function(e){var t=n.eq(e);h&&(r[0]=p.call(this,e,t.html())),qe(t,r,i,o)});if(f&&(t=(e=me(r,n[0].ownerDocument,!1,n,o)).firstChild,1===e.childNodes.length&&(e=t),t||o)){for(s=(a=E.map(ge(e,"script"),De)).length;c<f;c++)u=e,c!==d&&(u=E.clone(u,!0,!0),s&&E.merge(a,ge(u,"script"))),i.call(n[c],u,c);if(s)for(l=a[a.length-1].ownerDocument,E.map(a,Le),c=0;c<s;c++)u=a[c],pe.test(u.type||"")&&!Y.access(u,"globalEval")&&E.contains(l,u)&&(u.src&&"module"!==(u.type||"").toLowerCase()?E._evalUrl&&!u.noModule&&E._evalUrl(u.src,{nonce:u.nonce||u.getAttribute("nonce")},l):C(u.textContent.replace(Se,""),u,l))}return n}function Oe(e,t,n){for(var r,i=t?E.filter(t,e):e,o=0;null!=(r=i[o]);o++)n||1!==r.nodeType||E.cleanData(ge(r)),r.parentNode&&(n&&ie(r)&&ve(ge(r,"script")),r.parentNode.removeChild(r));return e}E.extend({htmlPrefilter:function(e){return e},clone:function(e,t,n){var r,i,o,a,s,u,l,c=e.cloneNode(!0),f=ie(e);if(!(m.noCloneChecked||1!==e.nodeType&&11!==e.nodeType||E.isXMLDoc(e)))for(a=ge(c),r=0,i=(o=ge(e)).length;r<i;r++)s=o[r],u=a[r],void 0,"input"===(l=u.nodeName.toLowerCase())&&fe.test(s.type)?u.checked=s.checked:"input"!==l&&"textarea"!==l||(u.defaultValue=s.defaultValue);if(t)if(n)for(o=o||ge(e),a=a||ge(c),r=0,i=o.length;r<i;r++)je(o[r],a[r]);else je(e,c);return 0<(a=ge(c,"script")).length&&ve(a,!f&&ge(e,"script")),c},cleanData:function(e){for(var t,n,r,i=E.event.special,o=0;void 0!==(n=e[o]);o++)if(X(n)){if(t=n[Y.expando]){if(t.events)for(r in t.events)i[r]?E.event.remove(n,r):E.removeEvent(n,r,t.handle);n[Y.expando]=void 0}n[G.expando]&&(n[G.expando]=void 0)}}}),E.fn.extend({detach:function(e){return Oe(this,e,!0)},remove:function(e){return Oe(this,e)},text:function(e){return $(this,function(e){return void 0===e?E.text(this):this.empty().each(function(){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||(this.textContent=e)})},null,e,arguments.length)},append:function(){return qe(this,arguments,function(e){1!==this.nodeType&&11!==this.nodeType&&9!==this.nodeType||ke(this,e).appendChild(e)})},prepend:function(){return qe(this,arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=ke(this,e);t.insertBefore(e,t.firstChild)}})},before:function(){return qe(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this)})},after:function(){return qe(this,arguments,function(e){this.parentNode&&this.parentNode.insertBefore(e,this.nextSibling)})},empty:function(){for(var e,t=0;null!=(e=this[t]);t++)1===e.nodeType&&(E.cleanData(ge(e,!1)),e.textContent="");return this},clone:function(e,t){return e=null!=e&&e,t=null==t?e:t,this.map(function(){return E.clone(this,e,t)})},html:function(e){return $(this,function(e){var t=this[0]||{},n=0,r=this.length;if(void 0===e&&1===t.nodeType)return t.innerHTML;if("string"==typeof e&&!Ae.test(e)&&!he[(de.exec(e)||["",""])[1].toLowerCase()]){e=E.htmlPrefilter(e);try{for(;n<r;n++)1===(t=this[n]||{}).nodeType&&(E.cleanData(ge(t,!1)),t.innerHTML=e);t=0}catch(e){}}t&&this.empty().append(e)},null,e,arguments.length)},replaceWith:function(){var n=[];return qe(this,arguments,function(e){var t=this.parentNode;E.inArray(this,n)<0&&(E.cleanData(ge(this)),t&&t.replaceChild(e,this))},n)}}),E.each({appendTo:"append",prependTo:"prepend",insertBefore:"before",insertAfter:"after",replaceAll:"replaceWith"},function(e,a){E.fn[e]=function(e){for(var t,n=[],r=E(e),i=r.length-1,o=0;o<=i;o++)t=o===i?this:this.clone(!0),E(r[o])[a](t),u.apply(n,t.get());return this.pushStack(n)}});var Pe=new RegExp("^("+ee+")(?!px)[a-z%]+$","i"),He=function(e){var t=e.ownerDocument.defaultView;return t&&t.opener||(t=g),t.getComputedStyle(e)},Ie=function(e,t,n){var r,i,o={};for(i in t)o[i]=e.style[i],e.style[i]=t[i];for(i in r=n.call(e),t)e.style[i]=o[i];return r},Re=new RegExp(ne.join("|"),"i");function Be(e,t,n){var r,i,o,a,s=e.style;return(n=n||He(e))&&(""!==(a=n.getPropertyValue(t)||n[t])||ie(e)||(a=E.style(e,t)),!m.pixelBoxStyles()&&Pe.test(a)&&Re.test(t)&&(r=s.width,i=s.minWidth,o=s.maxWidth,s.minWidth=s.maxWidth=s.width=a,a=n.width,s.width=r,s.minWidth=i,s.maxWidth=o)),void 0!==a?a+"":a}function Me(e,t){return{get:function(){if(!e())return(this.get=t).apply(this,arguments);delete this.get}}}!function(){function e(){if(l){u.style.cssText="position:absolute;left:-11111px;width:60px;margin-top:1px;padding:0;border:0",l.style.cssText="position:relative;display:block;box-sizing:border-box;overflow:scroll;margin:auto;border:1px;padding:1px;width:60%;top:1%",re.appendChild(u).appendChild(l);var e=g.getComputedStyle(l);n="1%"!==e.top,s=12===t(e.marginLeft),l.style.right="60%",o=36===t(e.right),r=36===t(e.width),l.style.position="absolute",i=12===t(l.offsetWidth/3),re.removeChild(u),l=null}}function t(e){return Math.round(parseFloat(e))}var n,r,i,o,a,s,u=w.createElement("div"),l=w.createElement("div");l.style&&(l.style.backgroundClip="content-box",l.cloneNode(!0).style.backgroundClip="",m.clearCloneStyle="content-box"===l.style.backgroundClip,E.extend(m,{boxSizingReliable:function(){return e(),r},pixelBoxStyles:function(){return e(),o},pixelPosition:function(){return e(),n},reliableMarginLeft:function(){return e(),s},scrollboxSize:function(){return e(),i},reliableTrDimensions:function(){var e,t,n,r;return null==a&&(e=w.createElement("table"),t=w.createElement("tr"),n=w.createElement("div"),e.style.cssText="position:absolute;left:-11111px;border-collapse:separate",t.style.cssText="border:1px solid",t.style.height="1px",n.style.height="9px",n.style.display="block",re.appendChild(e).appendChild(t).appendChild(n),r=g.getComputedStyle(t),a=parseInt(r.height,10)+parseInt(r.borderTopWidth,10)+parseInt(r.borderBottomWidth,10)===t.offsetHeight,re.removeChild(e)),a}}))}();var We=["Webkit","Moz","ms"],Fe=w.createElement("div").style,$e={};function ze(e){var t=E.cssProps[e]||$e[e];return t||(e in Fe?e:$e[e]=function(e){var t=e[0].toUpperCase()+e.slice(1),n=We.length;while(n--)if((e=We[n]+t)in Fe)return e}(e)||e)}var _e,Ue,Ve=/^(none|table(?!-c[ea]).+)/,Xe=/^--/,Qe={position:"absolute",visibility:"hidden",display:"block"},Ye={letterSpacing:"0",fontWeight:"400"};function Ge(e,t,n){var r=te.exec(t);return r?Math.max(0,r[2]-(n||0))+(r[3]||"px"):t}function Ke(e,t,n,r,i,o){var a="width"===t?1:0,s=0,u=0;if(n===(r?"border":"content"))return 0;for(;a<4;a+=2)"margin"===n&&(u+=E.css(e,n+ne[a],!0,i)),r?("content"===n&&(u-=E.css(e,"padding"+ne[a],!0,i)),"margin"!==n&&(u-=E.css(e,"border"+ne[a]+"Width",!0,i))):(u+=E.css(e,"padding"+ne[a],!0,i),"padding"!==n?u+=E.css(e,"border"+ne[a]+"Width",!0,i):s+=E.css(e,"border"+ne[a]+"Width",!0,i));return!r&&0<=o&&(u+=Math.max(0,Math.ceil(e["offset"+t[0].toUpperCase()+t.slice(1)]-o-u-s-.5))||0),u}function Je(e,t,n){var r=He(e),i=(!m.boxSizingReliable()||n)&&"border-box"===E.css(e,"boxSizing",!1,r),o=i,a=Be(e,t,r),s="offset"+t[0].toUpperCase()+t.slice(1);if(Pe.test(a)){if(!n)return a;a="auto"}return(!m.boxSizingReliable()&&i||!m.reliableTrDimensions()&&S(e,"tr")||"auto"===a||!parseFloat(a)&&"inline"===E.css(e,"display",!1,r))&&e.getClientRects().length&&(i="border-box"===E.css(e,"boxSizing",!1,r),(o=s in e)&&(a=e[s])),(a=parseFloat(a)||0)+Ke(e,t,n||(i?"border":"content"),o,r,a)+"px"}E.extend({cssHooks:{opacity:{get:function(e,t){if(t){var n=Be(e,"opacity");return""===n?"1":n}}}},cssNumber:{animationIterationCount:!0,columnCount:!0,fillOpacity:!0,flexGrow:!0,flexShrink:!0,fontWeight:!0,gridArea:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnStart:!0,gridRow:!0,gridRowEnd:!0,gridRowStart:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,widows:!0,zIndex:!0,zoom:!0},cssProps:{},style:function(e,t,n,r){if(e&&3!==e.nodeType&&8!==e.nodeType&&e.style){var i,o,a,s=V(t),u=Xe.test(t),l=e.style;if(u||(t=ze(s)),a=E.cssHooks[t]||E.cssHooks[s],void 0===n)return a&&"get"in a&&void 0!==(i=a.get(e,!1,r))?i:l[t];"string"===(o=typeof n)&&(i=te.exec(n))&&i[1]&&(n=function(e,t,n,r){var i,o,a=20,s=r?function(){return r.cur()}:function(){return E.css(e,t,"")},u=s(),l=n&&n[3]||(E.cssNumber[t]?"":"px"),c=e.nodeType&&(E.cssNumber[t]||"px"!==l&&+u)&&te.exec(E.css(e,t));if(c&&c[3]!==l){u/=2,l=l||c[3],c=+u||1;while(a--)E.style(e,t,c+l),(1-o)*(1-(o=s()/u||.5))<=0&&(a=0),c/=o;c*=2,E.style(e,t,c+l),n=n||[]}return n&&(c=+c||+u||0,i=n[1]?c+(n[1]+1)*n[2]:+n[2],r&&(r.unit=l,r.start=c,r.end=i)),i}(e,t,i),o="number"),null!=n&&n==n&&("number"!==o||u||(n+=i&&i[3]||(E.cssNumber[s]?"":"px")),m.clearCloneStyle||""!==n||0!==t.indexOf("background")||(l[t]="inherit"),a&&"set"in a&&void 0===(n=a.set(e,n,r))||(u?l.setProperty(t,n):l[t]=n))}},css:function(e,t,n,r){var i,o,a,s=V(t);return Xe.test(t)||(t=ze(s)),(a=E.cssHooks[t]||E.cssHooks[s])&&"get"in a&&(i=a.get(e,!0,n)),void 0===i&&(i=Be(e,t,r)),"normal"===i&&t in Ye&&(i=Ye[t]),""===n||n?(o=parseFloat(i),!0===n||isFinite(o)?o||0:i):i}}),E.each(["height","width"],function(e,u){E.cssHooks[u]={get:function(e,t,n){if(t)return!Ve.test(E.css(e,"display"))||e.getClientRects().length&&e.getBoundingClientRect().width?Je(e,u,n):Ie(e,Qe,function(){return Je(e,u,n)})},set:function(e,t,n){var r,i=He(e),o=!m.scrollboxSize()&&"absolute"===i.position,a=(o||n)&&"border-box"===E.css(e,"boxSizing",!1,i),s=n?Ke(e,u,n,a,i):0;return a&&o&&(s-=Math.ceil(e["offset"+u[0].toUpperCase()+u.slice(1)]-parseFloat(i[u])-Ke(e,u,"border",!1,i)-.5)),s&&(r=te.exec(t))&&"px"!==(r[3]||"px")&&(e.style[u]=t,t=E.css(e,u)),Ge(0,t,s)}}}),E.cssHooks.marginLeft=Me(m.reliableMarginLeft,function(e,t){if(t)return(parseFloat(Be(e,"marginLeft"))||e.getBoundingClientRect().left-Ie(e,{marginLeft:0},function(){return e.getBoundingClientRect().left}))+"px"}),E.each({margin:"",padding:"",border:"Width"},function(i,o){E.cssHooks[i+o]={expand:function(e){for(var t=0,n={},r="string"==typeof e?e.split(" "):[e];t<4;t++)n[i+ne[t]+o]=r[t]||r[t-2]||r[0];return n}},"margin"!==i&&(E.cssHooks[i+o].set=Ge)}),E.fn.extend({css:function(e,t){return $(this,function(e,t,n){var r,i,o={},a=0;if(Array.isArray(t)){for(r=He(e),i=t.length;a<i;a++)o[t[a]]=E.css(e,t[a],!1,r);return o}return void 0!==n?E.style(e,t,n):E.css(e,t)},e,t,1<arguments.length)}}),E.fn.delay=function(r,e){return r=E.fx&&E.fx.speeds[r]||r,e=e||"fx",this.queue(e,function(e,t){var n=g.setTimeout(e,r);t.stop=function(){g.clearTimeout(n)}})},_e=w.createElement("input"),Ue=w.createElement("select").appendChild(w.createElement("option")),_e.type="checkbox",m.checkOn=""!==_e.value,m.optSelected=Ue.selected,(_e=w.createElement("input")).value="t",_e.type="radio",m.radioValue="t"===_e.value;var Ze,et=E.expr.attrHandle;E.fn.extend({attr:function(e,t){return $(this,E.attr,e,t,1<arguments.length)},removeAttr:function(e){return this.each(function(){E.removeAttr(this,e)})}}),E.extend({attr:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return"undefined"==typeof e.getAttribute?E.prop(e,t,n):(1===o&&E.isXMLDoc(e)||(i=E.attrHooks[t.toLowerCase()]||(E.expr.match.bool.test(t)?Ze:void 0)),void 0!==n?null===n?void E.removeAttr(e,t):i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:(e.setAttribute(t,n+""),n):i&&"get"in i&&null!==(r=i.get(e,t))?r:null==(r=E.find.attr(e,t))?void 0:r)},attrHooks:{type:{set:function(e,t){if(!m.radioValue&&"radio"===t&&S(e,"input")){var n=e.value;return e.setAttribute("type",t),n&&(e.value=n),t}}}},removeAttr:function(e,t){var n,r=0,i=t&&t.match(H);if(i&&1===e.nodeType)while(n=i[r++])e.removeAttribute(n)}}),Ze={set:function(e,t,n){return!1===t?E.removeAttr(e,n):e.setAttribute(n,n),n}},E.each(E.expr.match.bool.source.match(/\w+/g),function(e,t){var a=et[t]||E.find.attr;et[t]=function(e,t,n){var r,i,o=t.toLowerCase();return n||(i=et[o],et[o]=r,r=null!=a(e,t,n)?o:null,et[o]=i),r}});var tt=/^(?:input|select|textarea|button)$/i,nt=/^(?:a|area)$/i;function rt(e){return(e.match(H)||[]).join(" ")}function it(e){return e.getAttribute&&e.getAttribute("class")||""}function ot(e){return Array.isArray(e)?e:"string"==typeof e&&e.match(H)||[]}E.fn.extend({prop:function(e,t){return $(this,E.prop,e,t,1<arguments.length)},removeProp:function(e){return this.each(function(){delete this[E.propFix[e]||e]})}}),E.extend({prop:function(e,t,n){var r,i,o=e.nodeType;if(3!==o&&8!==o&&2!==o)return 1===o&&E.isXMLDoc(e)||(t=E.propFix[t]||t,i=E.propHooks[t]),void 0!==n?i&&"set"in i&&void 0!==(r=i.set(e,n,t))?r:e[t]=n:i&&"get"in i&&null!==(r=i.get(e,t))?r:e[t]},propHooks:{tabIndex:{get:function(e){var t=E.find.attr(e,"tabindex");return t?parseInt(t,10):tt.test(e.nodeName)||nt.test(e.nodeName)&&e.href?0:-1}}},propFix:{"for":"htmlFor","class":"className"}}),m.optSelected||(E.propHooks.selected={get:function(e){var t=e.parentNode;return t&&t.parentNode&&t.parentNode.selectedIndex,null},set:function(e){var t=e.parentNode;t&&(t.selectedIndex,t.parentNode&&t.parentNode.selectedIndex)}}),E.each(["tabIndex","readOnly","maxLength","cellSpacing","cellPadding","rowSpan","colSpan","useMap","frameBorder","contentEditable"],function(){E.propFix[this.toLowerCase()]=this}),E.fn.extend({addClass:function(t){var e,n,r,i,o,a,s,u=0;if(b(t))return this.each(function(e){E(this).addClass(t.call(this,e,it(this)))});if((e=ot(t)).length)while(n=this[u++])if(i=it(n),r=1===n.nodeType&&" "+rt(i)+" "){a=0;while(o=e[a++])r.indexOf(" "+o+" ")<0&&(r+=o+" ");i!==(s=rt(r))&&n.setAttribute("class",s)}return this},removeClass:function(t){var e,n,r,i,o,a,s,u=0;if(b(t))return this.each(function(e){E(this).removeClass(t.call(this,e,it(this)))});if(!arguments.length)return this.attr("class","");if((e=ot(t)).length)while(n=this[u++])if(i=it(n),r=1===n.nodeType&&" "+rt(i)+" "){a=0;while(o=e[a++])while(-1<r.indexOf(" "+o+" "))r=r.replace(" "+o+" "," ");i!==(s=rt(r))&&n.setAttribute("class",s)}return this},toggleClass:function(i,t){var o=typeof i,a="string"===o||Array.isArray(i);return"boolean"==typeof t&&a?t?this.addClass(i):this.removeClass(i):b(i)?this.each(function(e){E(this).toggleClass(i.call(this,e,it(this),t),t)}):this.each(function(){var e,t,n,r;if(a){t=0,n=E(this),r=ot(i);while(e=r[t++])n.hasClass(e)?n.removeClass(e):n.addClass(e)}else void 0!==i&&"boolean"!==o||((e=it(this))&&Y.set(this,"__className__",e),this.setAttribute&&this.setAttribute("class",e||!1===i?"":Y.get(this,"__className__")||""))})},hasClass:function(e){var t,n,r=0;t=" "+e+" ";while(n=this[r++])if(1===n.nodeType&&-1<(" "+rt(it(n))+" ").indexOf(t))return!0;return!1}});var at=/\r/g;E.fn.extend({val:function(n){var r,e,i,t=this[0];return arguments.length?(i=b(n),this.each(function(e){var t;1===this.nodeType&&(null==(t=i?n.call(this,e,E(this).val()):n)?t="":"number"==typeof t?t+="":Array.isArray(t)&&(t=E.map(t,function(e){return null==e?"":e+""})),(r=E.valHooks[this.type]||E.valHooks[this.nodeName.toLowerCase()])&&"set"in r&&void 0!==r.set(this,t,"value")||(this.value=t))})):t?(r=E.valHooks[t.type]||E.valHooks[t.nodeName.toLowerCase()])&&"get"in r&&void 0!==(e=r.get(t,"value"))?e:"string"==typeof(e=t.value)?e.replace(at,""):null==e?"":e:void 0}}),E.extend({valHooks:{option:{get:function(e){var t=E.find.attr(e,"value");return null!=t?t:rt(E.text(e))}},select:{get:function(e){var t,n,r,i=e.options,o=e.selectedIndex,a="select-one"===e.type,s=a?null:[],u=a?o+1:i.length;for(r=o<0?u:a?o:0;r<u;r++)if(((n=i[r]).selected||r===o)&&!n.disabled&&(!n.parentNode.disabled||!S(n.parentNode,"optgroup"))){if(t=E(n).val(),a)return t;s.push(t)}return s},set:function(e,t){var n,r,i=e.options,o=E.makeArray(t),a=i.length;while(a--)((r=i[a]).selected=-1<E.inArray(E.valHooks.option.get(r),o))&&(n=!0);return n||(e.selectedIndex=-1),o}}}}),E.each(["radio","checkbox"],function(){E.valHooks[this]={set:function(e,t){if(Array.isArray(t))return e.checked=-1<E.inArray(E(e).val(),t)}},m.checkOn||(E.valHooks[this].get=function(e){return null===e.getAttribute("value")?"on":e.value})}),m.focusin="onfocusin"in g;var st=/^(?:focusinfocus|focusoutblur)$/,ut=function(e){e.stopPropagation()};E.extend(E.event,{trigger:function(e,t,n,r){var i,o,a,s,u,l,c,f,d=[n||w],p=y.call(e,"type")?e.type:e,h=y.call(e,"namespace")?e.namespace.split("."):[];if(o=f=a=n=n||w,3!==n.nodeType&&8!==n.nodeType&&!st.test(p+E.event.triggered)&&(-1<p.indexOf(".")&&(p=(h=p.split(".")).shift(),h.sort()),u=p.indexOf(":")<0&&"on"+p,(e=e[E.expando]?e:new E.Event(p,"object"==typeof e&&e)).isTrigger=r?2:3,e.namespace=h.join("."),e.rnamespace=e.namespace?new RegExp("(^|\\.)"+h.join("\\.(?:.*\\.|)")+"(\\.|$)"):null,e.result=void 0,e.target||(e.target=n),t=null==t?[e]:E.makeArray(t,[e]),c=E.event.special[p]||{},r||!c.trigger||!1!==c.trigger.apply(n,t))){if(!r&&!c.noBubble&&!x(n)){for(s=c.delegateType||p,st.test(s+p)||(o=o.parentNode);o;o=o.parentNode)d.push(o),a=o;a===(n.ownerDocument||w)&&d.push(a.defaultView||a.parentWindow||g)}i=0;while((o=d[i++])&&!e.isPropagationStopped())f=o,e.type=1<i?s:c.bindType||p,(l=(Y.get(o,"events")||Object.create(null))[e.type]&&Y.get(o,"handle"))&&l.apply(o,t),(l=u&&o[u])&&l.apply&&X(o)&&(e.result=l.apply(o,t),!1===e.result&&e.preventDefault());return e.type=p,r||e.isDefaultPrevented()||c._default&&!1!==c._default.apply(d.pop(),t)||!X(n)||u&&b(n[p])&&!x(n)&&((a=n[u])&&(n[u]=null),E.event.triggered=p,e.isPropagationStopped()&&f.addEventListener(p,ut),n[p](),e.isPropagationStopped()&&f.removeEventListener(p,ut),E.event.triggered=void 0,a&&(n[u]=a)),e.result}},simulate:function(e,t,n){var r=E.extend(new E.Event,n,{type:e,isSimulated:!0});E.event.trigger(r,null,t)}}),E.fn.extend({trigger:function(e,t){return this.each(function(){E.event.trigger(e,t,this)})},triggerHandler:function(e,t){var n=this[0];if(n)return E.event.trigger(e,t,n,!0)}}),m.focusin||E.each({focus:"focusin",blur:"focusout"},function(n,r){var i=function(e){E.event.simulate(r,e.target,E.event.fix(e))};E.event.special[r]={setup:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r);t||e.addEventListener(n,i,!0),Y.access(e,r,(t||0)+1)},teardown:function(){var e=this.ownerDocument||this.document||this,t=Y.access(e,r)-1;t?Y.access(e,r,t):(e.removeEventListener(n,i,!0),Y.remove(e,r))}}}),E.parseXML=function(e){var t,n;if(!e||"string"!=typeof e)return null;try{t=(new g.DOMParser).parseFromString(e,"text/xml")}catch(e){}return n=t&&t.getElementsByTagName("parsererror")[0],t&&!n||E.error("Invalid XML: "+(n?E.map(n.childNodes,function(e){return e.textContent}).join("\n"):e)),t};var lt,ct=/\[\]$/,ft=/\r?\n/g,dt=/^(?:submit|button|image|reset|file)$/i,pt=/^(?:input|select|textarea|keygen)/i;function ht(n,e,r,i){var t;if(Array.isArray(e))E.each(e,function(e,t){r||ct.test(n)?i(n,t):ht(n+"["+("object"==typeof t&&null!=t?e:"")+"]",t,r,i)});else if(r||"object"!==T(e))i(n,e);else for(t in e)ht(n+"["+t+"]",e[t],r,i)}E.param=function(e,t){var n,r=[],i=function(e,t){var n=b(t)?t():t;r[r.length]=encodeURIComponent(e)+"="+encodeURIComponent(null==n?"":n)};if(null==e)return"";if(Array.isArray(e)||e.jquery&&!E.isPlainObject(e))E.each(e,function(){i(this.name,this.value)});else for(n in e)ht(n,e[n],t,i);return r.join("&")},E.fn.extend({serialize:function(){return E.param(this.serializeArray())},serializeArray:function(){return this.map(function(){var e=E.prop(this,"elements");return e?E.makeArray(e):this}).filter(function(){var e=this.type;return this.name&&!E(this).is(":disabled")&&pt.test(this.nodeName)&&!dt.test(e)&&(this.checked||!fe.test(e))}).map(function(e,t){var n=E(this).val();return null==n?null:Array.isArray(n)?E.map(n,function(e){return{name:t.name,value:e.replace(ft,"\r\n")}}):{name:t.name,value:n.replace(ft,"\r\n")}}).get()}}),E.fn.extend({wrapAll:function(e){var t;return this[0]&&(b(e)&&(e=e.call(this[0])),t=E(e,this[0].ownerDocument).eq(0).clone(!0),this[0].parentNode&&t.insertBefore(this[0]),t.map(function(){var e=this;while(e.firstElementChild)e=e.firstElementChild;return e}).append(this)),this},wrapInner:function(n){return b(n)?this.each(function(e){E(this).wrapInner(n.call(this,e))}):this.each(function(){var e=E(this),t=e.contents();t.length?t.wrapAll(n):e.append(n)})},wrap:function(t){var n=b(t);return this.each(function(e){E(this).wrapAll(n?t.call(this,e):t)})},unwrap:function(e){return this.parent(e).not("body").each(function(){E(this).replaceWith(this.childNodes)}),this}}),E.expr.pseudos.hidden=function(e){return!E.expr.pseudos.visible(e)},E.expr.pseudos.visible=function(e){return!!(e.offsetWidth||e.offsetHeight||e.getClientRects().length)},m.createHTMLDocument=((lt=w.implementation.createHTMLDocument("").body).innerHTML="<form></form><form></form>",2===lt.childNodes.length),E.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(m.createHTMLDocument?((r=(t=w.implementation.createHTMLDocument("")).createElement("base")).href=w.location.href,t.head.appendChild(r)):t=w),o=!n&&[],(i=k.exec(e))?[t.createElement(i[1])]:(i=me([e],t,o),o&&o.length&&E(o).remove(),E.merge([],i.childNodes)));var r,i,o},E.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=E.css(e,"position"),c=E(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=E.css(e,"top"),u=E.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),b(t)&&(t=t.call(e,n,E.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},E.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){E.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===E.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===E.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=E(e).offset()).top+=E.css(e,"borderTopWidth",!0),i.left+=E.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-E.css(r,"marginTop",!0),left:t.left-i.left-E.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===E.css(e,"position"))e=e.offsetParent;return e||re})}}),E.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;E.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),E.each(["top","left"],function(e,n){E.cssHooks[n]=Me(m.pixelPosition,function(e,t){if(t)return t=Be(e,n),Pe.test(t)?E(e).position()[n]+"px":t})}),E.each({Height:"height",Width:"width"},function(a,s){E.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){E.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?E.css(e,t,i):E.style(e,t,n,i)},s,n?e:void 0,n)}})}),E.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),E.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){E.fn[n]=function(e,t){return 0<arguments.length?this.on(n,null,e,t):this.trigger(n)}});var gt=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g;E.proxy=function(e,t){var n,r,i;if("string"==typeof t&&(n=e[t],t=e,e=n),b(e))return r=s.call(arguments,2),(i=function(){return e.apply(t||this,r.concat(s.call(arguments)))}).guid=e.guid=e.guid||E.guid++,i},E.holdReady=function(e){e?E.readyWait++:E.ready(!0)},E.isArray=Array.isArray,E.parseJSON=JSON.parse,E.nodeName=S,E.isFunction=b,E.isWindow=x,E.camelCase=V,E.type=T,E.now=Date.now,E.isNumeric=function(e){var t=E.type(e);return("number"===t||"string"===t)&&!isNaN(e-parseFloat(e))},E.trim=function(e){return null==e?"":(e+"").replace(gt,"")},"function"==typeof define&&define.amd&&define("jquery",[],function(){return E});var vt=g.jQuery,yt=g.$;return E.noConflict=function(e){return g.$===E&&(g.$=yt),e&&g.jQuery===E&&(g.jQuery=vt),E},"undefined"==typeof e&&(g.jQuery=g.$=E),E});

src/kinetic_tileworker.mjs

+import { StochasticEventSet } from './stochastic_event.mjs';
+
+const NORTH = 0;
+const EAST  = 1;
+const SOUTH = 2;
+const WEST  = 3;
+
+let temperature = 2;
+let Gmc = 19.1, Gse = 10.0;
+let kf = 1.2e7;
+
+let eventSet = new StochasticEventSet(Gmc, Gse, kf);
+
+let tileTypes = [];
+let glues = [];
+
+let locationMap = new Map(); // maps occupied locations to tile data
+let seedLocations = new Set();
+let adjacentLocations = new Set();
+
+let signatureTable = new Map();
+let signatureMap = new Map();
+let frontierMap = new Map();
+
+function locationKey(x, y) {
+    let a = x * 2;
+    if (a < 0)
+	a = -(a + 1);
+
+    let b = y * 2;
+    if (b < 0)
+	b = -(b + 1);
+
+    return Math.round((a + b) * (a + b + 1) / 2 + b);
+}
+
+const DX = [0, 1, 0, -1];
+const DY = [1, 0, -1, 0];
+const DIRS = ["north", "east", "south", "west"];
+
+function calculateStrength(tid, x, y) {
+	
+	let strength = 0;
+	const type = tileTypes[tid];
+	
+	for (let i = 0; i < 4; i++) {
+		const nbrKey = locationKey(x + DX[i], y + DY[i]);
+
+		const glue = type.glues[i];
+
+		// if nbr exists, then add glue strength
+		if (locationMap.has(nbrKey) and glue >= 0) {
+			const nbr = locationMap.get(nbrKey);
+			const nbrType = tileTypes[nbr.tid];
+			const nbrGlue = nbrType.glues[(i + 2) % 4];
+			
+			if (glue === nbrGlue) {
+				strength += glues[glue];
+			}
+		}
+	}
+
+	return strength;
+}
+
+function addTile(tid, x, y, isSeed=false) {
+    const locKey = locationKey(x, y);
+
+    if (locationMap.has(locKey)) {
+    	console.log(`Attempting to add a tile ${tid} in an occupied location (${x}, ${y})`);
+    	return false;
+    }
+
+    const strength = calculateStrength(tid, x, y);
+    const tile = {tid: tid, x:x, y:y, strength:strength};
+
+    // add location to location map
+    locationMap.set(locKey, tile);
+
+    // update neighboring tile strengths
+    // for (let i = 0; i < 4; i++) {
+    // 	const nbrKey = locationKey(x + DX[i], y + DY[i]);
+    // 	if (locationMap.has(nbrKey)) {
+    // 		const nbr = locationMap.get(nbrKey);
+    // 		nbr.strength = calculateStrength(nbr.tid, nbr.x, nbr.y);
+    // 	}
+    // }
+
+    // todo update event set
+
+    // seed tiles will not detach
+    if (isSeed) {
+
+    }
+}
+
+function removeTile(tid, x, y) {
+
+}
+
+function stepForward() {
+
+}
\ No newline at end of file

src/layout.mjs

+
+document.addEventListener('DOMContentLoaded', () => {
+	Split({
+		rowGutters: [{
+			track: 1,
+			element: document.getElementById("editor-gutter")
+		},{
+			track: 3,
+			element: document.getElementById("log-gutter")
+		}],
+		columnGutters: [{
+			track: 1,
+			element: document.getElementById("simulator-gutter")
+		}]
+	})
+});
+

src/logger.mjs

+
+const MONTH_TABLE = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+
+export class Logger {
+
+    static INFO = 'INFO';
+    static ERROR = 'ERROR';
+    static WARNING = 'WARNING';
+    
+    static messages = [];
+    static logDom;
+
+    static init(logDOM) {
+		this.messages = [];
+		this.logDOM = logDOM;
+    }
+
+    static log(type, message) {
+		const date = new Date();
+		Logger.messages.push({type: type, message: message, date: date});
+
+		const messageDOM = document.createElement('div');
+		const entryType = document.createElement('div');
+		const entryMsg = document.createElement('div');
+		const entryDate = document.createElement('div');
+		
+		messageDOM.classList.add('log-entry', 'w3-small', 'w3-container', 'w3-leftbar', 'w3-rightbar', 'w3-border-bottom', 'w3-monospace');
+		entryType.classList.add('log-type');
+		entryMsg.classList.add('log-message', 'w3-border-left', 'w3-border-right');
+		entryDate.classList.add('log-date');
+		if (type === Logger.ERROR) {
+		    messageDOM.classList.add('w3-pale-red', 'w3-border-red');
+		} else if (type === Logger.WARNING) {
+		    messageDOM.classList.add('w3-pale-yellow', 'w3-border-yellow');
+		} else {
+		    messageDOM.classList.add('w3-light-gray', 'w3-border-gray');
+		}
+
+		const timeStr = `${String(date.getHours()).padStart(2,0)}:${String(date.getMinutes()).padStart(2,0)}:${String(date.getSeconds()).padStart(2,0)}`;
+		const dateStr = `${String(date.getDay()).padStart(2,0)}/${String(date.getMonth()).padStart(2,0)}/${date.getFullYear()}`;
+
+		entryType.appendChild(document.createTextNode(type));
+		entryMsg.appendChild(document.createTextNode(message));
+		entryDate.appendChild(document.createTextNode(timeStr + '  ' + dateStr));
+		messageDOM.appendChild(entryType);
+		messageDOM.appendChild(entryMsg);
+		messageDOM.appendChild(entryDate);
+		if (Logger.logDOM !== undefined) {
+			Logger.logDOM.appendChild(messageDOM);
+			Logger.logDOM.scrollTop = Logger.logDOM.scrollHeight;
+		}
+    }
+}

src/rectilinear_generator.mjs

+export class TileType {
+
+    constructor(name = '', label = '', color = '', glues = null) {
+        this.name = name;
+        this.label = label;
+        this.color = color;
+        if (glues == null) {
+            this.glues = {
+                north: { label: '', strength: 0 },
+                east:  { label: '', strength: 0 },
+                south: { label: '', strength: 0 },
+                west:  { label: '', strength: 0 }
+            }
+        } else {
+            this.glues = glues;
+        }
+    }
+
+    outputString() {
+        let out = 'TILENAME ' +  this.name + '\n';
+        out += 'LABEL ' + this.label + '\n';
+        out += 'TILECOLOR ' + this.color + '\n';
+        if ((this.glues.north.strength > 0) && (this.glues.north.label.length > 0)) {
+            out += 'NORTHBIND ' + this.glues.north.strength + '\n';
+            out += 'NORTHLABEL ' + this.glues.north.label + '\n';
+        }
+        if ((this.glues.east.strength > 0) && (this.glues.east.label.length > 0)) {
+            out += 'EASTBIND ' + this.glues.east.strength + '\n';
+            out += 'EASTLABEL ' + this.glues.east.label + '\n';
+        }
+        if ((this.glues.south.strength > 0) && (this.glues.south.label.length > 0)) {
+            out += 'SOUTHBIND ' + this.glues.south.strength + '\n';
+            out += 'SOUTHLABEL ' + this.glues.south.label + '\n';
+        }
+        if ((this.glues.west.strength > 0) &&  (this.glues.west.label.length > 0)) {
+            out += 'WESTBIND ' + this.glues.west.strength + '\n';
+            out += 'WESTLABEL ' + this.glues.west.label + '\n';
+        }
+        out += 'CREATE\n\n';
+        return out;
+    }
+}
+
+export class SimpleDataTable {
+    constructor($el, options = {}) {
+        this.$el = $el;
+        //this.addButtonLabel = options.addButtonLabel || '✚';
+        this.readonly = options.readonly || false;
+        this.defaultColumnPrefix = '';// options.defaultColumnPrefix || 'column';
+        this.defaultColumnNumber = options.defaultColumnNumber || null;
+        this.defaultHighlightedCellClass = options.defaultHighlightedCellClass || 'highlighted-cell';
+        this._headers = [];
+        this.data = [];
+        this._events = {};
+        /*this._sorted = {
+            columnIndex: -1,
+            descending: false,
+        };
+        this._sortComparingFn = (a, b) => a.toString()
+            .localeCompare(b.toString());*/
+    }
+
+    _renderTHead($table) {
+        const $thead = document.createElement('thead');
+        const $row = document.createElement('tr');
+
+        this._headers.forEach((name, index) => {
+            const $cell = this._createEmptyHeaderCell();
+            let label = name;
+            /*if (this._sorted.columnIndex === index) {
+                label += ` ${this._sorted.descending ? '\u2191' : '\u2193'}`;
+            }*/
+            $cell.textContent = label;
+            /*$cell.addEventListener('click', () => {
+                this._sorted.descending = (this._sorted.columnIndex === index)
+                    && !this._sorted.descending;
+                this.sortByColumn(index);
+            });*/
+            $row.appendChild($cell);
+        });
+
+        $thead.appendChild($row);
+        $table.appendChild($thead);
+    }
+
+    _renderTBody($table) {
+        const $tbody = document.createElement('tbody');
+
+        this.data.forEach((item, rowIndex) => {
+            const $row = document.createElement('tr');
+
+			let count = 0;
+            Object.entries(item).forEach(([key, value]) => {
+				let bReadOnly = (count < 2) ? true : false;
+                const $cell = this._createCellWithInput(key, value, rowIndex, bReadOnly);
+                $row.appendChild($cell);
+				count = count + 1;
+            });
+
+            const $cell = this.readonly
+                ? this._createEmptyCell()
+                : this._createCellWithRemoveRowButton();
+            $row.appendChild($cell);
+
+            $tbody.appendChild($row);
+        });
+
+        $table.appendChild($tbody);
+    }
+
+    render() {
+        if (!this.$el) {
+            throw new Error('this.$el is not defined');
+        }
+
+        SimpleDataTable.clearElement(this.$el);
+
+        const $wrapper = document.createElement('div');
+        $wrapper.classList.add('simple-data-table');
+        const $table = document.createElement('table');
+
+        if (this._headers.length > 0) {
+            this._renderTHead($table);
+        }
+
+        this._renderTBody($table);
+
+        $wrapper.appendChild($table);
+
+        /*if (!this.readonly) {
+            const $addButton = this._createAddButton();
+            $wrapper.appendChild($addButton);
+        }*/
+
+        this.$el.appendChild($wrapper);
+
+        return this;
+    }
+
+    getRowsCount() {
+        return this.$el.querySelectorAll('tr').length;
+    }
+
+    findCellsByContent(...content) {
+        const indexes = [];
+        const $rows = this.$el.querySelectorAll('tr');
+
+        $rows.forEach((row, rowIndex) => {
+            const cells = row.querySelectorAll('td');
+
+            cells.forEach((cell, cellIndex) => {
+                const $cellInput = cell.querySelector('input');
+                const cellContent = $cellInput
+                    ? $cellInput.value
+                    : cell.textContent;
+
+                content.forEach((item) => {
+                    if (cellContent === item) {
+                        indexes.push({
+                            rowIndex,
+                            cellIndex,
+                        });
+                    }
+                });
+            });
+        });
+        return indexes;
+    }
+
+    getCell(rowIndex, cellIndex) {
+        const $rows = this.$el.querySelectorAll('tr');
+        const $row = $rows[rowIndex];
+
+        if (!$row) {
+            return null;
+        }
+
+        const $cells = $row.querySelectorAll('td');
+        const $cell = $cells[cellIndex];
+
+        if (!$cell) {
+            return null;
+        }
+
+        return $cell;
+    }
+
+    highlightCell(rowIndex, cellIndex) {
+        const $cell = this.getCell(rowIndex, cellIndex);
+        $cell.classList.add(this.defaultHighlightedCellClass);
+    }
+
+    clearHighlightedCells() {
+        const $cells = this.$el.querySelectorAll('td');
+        $cells.forEach(($cell) => {
+            $cell.classList.remove(this.defaultHighlightedCellClass);
+        });
+    }
+
+    setInputCellContent(rowIndex, cellIndex, content) {
+        const $cell = this.getCell(rowIndex, cellIndex);
+        const $input = $cell.querySelector('input');
+        $input.value = content;
+    }
+
+    _createEmptyCell() {
+        return document.createElement('td');
+    }
+
+    _createEmptyHeaderCell() {
+        return document.createElement('th');
+    }
+
+    _createCellWithRemoveRowButton() {
+        const $cell = this._createEmptyCell();
+        /*const $removeButton = document.createElement('button');
+        $removeButton.classList.add('remove-row');
+        $removeButton.textContent = '✖︎';
+        $removeButton.addEventListener('click', () => {
+            const $tr = $cell.parentNode;
+            this._removeRow($tr);
+        });
+        $cell.appendChild($removeButton);*/
+        return $cell;
+    }
+
+    _removeRow($tr) {
+        const $siblings = Array.from($tr.parentNode.children);
+        const index = $siblings.indexOf($tr);
+        this.data.splice(index, 1);
+        $tr.remove();
+        this.emit(SimpleDataTable.EVENTS.ROW_REMOVED, this.data);
+    }
+
+    _createAddButton() {
+        /*const $addButton = document.createElement('button');
+        $addButton.classList.add('add-row');
+        $addButton.textContent = this.addButtonLabel;
+        $addButton.addEventListener('click', this._createEmptyRow.bind(this));
+        return $addButton;*/
+		return null;
+    }
+
+    _createCellWithInput(name, value, rowIndex, bReadOnly) {
+        const $cell = document.createElement('td');
+        const $input = document.createElement('input');
+        $input.value = value;
+        $input.name = name;
+
+        if (this.readonly || bReadOnly) {
+            $input.disabled = true;
+        }
+
+        $input.addEventListener('change', () => {
+            this.data[rowIndex][name] = $input.value;
+            this.emit(SimpleDataTable.EVENTS.UPDATE, this.data);
+        });
+
+        $cell.appendChild($input);
+        return $cell;
+    }
+
+    _createEmptyRow() {
+        const $tbody = this.$el.querySelector('tbody');
+        const rowsCount = $tbody.querySelectorAll('tr').length;
+        const $row = document.createElement('tr');
+        const columnNames = this._fetchColumnNames();
+
+        const record = {};
+
+        columnNames.forEach((cellName) => {
+            const $cell = this._createCellWithInput(cellName, '', rowsCount, false);
+            $row.appendChild($cell);
+            record[cellName] = '';
+        });
+
+        this.data.push(record);
+
+        $row.appendChild(this._createCellWithRemoveRowButton());
+        $tbody.appendChild($row);
+
+        this.emit(SimpleDataTable.EVENTS.ROW_ADDED);
+    }
+
+    _fetchColumnNames() {
+        const $tbody = this.$el.querySelector('tbody');
+        const $firstRecord = $tbody.querySelector('tr');
+
+        if (!$firstRecord) {
+            const size = this.defaultColumnNumber
+                ? this.defaultColumnNumber
+                : this._headers
+                    ? this._headers.length
+                    : this.data[0] && this.data[0].length;
+            if (!size) {
+                return [];
+            }
+            return Array(size)
+                .fill(this.defaultColumnPrefix)
+                .map((name, index) => `${name}${index + 1}`);
+        }
+
+        const $elements = Array.from($firstRecord.children);
+        return $elements
+            .map(($cell) => $cell.querySelector('input'))
+            .filter(($element) => $element)
+            .map(($input) => $input.name);
+    }
+
+    /**
+     * @param {string[]} items
+     * @returns
+     */
+    setHeaders(items) {
+        this._headers = items;
+        return this;
+    }
+
+    load(data) {
+        this.data = Array.from(data);
+        return this;
+    }
+
+    emit(name, payload) {
+        if (!this._events[name]) {
+            return;
+        }
+
+        this._events[name].forEach((cb) => cb(payload));
+        return this;
+    }
+
+    on(name, handler) {
+        if (!this._events[name]) {
+            this._events[name] = [];
+        }
+
+        this._events[name].push(handler);
+        return this;
+    }
+
+    sortByColumn(index) {
+        /*this._sorted.columnIndex = index;
+        const order = this._sorted.descending ? 1 : -1;
+        this.data.sort((firstRow, secondRow) =>
+            this._sortComparingFn(
+                Object.values(firstRow)[index],
+                Object.values(secondRow)[index]
+            ) * order
+        );
+        this.render();
+        this.emit(SimpleDataTable.EVENTS.DATA_SORTED);*/
+    }
+
+    setSortComparingFn(fn) {
+        //this._sortComparingFn = fn;
+    }
+
+    static clearElement($element) {
+        while ($element.firstElementChild) {
+            $element.firstElementChild.remove();
+        }
+    }
+}
+
+SimpleDataTable.EVENTS = {
+    UPDATE: 'SimpleDataTable.EVENTS.UPDATE',
+    ROW_ADDED: 'SimpleDataTable.EVENTS.ROW_ADDED',
+    ROW_REMOVED: 'SimpleDataTable.EVENTS.ROW_REMOVED',
+    DATA_SORTED: 'SimpleDataTable.EVENTS.DATA_SORTED',
+};

src/selectedtile.mjs

+import * as THREE from './three.module.mjs';
+import * as AssetManager from './assetmanager.mjs';
+import { TextManager } from './textmanager.mjs';
+import { Vector2D } from './utils.mjs';
+
+export class SelectedTile {
+
+	constructor(scene) {
+		this.backgroundColor = 0xffffee;
+
+		this.simulator = simulator;
+		this.canvas = document.getElementById('tile-canvas');
+		this.renderer = new THREE.WebGLRenderer({antialias: true, canvas: this.canvas});
+		this.renderer.setPixelRatio(window.devicePixelRatio);
+
+		this.scene = new THREE.Scene();
+		this.camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 1, 10);
+		this.camera.position.z = 4;
+
+		this.resizeObserver = new ResizeObserver((entries) => { this.resize(); });
+		this.resizeObserver.observe(this.canvas);
+
+		this.textManager = new TextManager(this.scene, this.canvas);
+	}
+
+	init() {
+		this.textManager.init();
+
+		const noTileTexture = AssetManager.getTexture('no_tile');
+
+		const tileGeom = new THREE.PlaneGeometry(1, 1);
+		const noTileMat = new THREE.MeshBasicMaterial({map: noTileTexture, transparent: true});
+		this.noTileMesh = new THREE.Mesh(tileGeom, noTileMat);
+
+		this.scene.add(this.noTileMesh);
+
+		this.tileGroup = new THREE.Group();
+		const tileMat = new THREE.MeshBasicMaterial();
+		this.tileMesh = new THREE.Mesh(tileGeom, tileMat);
+		this.tileGroup.add(this.tileMesh);
+
+		const vertices = new Float32Array([
+		    -0.515625, -0.515625, 0.0,
+		     0.515625, -0.515625, 0.0,
+		    -0.515625,  0.515625, 0.0,
+		     0.515625,  0.515625, 0.0,
+		    -0.515625,  0.515625, 0.0,
+		     0.515625, -0.515625, 0.0,
+		]);
+
+		const uvs = new Float32Array([
+		    0.0, 0.0,
+		    1.0, 0.0,
+		    0.0, 1.0,
+		    1.0, 1.0,
+		    0.0, 1.0,
+		    1.0, 0.0,
+		]);
+
+		const offset = new Float32Array([
+			0.0, 0.0, 0.0,
+			0.0, 0.0, 0.0,
+			0.0, 0.0, 0.0,
+			0.0, 0.0, 0.0,
+			0.0, 0.0, 0.0,
+			0.0, 0.0, 0.0,
+		]);
+
+		const strengths = new Int32Array([
+			2, 2, 2, 2,
+			2, 2, 2, 2,
+			2, 2, 2, 2,
+			2, 2, 2, 2,
+			2, 2, 2, 2,
+			2, 2, 2, 2,
+		]);
+
+		const outlineGeometry = new THREE.BufferGeometry();
+		outlineGeometry.setAttribute("position", new THREE.BufferAttribute(vertices, 3));
+		outlineGeometry.setAttribute("uv", new THREE.BufferAttribute(uvs, 2));
+		outlineGeometry.setAttribute("offset", new THREE.BufferAttribute(offset, 3));
+		outlineGeometry.setAttribute("strengths", new THREE.BufferAttribute(strengths, 4));
+
+		const outlineTexture = AssetManager.getTexture("outlines").clone();
+		outlineTexture.magFilter = THREE.NearestFilter;
+		outlineTexture.minFilter = THREE.LinearFilter;
+		outlineTexture.needsUpdate = true;
+
+		const outlineMaterial = new THREE.ShaderMaterial();
+		outlineMaterial.uniforms = {
+		    map: { value: outlineTexture },
+		};
+		outlineMaterial.vertexShader = AssetManager.getFile("outline_vs");
+		outlineMaterial.fragmentShader = AssetManager.getFile("outline_fs");
+		outlineMaterial.transparent = true;
+
+		this.outlineMesh = new THREE.Mesh(outlineGeometry, outlineMaterial);
+		this.tileGroup.add(this.outlineMesh);
+		
+		this.tileGroup.visible = false;
+		this.scene.add(this.tileGroup);
+	}
+
+	selectTile(tileType) {
+		if (!tileType) {
+			this.noTileMesh.visible = true;
+			this.tileGroup.visible = false;
+
+			this.textManager.clearText();
+		} else {
+			this.tileMesh.material.color = new THREE.Color(tileType.color.getHexString());
+			const strengthsAttrib = this.outlineMesh.geometry.attributes.strengths.array;
+
+			const dirs = ['north', 'east', 'south', 'west'];
+			for (let i = 0; i < dirs.length; i++) {
+				const dir = dirs[i];
+				if (tileType.glues[dir]) {
+					for (let j = 0; j < 6; j++) strengthsAttrib[i + 4*j] = tileType.glues[dir].strength;
+				} else {
+					for (let j = 0; j < 6; j++) strengthsAttrib[i + 4*j] = 0;
+				}
+				
+			}
+			this.outlineMesh.geometry.attributes.strengths.needsUpdate = true;
+
+			this.noTileMesh.visible = false;
+			this.tileGroup.visible = true;
+
+			this.textManager.clearText();
+			this.textManager.genTileTypeGlyphs(tileType);
+			this.textManager.addTileGlyphs({coords: new Vector2D(0, 0), type: tileType});
+		}
+	}
+
+	resize() {
+		const rect = this.canvas.getBoundingClientRect();
+    	const width = rect.width;
+    	const height = rect.height;
+
+		this.renderer.setSize(width, height, false);
+
+		const aspect = width / height;
+
+		if (width >= height) {
+			this.camera.left = -aspect;
+			this.camera.right = aspect;
+			this.camera.top = 1;
+			this.camera.bottom = -1;
+		} else {
+			this.camera.left = -1;
+			this.camera.right = 1;
+			this.camera.top = 1 / aspect;
+			this.camera.bottom = -1 / aspect;
+		}
+		
+		this.camera.updateProjectionMatrix();
+
+		this.renderUpdate = true;
+	}
+
+	render() {
+		this.renderer.setClearColor(this.backgroundColor);
+		this.textManager.update();
+		this.renderer.render(this.scene, this.camera);
+	}
+}
\ No newline at end of file

src/simulator.mjs

+import * as THREE from './three.module.mjs';
+import * as TextManager from './textmanager.mjs';
+import { Logger } from './logger.mjs';
+import { TileSet } from './tileset.mjs';
+import { Vector2D, parseColor } from './utils.mjs';
+import { TileBlockAtlas } from './tileblock.mjs';
+import { Editor } from './editor.mjs';
+import { SelectedTile } from './selectedtile.mjs';
+
+const STATE_NO_SYSTEM = -1;
+const STATE_DEFAULT = 0;
+const STATE_PLACE = 1
+const STATE_FAST_FORWARD = 2;
+const STATE_FAST_BACK = 3;
+
+const DRAG_SPEED = 1;
+const SCROLL_SPEED = 0.2;
+const ZOOM_SPEED = 1.2;
+
+const ALL_TEXT_CUTOFF = 25;
+const OUTLINE_CUTOFF = 5;
+
+export class Simulator {
+	constructor() {
+		this.fastBackButton = document.getElementById('fast-back-button');
+		this.stepBackButton = document.getElementById('step-back-button');
+		this.stopButton = document.getElementById('stop-button');
+		this.stepForwardButton = document.getElementById('step-forward-button');
+		this.fastForwardButton = document.getElementById('fast-forward-button');
+		this.selectModeButton = document.getElementById('select-mode-button');
+		this.placeModeButton = document.getElementById('place-mode-button');
+		this.zoomInButton = document.getElementById('zoom-in-button');
+		this.zoomOutButton = document.getElementById('zoom-out-button');
+		this.simulationModeConfirmButton = document.getElementById('set-simulation-mode-confirm-button');
+		this.saveSVGConfirmButton = document.getElementById('save-svg-confirm-button');
+
+		this.resetToSeedButton = document.getElementById('reset-to-seed-button');
+
+		this.infoBar = document.getElementById('sim-info');
+
+		this.stepForwardButton.addEventListener('click', (e) => { this.stepForward(); });
+		this.fastForwardButton.addEventListener('click', (e) => { this.startFastForward(); });
+		this.stopButton.addEventListener('click', (e) => { this.onStopButton(); });
+		this.stepBackButton.addEventListener('click', (e) => { this.stepBackward(); })
+		this.fastBackButton.addEventListener('click', (e) => { this.startFastBackward(); })
+
+		this.selectModeButton.addEventListener('click', (e) => { this.setState(STATE_DEFAULT); });
+		this.placeModeButton.addEventListener('click', (e) => { this.setState(STATE_PLACE); });
+
+		this.zoomInButton.addEventListener('click', (e) => { this.zoomIn(); });
+		this.zoomOutButton.addEventListener('click', (e) => { this.zoomOut(); });
+
+		this.resetToSeedButton.addEventListener('click', (e) => { this.reset(true) });
+
+		this.simulationModeConfirmButton.addEventListener('click', (e) => { this.simulationModeOption(); });
+		this.saveSVGConfirmButton.addEventListener('click', (e) => { this.initiateSvgSnapshot(); });
+
+		this.backgroundColor = 0xffffee;
+
+		this.canvas = document.getElementById('sim-canvas');
+		this.renderer = new THREE.WebGLRenderer({
+			antialias: true,
+			canvas: this.canvas,
+			preserveDrawingBuffer: true
+		});
+		this.renderer.setPixelRatio(window.devicePixelRatio);
+		this.resizeObserver = new ResizeObserver((entries) => { this.resize(); });
+		this.resizeObserver.observe(this.canvas);
+
+		this.initCanvasEvents();
+
+		this.scene = new THREE.Scene();
+
+		this.camera = new THREE.OrthographicCamera(-1, 1, 1, -1, 1, 10);
+		this.camera.position.z = 4;
+		this.zoomLevel = -2;
+
+		this.setState(STATE_NO_SYSTEM);
+
+		this.simulation_mode = 'aTAM';
+		this.temperature = 2;
+		this.temperature_sequence = undefined;
+		this.tileset = undefined;
+		this.seedTiles = undefined;
+
+		this.tileWorker = new Worker('src/tileworker.js');
+		this.tileWorker.onmessage = (e) => { this.handleWorkerMessage(e); };
+
+		this.editor = new Editor(this);
+		this.selectedTile = new SelectedTile(this.scene);
+
+		this.mouseVec = undefined;
+
+		this.mouseoverQuad = new THREE.Mesh(new THREE.PlaneGeometry(1, 1), new THREE.MeshBasicMaterial({ color: '#0055ff', opacity: 0.2, transparent: true}));
+		this.mouseoverQuad.visible = false;
+		this.scene.add(this.mouseoverQuad);
+
+		this.renderUpdate = true;
+	}
+
+	clear() {
+		// this.temperatue = 2;
+		this.tileBlockAtlas.clear();
+	}
+
+	reset(keepSeed=false) {
+		if (this.tileset === undefined) return false;
+
+		this.tileWorker.postMessage({msg: 'clear', temperature: this.temperature});
+		this.refreshTiles();
+		// this.tileWorker.postMessage({ msg: 'tileset', types: this.tileset.getTileTypes(), glues: this.tileset.getGlues(), blockers_v2: this.tileset.tileGlueBlockers});
+
+		this.tileBlockAtlas.clear();
+
+		if (keepSeed) {
+
+			this.tileWorker.postMessage({ msg: 'set-seed', seed: this.seedTiles});
+
+			for (const tile of this.seedTiles) {
+				// this.addTile(tile.type, tile.coords);
+				// this.tileWorker.postMessage({ msg: 'add-tile', tid: tile.type.id, x: tile.coords.x, y: tile.coords.y});
+				this.tileBlockAtlas.add(tile.type, tile.coords);
+			}
+
+
+			Logger.log(Logger.INFO, "reset system to seed");
+		} else {
+			this.seedTiles = [];
+			Logger.log(Logger.INFO, "reset system to empty assembly");
+		}
+
+		this.blockerDict = undefined;
+
+		this.renderUpdate = true;
+	}
+
+	refreshTiles() {
+		this.tileWorker.postMessage({ msg: 'tileset', types: this.tileset.getTileTypes(), glues: this.tileset.getGlues(), blockers_v2: this.tileset.tileGlueBlockers});
+		for (const type of this.tileset.getTileTypes())
+			TextManager.genTileTypeGlyphs(type);
+	}
+
+	setState(new_state) {
+		switch (new_state) {
+			case STATE_NO_SYSTEM:
+			this.fastBackButton.disabled = true;
+			this.stepBackButton.disabled = true;
+			this.stopButton.disabled = true;
+			this.stepForwardButton.disabled = true;
+			this.fastForwardButton.disabled = true;
+			this.selectModeButton.disabled = true;
+			this.placeModeButton.disabled = true;
+			this.zoomInButton.disabled = true;
+			this.zoomOutButton.disabled = true;
+			break;
+
+			case STATE_DEFAULT:
+			this.fastBackButton.disabled = false;
+			this.stepBackButton.disabled = false;
+			this.stopButton.disabled = true;
+			this.stepForwardButton.disabled = false;
+			this.fastForwardButton.disabled = false;
+			this.selectModeButton.disabled = true;
+			this.placeModeButton.disabled = false;
+			this.zoomInButton.disabled = false;
+			this.zoomOutButton.disabled = false;
+			break;
+
+			case STATE_PLACE:
+			this.fastBackButton.disabled = false;
+			this.stepBackButton.disabled = false;
+			this.stopButton.disabled = true;
+			this.stepForwardButton.disabled = false;
+			this.fastForwardButton.disabled = false;
+			this.selectModeButton.disabled = false;
+			this.placeModeButton.disabled = true;
+			this.zoomInButton.disabled = false;
+			this.zoomOutButton.disabled = false;
+			break;
+
+			case STATE_FAST_FORWARD:
+			// if (this.state !== STATE_DEFAULT && this.state !== STATE_PLACE) return false;
+			this.fastBackButton.disabled = true;
+			this.stepBackButton.disabled = true;
+			this.stopButton.disabled = false;
+			this.stepForwardButton.disabled = true;
+			this.fastForwardButton.disabled = true;
+			this.selectModeButton.disabled = true;
+			this.placeModeButton.disabled = true;
+			this.zoomInButton.disabled = false;
+			this.zoomOutButton.disabled = false;
+			break;
+
+			case STATE_FAST_BACK:
+			// if (this.state !== STATE_DEFAULT && this.state !== STATE_PLACE) return false;
+			this.fastBackButton.disabled = true;
+			this.stepBackButton.disabled = true;
+			this.stopButton.disabled = false;
+			this.stepForwardButton.disabled = true;
+			this.fastForwardButton.disabled = true;
+			this.selectModeButton.disabled = true;
+			this.placeModeButton.disabled = true;
+			this.zoomInButton.disabled = false;
+			this.zoomOutButton.disabled = false;
+			break;
+		}
+		this.state = new_state;
+		return true;
+	}
+
+	handleWorkerMessage(e) {
+		if (e.data.msg === "tile-added") {
+			const type = this.tileset.getTileTypeById(e.data.tid);
+			const coords = new Vector2D(e.data.x, e.data.y);
+			this.tileBlockAtlas.add(type, coords);
+			this.renderUpdate = true;
+		} else if (e.data.msg === "tiles-added") {
+			const fastForwardBuffer = e.data.buffer;
+			const added = e.data.added * 3;
+			for (let i = 0; i < added; i += 3) {
+				const type = this.tileset.getTileTypeById(fastForwardBuffer[i]);
+				const coords = new Vector2D(fastForwardBuffer[i + 1], fastForwardBuffer[i + 2]);
+				this.tileBlockAtlas.add(type, coords);
+			}
+			this.renderUpdate = true;
+		} else if (e.data.msg === "frontier-empty") {
+			if (this.state === STATE_FAST_FORWARD) {
+				this.onStopButton();
+			}
+			Logger.log(Logger.INFO, "frontier is empty, no more tiles to add");
+		} else if (e.data.msg === "tile-removed") {
+			// remove tile from tile block
+			this.tileBlockAtlas.stepBackward();
+			this.renderUpdate = true;
+		} else if (e.data.msg === "tiles-removed") {
+			const backBuffer = e.data.buffer;
+			const removed = e.data.removed * 2;
+			for (let i = 0; i < removed; i += 2) {
+				this.tileBlockAtlas.stepBackward();
+			}
+			this.renderUpdate = true;
+		} else if (e.data.msg === 'tile-melted') {
+			const coords = new Vector2D(e.data.x, e.data.y);
+			this.tileBlockAtlas.remove(coords);
+			this.renderUpdate = true;
+			Logger.log(Logger.INFO, "tile at location (" + e.data.x + "," + e.data.y + ") melted off");
+		} else if (e.data.msg === 'seed-melt') {
+			Logger.log(Logger.INFO, "[WARNING] seed tile at location (" + e.data.x + "," + e.data.y + ") could melt off but being left in place");
+		} else if (e.data.msg === "back-to-seed") {
+			if (this.state === STATE_FAST_BACK) {
+				this.onStopButton();
+			}
+			Logger.log(Logger.INFO, "stepped back to seed, can't step backward anymore");
+		} else if (e.data.msg === 'tid-undefined') {
+			Logger.log(Logger.WARNING, "found an undefined tile signature during simulation. simulation will continue, but there is likely a problem with the tileset");
+		} else if (e.data.msg === 'sent-history') {
+			this.createSvgSnapshot(e.data.history, e.data.b_show_names, e.data.b_show_labels);
+		} else if (e.data.msg === 'nondeterminism') {
+			Logger.log(Logger.WARNING, `nondeterminism detected at location (${e.data.loc}) where the following tile types can attach: ${e.data.types}`);
+		} else if (e.data.msg === 'changed-temperature') {
+			if (e.data.temperature === 'done') {
+				Logger.log(Logger.INFO, `temperature sequence complete`);
+			} else {
+				this.temperature = e.data.temperature;
+				Logger.log(Logger.INFO, `set simulation temperature to ${this.temperature}`);
+			}
+		} else if (e.data.msg === 'blocked-glues') {
+			const blocked_glue_labels = e.data.blocked_glue_labels;
+			if (blocked_glue_labels.length > 0) {
+				if (typeof blocked_glue_labels[0] === 'object') {
+					let blocked_glue_str = '';
+					blocked_glue_labels.forEach((blocked_glue) => {
+						if (blocked_glue_str.length > 0) {
+							blocked_glue_str += ', ';
+						}
+						blocked_glue_str += blocked_glue['tileTypeName'] + ' ' + blocked_glue['blockedSide'];
+					})
+					Logger.log(Logger.INFO, `currently blocked set of tile sides: ${blocked_glue_str}`);
+				} else {
+					Logger.log(Logger.INFO, `currently blocked set of glue labels: ${blocked_glue_labels}`);
+				}
+			} else {
+				Logger.log(Logger.INFO, `no glues currently have blockers`);
+			}
+		}
+	}
+
+	stepForward() {
+		this.tileWorker.postMessage({ msg: "step-forward" });
+	}
+
+	stepBackward() {
+		this.tileWorker.postMessage({ msg: "step-backward" });
+	}
+
+	startFastForward() {
+		if (this.setState(STATE_FAST_FORWARD)) {
+			this.tileWorker.postMessage({msg: "fast-forward-start"});
+		}
+	}
+
+	startFastBackward() {
+		if (this.setState(STATE_FAST_BACK)) {
+			this.tileWorker.postMessage({msg: "fast-backward-start"});
+		}
+	}
+
+	onStopButton() {
+		if (this.state === STATE_FAST_FORWARD) {
+			this.tileWorker.postMessage({msg: "fast-forward-stop"});
+		} else if (this.state === STATE_FAST_BACK) {
+			this.tileWorker.postMessage({msg: "fast-backward-stop"});
+		}
+		this.setState(STATE_DEFAULT);
+	}
+
+	init() {
+		this.editor.init();
+		this.selectedTile.init();
+
+		TextManager.init(this.scene, this.canvas);
+		this.tileBlockAtlas = new TileBlockAtlas(this.scene);
+	}
+
+	resize() {
+		const rect = this.canvas.getBoundingClientRect();
+		const width = rect.width;
+		const height = rect.height;
+
+		this.renderer.setSize(width, height, false);
+
+		const aspect = width / height;
+
+		this.camera.left = -aspect;
+		this.camera.right = aspect;
+		this.camera.top = 1;
+		this.camera.bottom = -1;
+		this.camera.zoom = Math.pow(2, this.zoomLevel);
+		this.camera.updateProjectionMatrix();
+
+		this.renderUpdate = true;
+
+		this.selectedTile.resize();
+	}
+
+	render() {
+		if (this.renderUpdate) {
+			this.renderUpdate = false;
+
+			TextManager.clearText();
+
+		    // size in pixels of a tile
+		    const pxTileSize = this.canvas.clientHeight * Math.pow(2, this.zoomLevel - 1);
+		    if (pxTileSize >= ALL_TEXT_CUTOFF) {
+		    	const screenMin = new Vector2D( this.camera.position.x + this.camera.left / this.camera.zoom,
+		    		this.camera.position.y + this.camera.bottom / this.camera.zoom ).round();
+		    	const screenMax = new Vector2D( this.camera.position.x + this.camera.right / this.camera.zoom,
+		    		this.camera.position.y + this.camera.top / this.camera.zoom ).round();
+		    	this.tileBlockAtlas.forTilesInRegion(screenMin, screenMax, TextManager.addTileGlyphs);
+		    	TextManager.update(this.scene, this.canvas);
+		    }
+
+		    // render tiles, but hide outlines if tiles are too small
+		    this.tileBlockAtlas.setVisible(true, pxTileSize >= OUTLINE_CUTOFF)
+
+		    // render main simulation scene
+		    this.renderer.setClearColor(this.backgroundColor);
+		    this.renderer.render(this.scene, this.camera);
+	  	}
+
+		this.selectedTile.render();
+		let infoStr = `Simulator: ${this.tileBlockAtlas.numTiles} tiles`;
+		if (this.mouseoverQuad.visible) {
+			infoStr += ` --- Mouse Coordinates: (${this.mouseoverQuad.position.x}, ${this.mouseoverQuad.position.y})`
+		}
+		this.infoBar.innerHTML = infoStr;
+	}
+
+	setTemperature(temp) {
+		this.temperature = temp;
+		// this.tileWorker.postMessage({ msg: 'set-temperature', temperature: temp});
+		Logger.log(Logger.INFO, `set simulation temperature to ${temp}`);
+		this.reset(true);
+	}
+
+	setTemperatureSequence(tempSeqStr) {
+		this.temperature_sequence = tempSeqStr;
+		Logger.log(Logger.INFO, `set simulation temperature sequence to ${tempSeqStr}`);
+		this.tileWorker.postMessage({ msg: 'set-temperature-sequence', temperature: tempSeqStr });
+	}
+
+	setBackgroundColor(colStr, log=true) {
+		const color = parseColor(colStr);
+		this.backgroundColor = color.getRGBInt();
+		this.renderUpdate = true;
+
+		if (log) {
+			const r = Math.round(color.r * 255);
+			const g = Math.round(color.g * 255);
+			const b = Math.round(color.b * 255);
+
+			Logger.log(Logger.INFO, `set background color to "${colStr}" (red: ${r}, green: ${g}, blue: ${b})`);
+		}
+	}
+
+	selectTile(tileType) {
+		this.selectedTile.selectTile(tileType);
+		this.editor.onSelectTile(tileType);
+	}
+
+	addTile(type, coords) {
+		this.tileWorker.postMessage({ msg: 'add-tile', tid: type.id, x: coords.x, y: coords.y});
+		this.tileBlockAtlas.add(type, coords);
+
+		this.renderUpdate = true;
+	}
+
+	removeTile(coords) {
+		this.tileWorker.postMessage({ msg: 'remove-tile', x: coords.x, y: coords.y});
+		this.tileBlockAtlas.remove(coords);
+
+		this.renderUpdate = true;
+	}
+
+	simulationModeOption(){
+		const choice = document.getElementById('simulation-mode-select').value;
+		this.simulation_mode = choice;
+		if (choice === 'aTAM') {
+			Logger.log(Logger.INFO, "Setting simulation mode to aTAM");
+			this.tileWorker.postMessage({msg: "mode-aTAM"});
+		}
+		else if (choice === 'SyncTAM') {
+			Logger.log(Logger.INFO, "Setting simulation mode to SyncTAM");
+			this.tileWorker.postMessage({msg: "mode-SyncTAM"});
+		}
+		else if (choice === 'BlockTAM') {
+			document.getElementById('set-temperature-sequence-modal').style.display='block';
+			document.getElementById('temperature-sequence-input').value = this.temperature_sequence;
+			Logger.log(Logger.INFO, "Setting simulation mode to BlockTAM");
+			this.tileWorker.postMessage({msg: "mode-BlockTAM"});
+		}
+	}
+
+	loadSystem(data) {
+		if (data['tdp'] !== undefined && data['tds'] !== undefined) {
+			this.clear();
+			this.tileset = new TileSet();
+			this.tileset.fromTDS(data.tds.src);
+			this.editor.setTiles(this.tileset);
+			this.tdp_name = data.tdp.name;
+			this.tds_name = data.tds_name;
+
+			this.tileWorker.postMessage({ msg: 'tileset', types: this.tileset.getTileTypes(), glues: this.tileset.getGlues(), blockers_v2: this.tileset.tileGlueBlockers})
+			Logger.log(Logger.INFO, `loaded tileset file "${data.tds.name}" with ${this.tileset.getTileTypes().length} tile types`);
+
+			for (const type of this.tileset.getTileTypes())
+				TextManager.genTileTypeGlyphs(type);
+
+			this.seedTiles = [];
+			let temp = 2;
+
+			const lines = data.tdp.src.split("\n");
+			for (let line of lines.slice(1)) {
+				line = line.trim();
+				if (line.toLowerCase().startsWith("model")) {
+					const model_temp = line.split("=")[1].trim();
+					if (model_temp.toLowerCase() === 'BlockTAM'.toLowerCase()) {
+						this.simulation_mode = 'BlockTAM';
+					} else if (model_temp.toLowerCase() === 'SyncTAM'.toLowerCase()) {
+						this.simulation_mode = 'SyncTAM';
+					}
+				} else if (line.toLowerCase().startsWith("temperaturelist")) {
+					let temp_list = line.split("=")[1].trim();
+					temp_list = temp_list.slice(1,-1).split(',');
+					this.temperatureList = [];
+					for (let t of temp_list) {
+						if ((t === '*') || (t === "'*'") || (t === '"*"')) {
+							this.temperatureList.push('*');
+						} else {
+							this.temperatureList.push(parseInt(t));
+						}
+					}
+					temp = this.temperatureList[0];
+				} else if (line.toLowerCase().startsWith("blockerset")) {
+					let temp_blockers = line.split("=")[1].trim().replaceAll("'", '"');
+					temp_blockers = JSON.parse(temp_blockers);
+					this.blockerDict = {};
+					for (let t in temp_blockers) {
+						this.blockerDict[parseInt(t)] = temp_blockers[t];
+					}
+				} else if (line.toLowerCase().startsWith("temperature")) {
+					temp = parseInt(line.split("=")[1].trim());
+				} else if (line.length > 0) {
+					const data = line.split(" ");
+					if (data.length >= 3) {
+						const name = data[0].trim();
+						const x = parseInt(data[1].trim());
+						const y = parseInt(data[2].trim());
+
+						const type = this.tileset.getTileTypeByName(name);
+						const coords = new Vector2D(x, y);
+
+						// this.addTile(type, coords);
+						// this.tileWorker.postMessage({ msg: 'add-tile', tid: type.id, x: coords.x, y: coords.y});
+						this.tileBlockAtlas.add(type, coords);
+						this.seedTiles.push({type: type, coords: coords});
+					}
+				}
+			}
+
+			if (this.simulation_mode === 'BlockTAM') {
+				this.tileWorker.postMessage({ msg: 'mode-BlockTAM', temperatureList: this.temperatureList, blockerDict: this.blockerDict });
+			} else if (this.simulation_mode === 'SyncTAM') {
+				this.tileWorker.postMessage({ msg: 'mode-SyncTAM' });
+			}
+			this.tileWorker.postMessage({ msg: 'set-seed', seed: this.seedTiles});
+
+			Logger.log(Logger.INFO, `loaded ${this.simulation_mode} system file "${data.tdp.name}" with a seed of size ${this.seedTiles.length}`);
+
+			// Determine if we're in v1 or v2. V1 should use this.blockerDict and v2 should use this.tileset.tileGlueBlockers
+			let version_str = '';
+			if ((this.blockerDict !== undefined) && (Object.keys(this.blockerDict).length > 0)) {
+				version_str = ' (version 1: blockers specific to glue labels)';
+			} else if ((this.tileset.tileGlueBlockers !== undefined) && (Object.keys(this.tileset.tileGlueBlockers).length > 0)) {
+				version_str = ' (version 2: blockers specific to tile type sides)'
+			}
+			Logger.log(Logger.INFO, `simulation mode set to ${this.simulation_mode}${version_str}`);
+			this.setTemperature(temp);
+			this.setState(STATE_DEFAULT);
+			this.renderUpdate = true;
+		}
+	}
+
+	saveSystem(filename) {
+		// return [new Blob(['tdp']), new Blob(['tds'])]
+
+		if (this.tileset === undefined) {
+			return null;
+		}
+
+		let tdpData = `${filename}.tds\n`;
+		tdpData += `temperature=${this.temperature}\n`;
+
+		for (const tile of this.tileBlockAtlas.getAllTiles()) {
+			tdpData += `${tile.type.name} ${tile.coords.x} ${tile.coords.y}\n`;
+		}
+
+		let tdsData = '';
+		for (const type of this.tileset.getTileTypes()) {
+			tdsData += `TILENAME ${type.name}\n`;
+			tdsData += `LABEL ${type.label}\n`;
+
+			for (const dir of ['north', 'east', 'south', 'west']) {
+
+				const dirCap = dir.toUpperCase();
+
+				if (type.glues[dir] !== null) {
+					tdsData += `${dirCap}BIND ${type.glues[dir].strength}\n`;
+					tdsData += `${dirCap}LABEL ${type.glues[dir].label}\n`;
+				}
+			}
+
+			tdsData += `TILECOLOR ${type.color.getHexString()}\n`;
+			tdsData += `CREATE\n\n`;
+		}
+
+		return [new Blob([tdpData]), new Blob([tdsData])];
+	}
+
+	initCanvasEvents() {
+		const _this = this;
+
+	  	// camera dragging events
+	  	let prevMousePos;
+	  	let currMousePos;
+	  	const onDragCamera = function (e) {
+	  		const rect = e.target.getBoundingClientRect();
+	  		currMousePos = new Vector2D(e.clientX - rect.left, e.clientY - rect.top);
+
+	  		_this.dragCamera(currMousePos, prevMousePos);
+
+	  		prevMousePos = currMousePos;
+
+	  	};
+
+	  	this.canvas.addEventListener('pointermove', (e) => {
+	  		const rect = _this.canvas.getBoundingClientRect();
+
+			const mousePos = new Vector2D(e.clientX - rect.left, rect.bottom - e.clientY);
+			const canvasDims = new Vector2D(rect.right - rect.left, (rect.bottom - rect.top));
+			const mouseProj = mousePos.div(canvasDims).scale(2).sub(new Vector2D(1, 1));
+			this.mouseVec = new THREE.Vector4(mouseProj.x, mouseProj.y, 0, 1);
+
+	  		// console.log(this.mousePos);
+	  	}, false);
+
+	  	this.canvas.addEventListener('pointerdown', (e) => {
+	  		const rect = _this.canvas.getBoundingClientRect();
+	  		prevMousePos = new Vector2D(e.clientX - rect.left, e.clientY - rect.top);
+
+	  		_this.canvas.addEventListener('pointermove', onDragCamera, false);
+	  		_this.canvas.addEventListener('pointerup', function handler(e) {
+	  			_this.canvas.removeEventListener('pointermove', onDragCamera);
+	  			_this.canvas.removeEventListener('pointerup', handler);
+	  		}, false);
+	  	}, false);
+
+	  	// camera scrolling events
+	  	this.canvas.addEventListener('wheel', (e) => { _this.scrollCamera(Math.sign(e.deltaY)); }, false);
+
+	  	// this.touchListener = new TransformRecognizer(this.canvas);
+
+	  	this.initSelectTileEvents();
+	}
+
+	initSelectTileEvents() {
+
+		let mouseLoc = undefined;
+
+		this.canvas.addEventListener('mousemove', (e) => {
+			const rect = this.canvas.getBoundingClientRect();
+			const mousePos = new Vector2D(e.clientX - rect.left, rect.bottom - e.clientY);
+			const canvasDims = new Vector2D(rect.right - rect.left, (rect.bottom - rect.top));
+
+			// mouse location in projected screen space
+			const mouseProj = mousePos.div(canvasDims).scale(2).sub(new Vector2D(1, 1));
+			const mouseVec = new THREE.Vector4(mouseProj.x, mouseProj.y, 0, 1);
+			mouseVec.applyMatrix4(this.camera.projectionMatrixInverse);
+
+			mouseLoc = new Vector2D(mouseVec.x + this.camera.position.x, mouseVec.y + this.camera.position.y).round();
+
+			this.mouseoverQuad.position.x = mouseLoc.x;
+			this.mouseoverQuad.position.y = mouseLoc.y;
+			this.mouseoverQuad.position.z = 1;
+			this.mouseoverQuad.visible = true;
+			this.renderUpdate = true;
+		}, false);
+
+		this.canvas.addEventListener('mouseenter', (e) => {
+			this.mouseoverQuad.visible = true;
+			this.renderUpdate = true;
+		}, false);
+		this.canvas.addEventListener('mouseleave', (e) => {
+			this.mouseoverQuad.visible = false;
+			this.renderUpdate = true;
+			//this.mouseLoc = undefined;
+		}, false);
+
+		this.canvas.addEventListener('click', (e) => {
+			if (this.state === STATE_DEFAULT) {
+				if (mouseLoc !== undefined) {
+		  			const selectedTile = this.tileBlockAtlas.getTileAtLocation(mouseLoc);
+		  			if (selectedTile !== null) {
+		  				this.selectTile(selectedTile.type);
+		  			}
+		  		}
+			} else if (this.state === STATE_PLACE) {
+				if (mouseLoc !== undefined) {
+					const selectedTile = this.tileBlockAtlas.getTileAtLocation(mouseLoc);
+					if (selectedTile === null) {
+						const editorTile = this.editor.selectedType;
+						if (editorTile) {
+							this.addTile(editorTile, mouseLoc);
+						}
+					} else {
+						this.removeTile(mouseLoc);
+					}
+				}
+			}
+		}, false);
+	}
+
+	zoomIn() {
+		this.zoomLevel += ZOOM_SPEED;
+		this.zoom();
+	}
+
+	zoomOut() {
+		this.zoomLevel -= ZOOM_SPEED;
+		this.zoom();
+	}
+
+	zoom(preserveMouse=false) {
+
+		if (preserveMouse) {
+
+			let mouseVecBefore = this.mouseVec.clone();
+			let mouseVecAfter = this.mouseVec.clone();
+
+			mouseVecBefore.applyMatrix4(this.camera.projectionMatrixInverse);
+
+			// mouseLoc = new Vector2D(mouseVecBefore.x + this.camera.position.x, mouseVecInvProj.y + this.camera.position.y).round();
+
+			this.camera.zoom = Math.pow(2, this.zoomLevel);
+			this.camera.updateProjectionMatrix();
+
+			mouseVecAfter.applyMatrix4(this.camera.projectionMatrixInverse);
+
+			const offset = mouseVecBefore.sub(mouseVecAfter);
+			this.camera.position.add(new THREE.Vector3(offset.x, offset.y, offset.z));
+		} else {
+			this.camera.zoom = Math.pow(2, this.zoomLevel);
+			this.camera.updateProjectionMatrix();
+		}
+		this.renderUpdate = true;
+		// console.log(this.camera);
+	}
+
+	zoomToScale(scale, x, y) {
+		let new_zoom = this.camera.zoom * scale;
+		this.zoomLevel = Math.log(new_zoom) / Math.log(2);
+		this.zoom();
+	}
+
+	dragCamera(currMousePos, prevMousePos) {
+		const currMouse = currMousePos.scale(2 / this.canvas.clientHeight).sub(new Vector2D(1, 1));
+		const prevMouse = prevMousePos.scale(2 / this.canvas.clientHeight).sub(new Vector2D(1, 1));
+
+		const mouseDiff = currMouse.sub(prevMouse).scale(DRAG_SPEED / Math.pow(2, this.zoomLevel));
+
+		this.camera.translateX(-mouseDiff.x);
+		this.camera.translateY(mouseDiff.y);
+
+		this.renderUpdate = true;
+	}
+
+	scrollCamera(amt) {
+		this.zoomLevel -= amt * SCROLL_SPEED;
+		this.zoom(true);
+	}
+
+		//png function
+	async renderCanvasAndSave() {
+		//const filename = 'test_png.png';//document.getElementById('save-png-image-name').value;
+
+		const pickerOptions = {
+			suggestedName: `${this.tdp_name.substring(0, this.tdp_name.length - 4)}.png`,
+			types: [
+					{
+					  description: 'PNG Image File',
+					  accept: {
+						  'img/png': ['.png'],
+					  },
+					},
+			],
+		};
+		let filename = undefined;
+		const fileHandle = await window.showSaveFilePicker(pickerOptions);
+		filename = fileHandle.name;
+
+		if (filename === undefined) {
+			return;
+		}
+
+		const canvas = document.getElementById('sim-canvas');
+		if (!canvas) {
+			console.log('Unable to find the canvas element!');
+			return;
+		}
+		// Simulate opening the page and waiting for it to render
+		window.setTimeout(function () {
+			try {
+				// Capture the canvas content
+				html2canvas(canvas).then(async function(canvas) {
+					// const writable = await fileHandle.createWritable();
+					// const base64_data = canvas.toDataURL('image/png');
+					// const foo = base64_data.substring('data:image/png;base64,'.length);
+					// await writable.write(window.atob(foo));
+					// await writable.close();
+
+					const link = document.createElement('a');
+					link.download = filename;
+					link.href = canvas.toDataURL();
+					link.click();
+				}).catch((error) => {
+					console.error('Error capturing screen:', error);
+				});
+			} catch (error) {
+				console.error('Error during canvas rendering:', error);
+			}
+		}, 200); // Adjust the timeout as needed
+		Logger.log(Logger.INFO, `saved current image as ${filename}`);
+	}
+
+	add_glue_lines(svgNS, tile_group, x, y, orientation, glue, direction) {
+		const line_props = `M${x} ${y} ${orientation}1`;
+		const line = document.createElementNS(svgNS, "path");
+		const second_line_offsets = {'north': {x:0, y:0.05}, 'south': {x:0, y:-0.05}, 'east': {x:-0.05, y:0}, 'west': {x:0.05, y:0}};
+		line.setAttribute("d", line_props);
+		line.setAttribute("stroke", "black");
+		line.setAttribute("stroke-width", 0.025);
+		if (glue === undefined || glue === null || glue.strength === 0) {
+			line.setAttribute("stroke-dasharray", "0.05,0.05");
+		} else if (glue.strength === 2) {
+			const line2_props = `M${x + second_line_offsets[direction].x} ${y + second_line_offsets[direction].y} ${orientation}1`;
+			const line2 = document.createElementNS(svgNS, "path");
+			line2.setAttribute("d", line2_props);
+			line2.setAttribute("stroke", "black");
+			line2.setAttribute("stroke-width", 0.025);
+			tile_group.appendChild(line2);
+		}
+		tile_group.appendChild(line);
+	}
+
+	getTileSVGGroup(svgNS, svgHeight, tile, x, y, b_show_names, b_show_labels) {
+		const tile_group = document.createElementNS(svgNS, "g");
+
+		const rect = document.createElementNS(svgNS, "rect");
+		rect.setAttribute("x", x);
+		rect.setAttribute("y", svgHeight - y - 1);
+		rect.setAttribute("width", 1);
+		rect.setAttribute("height", 1);
+		let fillColor = `rgb(${tile.color.r * 256}, ${tile.color.g * 256}, ${tile.color.b * 256})`;
+		rect.setAttribute("fill", fillColor);
+		//rect.setAttribute("stroke", "black");
+		//rect.setAttribute("stroke-width", 0.025);
+		rect.setAttribute("stroke-width", 0);
+		//add the rect to the svg
+		tile_group.appendChild(rect);
+
+		this.add_glue_lines(svgNS, tile_group, x, svgHeight - y - 1, "h", tile.glues['north'], 'north')
+		this.add_glue_lines(svgNS, tile_group, x, svgHeight - y, "h", tile.glues['south'], 'south')
+		this.add_glue_lines(svgNS, tile_group, x, svgHeight - y - 1, "v", tile.glues['west'], 'west')
+		this.add_glue_lines(svgNS, tile_group, x + 1, svgHeight - y - 1, "v", tile.glues['east'], 'east')
+
+		if (b_show_names === true) {
+			//add tile name and label to the svg
+			const name = document.createElementNS(svgNS, "text");
+			name.setAttribute("x", x + 0.5);
+			name.setAttribute("y", svgHeight - y - 0.38);
+			name.setAttribute("fill", "black");
+			name.setAttribute("font-size", 0.1);
+			name.setAttribute("stroke-width", 0.025);
+			name.setAttribute("text-anchor", "middle"); // Center text horizontally
+			name.setAttribute("dominant-baseline", "middle");
+			name.textContent = tile.name;
+			tile_group.appendChild(name);
+		}
+
+		if (b_show_labels === true) {
+			const label = document.createElementNS(svgNS, "text");
+			label.setAttribute("x", x + 0.5);
+			label.setAttribute("y", svgHeight - y - 0.52);
+			label.setAttribute("fill", "black");
+			label.setAttribute("font-size", 0.1);
+			label.setAttribute("stroke-width", 0.025);
+			label.setAttribute("text-anchor", "middle"); // Center text horizontally
+			label.setAttribute("dominant-baseline", "middle");
+			label.textContent = tile.label;
+			tile_group.appendChild(label);
+		}
+		return tile_group;
+	}
+
+	// Initiate drawing of SVG by requesting the worker thread to send the assembly's history
+	initiateSvgSnapshot() {
+		document.getElementById('save-svg-modal').style.display='none';
+		const b_show_names = document.getElementById("save-svg-tile-type-name").checked;
+		const b_show_labels = document.getElementById("save-svg-tile-type-label").checked;
+
+		this.tileWorker.postMessage({ msg: 'send-history', b_show_names: b_show_names, b_show_labels: b_show_labels});
+	}
+
+	// Use the assembly's history to draw it to an SVG file
+	async createSvgSnapshot(assembly_history, b_show_names, b_show_labels) {
+
+		const pickerOptions = {
+			suggestedName: `${this.tdp_name.substring(0, this.tdp_name.length - 4)}.svg`,
+			types: [
+					{
+					  description: 'SVG File',
+					  accept: {
+						  'svg/svg': ['.svg'],
+					  },
+					},
+			],
+		};
+		let fileName = undefined;
+		const fileHandle = await window.showSaveFilePicker(pickerOptions);
+		fileName = fileHandle.name;
+
+		if (fileName === undefined) {
+			return;
+		}
+
+		const assembly_array = []
+		this.seedTiles.forEach((seedTile) => {
+			assembly_array.push({tid: seedTile.type.id, x: seedTile.coords.x, y: seedTile.coords.y});
+		})
+		assembly_history.forEach((tile) => {
+			assembly_array.push(tile);
+		})
+
+		//const canvas = document.getElementById('sim-canvas');
+		const svgNS = "http://www.w3.org/2000/svg";
+		const svg = document.createElementNS(svgNS, "svg");
+
+		// Calculate the bounding box of the simulation
+		let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+		assembly_array.forEach((tile) => {
+			if (tile.x < minX) minX = tile.x;
+			if (tile.y < minY) minY = tile.y;
+			if (tile.x > maxX) maxX = tile.x;
+			if (tile.y > maxY) maxY = tile.y;
+		});
+
+		const svgWidth = maxX - minX + 1;
+		const svgHeight = maxY - minY + 1;
+
+		svg.setAttribute("width", svgWidth);
+		svg.setAttribute("height", svgHeight);
+		svg.setAttribute("viewBox", `0 0 ${svgWidth} ${svgHeight}`);
+
+		const tileset = this.tileset.getTileTypes();
+		const defs = document.createElementNS(svgNS, "defs");
+		const tiles_group = document.createElementNS(svgNS, "g");
+		const tileset_groups = {};
+
+		assembly_array.forEach((tile_info) => {
+			const tile_id = `tile${tile_info.tid}`;
+			if (!(tile_info.tid in tileset_groups)) {	// If a def hasn't been made yet for this tile type, make it now
+				const tile = tileset[tile_info.tid];
+				const tile_group = this.getTileSVGGroup(svgNS, 0, tile, 0, 0, b_show_names, b_show_labels)
+				tile_group.setAttribute("id", tile_id);
+				defs.append(tile_group);
+				tileset_groups[tile_info.tid] = tile_id;
+			}
+
+			const x = tile_info.x - minX;
+			const y = svgHeight - (tile_info.y - minY);
+
+			// Create a link to the group def for this tile type at the necessary translation
+			//  Example: <use xlink:href="#tile2" x="3" y="3"/>
+			const use_element = document.createElementNS(svgNS, "use");
+			use_element.setAttribute("xlink:href", `#${tile_id}`);
+			use_element.setAttribute("x", x);
+			use_element.setAttribute("y", y);
+			tiles_group.append(use_element);
+		});
+		svg.append(defs);
+
+		// Apply the background color to the SVG using a rect element
+		const b = this.backgroundColor % 256;
+		const g = (this.backgroundColor / 256) % 256;
+		const r = ((this.backgroundColor / 256) / 256) % 256;
+		const rect = document.createElementNS(svgNS, "rect");
+		rect.setAttribute("width", "100%");
+		rect.setAttribute("height", "100%");
+		rect.setAttribute("fill", `rgb(${r}, ${g}, ${b})`);
+		svg.appendChild(rect);
+
+		// Add the group with the assembly's tiles
+		svg.append(tiles_group);
+
+		// Serialize the SVG to a string
+		const serializer = new XMLSerializer();
+		const svgString = serializer.serializeToString(svg);
+
+		const writable = await fileHandle.createWritable();
+		await writable.write(svgString);
+		await writable.close();
+
+		// // Create a blob and a link to download the SVG
+		// const blob = new Blob([svgString], { type: "image/svg+xml;charset=utf-8" });
+		// const url = URL.createObjectURL(blob);
+		// const link = document.createElement("a");
+		// link.href = url;
+		// link.download = fileName;
+		// document.body.appendChild(link);
+		// link.click();
+		// document.body.removeChild(link);
+		// URL.revokeObjectURL(url);
+
+		Logger.log(Logger.INFO, `saved current assembly as SVG file ${fileName}`);
+	}
+}
+
+// TOUCH EVENTS
+
+function scaler(arg) {
+	this.zoomToScale(arg.scale, arg.x, arg.y);
+}
+
+function dragger(arg) {
+	this.dragCamera(arg.current_position, arg.previous_position);
+}
+
+function TransformRecognizer(element) {
+  // Reference positions for the start of the transformation.
+  this.referencePair = null;
+  this.referencePoint = null;
+
+  // Bind touch event handlers to this element.
+  element.addEventListener('touchstart', this.touchStartHandler.bind(this));
+  element.addEventListener('touchmove', this.touchMoveHandler.bind(this));
+  element.addEventListener('touchend', this.touchEndHandler.bind(this));
+  this.element = element;
+
+  // Object of callbacks this function provides.
+  this.callbacks = {
+  	rotate: null,
+  	scale: scaler,
+  	drag: dragger
+  };
+
+  // Define gesture states.
+  this.Gestures = {
+  	NONE: 0,
+  	ROTATE: 1,
+  	SCALE: 2,
+  	DRAG: 3
+  };
+  // Define thresholds for gestures.
+  this.Thresholds = {
+    SCALE: 0.1,   // percentage difference. [This is unused.]
+    ROTATION: 5,  // degrees.
+	DISTANCE: 2   // pixels
+};
+  // The current gesture of this transformation.
+  this.currentGesture = this.Gestures.NONE;
+}
+
+/**
+ * Touch event handlers.
+ */
+ TransformRecognizer.prototype.touchStartHandler = function(e) {
+ 	var touches = e.touches;
+  /*for (var i = 0; i < touches.length; i++) {
+    this.log('identifier: ' + touches[i].identifier);
+  }*/
+  // If there are now exactly 2 touches, this is the initial position.
+  if (touches.length == 2) {
+    // Save these two points as the reference.
+    this.referencePair = new TouchPair(touches);
+  } else if (touches.length == 1) {
+  	this.referencePoint = new Touch(touches[0].pageX, touches[0].pageY);
+  }
+};
+
+TransformRecognizer.prototype.touchMoveHandler = function(e) {
+  // Prevent default behavior of scrolling.
+  e.preventDefault();
+  var touches = e.touches;
+  // Check if there are exactly 2 fingers touching this element.
+  if (touches.length == 2) {
+    // Get the current touches as a TouchPair.
+    var currentPair = new TouchPair(touches);
+    // Compute angle and scale differences WRT reference position.
+    var angle = currentPair.angleSince(this.referencePair);
+    var scale = currentPair.scaleSince(this.referencePair);
+    this.referencePair = currentPair;
+
+    // Check if we're already in a gesture locked state.
+    if (this.currentGesture == this.Gestures.NONE) {
+    	if (angle > this.Thresholds.ROTATION ||
+    		-angle > this.Thresholds.ROTATION) {
+        // If rotated enough, start a rotation.
+      this.currentGesture = this.Gestures.ROTATE;
+      } else {//if (scale > 1 + this.Thresholds.SCALE ||   [Currently not using a threshold for scaling]
+              //   scale < 1 - this.Thresholds.SCALE) {
+        // Otherwise if scaled enough, start a scaling gesture.
+        this.currentGesture = this.Gestures.SCALE;
+      }
+    }
+    var center = currentPair.center()
+    // Handle known gestures.
+    if (this.currentGesture == this.Gestures.ROTATE) {
+      // If we're already rotating, callback with the rotation amount.
+      /*this.callbacks.rotate({
+        rotation: angle,
+        x: center.x,
+        y: center.y
+      });*/
+    }
+    if (this.currentGesture == this.Gestures.SCALE) {
+      // If already scaling, callback with scale amount.
+      this.callbacks.scale({
+      	scale: scale,
+      	x: center.x,
+      	y: center.y
+      });
+    }
+  } else if (touches.length == 1) {
+  	const rect = e.target.getBoundingClientRect();
+  	const mouseCoords = new Vector2D(e.touches[0].clientX - rect.left, e.touches[0].clientY - rect.top);
+
+  	if (layer === EDITOR_LAYER) {
+  		editor.moveMouse(mouseCoords);
+  	}
+
+  	if (mousePrevCoords !== undefined) {
+
+  		if (layer === SIMULATOR_LAYER) {
+  			Simulator.dragCamera(mouseCoords, mousePrevCoords);
+  		}
+  	}
+  	mousePrevCoords = mouseCoords;
+  }
+};
+
+TransformRecognizer.prototype.touchEndHandler = function(e) {
+	this.currentGesture = this.Gestures.NONE;
+	mousePrevCoords = undefined;
+};
+
+/**
+ * Registers a callback to fire when a pinch occurs.
+ */
+ TransformRecognizer.prototype.onScale = function(callback) {
+ 	this.callbacks.scale = callback;
+ };
+
+/**
+ * Registers a callback to fire when a rotate occurs.
+ */
+ TransformRecognizer.prototype.onRotate = function(callback) {
+ 	this.callbacks.rotate = callback;
+ };
+
+/**
+ * Registers a callback to fire when a drag occurs.
+ */
+ TransformRecognizer.prototype.onDrag = function(callback) {
+ 	this.callbacks.drag = callback;
+ };
+
+
+ TransformRecognizer.prototype.log = function(msg) {
+  //this.element.innerHTML += msg + '<br/>';
+  console.log('LOG: ' + msg);
+};
+
+/**
+ * Represents a pair of fingers touching the screen.
+ */
+ function TouchPair(touchList) {
+  // Grab the first two touches from the list.
+  this.t1 = new Touch(touchList[0].pageX, touchList[0].pageY);
+  this.t2 = new Touch(touchList[1].pageX, touchList[1].pageY);
+}
+
+/**
+ * Given a reference position, calculate how much rotation happened.
+ */
+ TouchPair.prototype.angleSince = function(referencePair) {
+  // TODO: handle the edge case of going between 0 and 360.
+  // eg. the difference between 355 and 0 is 5.
+  return this.angle() - referencePair.angle();
+};
+
+/**
+ * Given a reference position, calculate the scale multiplier.
+ */
+ TouchPair.prototype.scaleSince = function(referencePair) {
+ 	return this.span() / referencePair.span();
+ };
+
+/**
+ * Calculate the center of this transformation.
+ */
+ TouchPair.prototype.center = function() {
+ 	var x = (this.t1.x + this.t2.x) / 2
+ 	var y = (this.t1.y + this.t2.y) / 2
+ 	return new Touch(x, y);
+ };
+
+/**
+ * Calculate the distance between the two touch points.
+ */
+ TouchPair.prototype.span = function() {
+ 	var dx = this.t1.x - this.t2.x;
+ 	var dy = this.t1.y - this.t2.y;
+ 	return Math.sqrt(dx*dx + dy*dy);
+ };
+
+/**
+ * Calculate the angle (in degrees, 0 < a < 360) between the touch points.
+ */
+ TouchPair.prototype.angle = function() {
+ 	var dx = this.t1.x - this.t2.x;
+ 	var dy = this.t1.y - this.t2.y;
+ 	return Math.atan2(dy, dx) * 180 / Math.PI;
+ };
+
+ function Touch(x, y) {
+ 	this.x = x;
+ 	this.y = y;
+ }

src/simulator_3D.mjs

+import * as THREE from '../build/three.module.js';
+//import * as TextManager from './textmanager.mjs';
+import { Logger } from './logger.mjs';
+import { TileSet } from './tileset_3D.mjs';
+import { Vector3D, parseColor } from './utils.mjs';
+//import { TileBlockAtlas } from './tileblock.mjs';
+//import { Editor } from './editor.mjs';
+//import { SelectedTile } from './selectedtile.mjs';
+
+const STATE_NO_SYSTEM = -1;
+const STATE_DEFAULT = 0;
+const STATE_PLACE = 1
+const STATE_FAST_FORWARD = 2;
+const STATE_FAST_BACK = 3;
+
+const DRAG_SPEED = 1;
+const SCROLL_SPEED = 0.2;
+const ZOOM_SPEED = 1.2;
+
+const ALL_TEXT_CUTOFF = 25;
+const OUTLINE_CUTOFF = 5;
+
+export class TileTypeDrawer {
+	static create_tile_type_mesh_function = undefined;
+	static grow_tile_type_mesh_function = undefined;
+	static scene = undefined;
+
+	constructor(tile_type) {
+		this.tile_type = tile_type;
+		this.tile_count = 0;
+		this.instanceID_dict = {};
+		this.mesh_size = 20000;
+
+		const ret_dict = TileTypeDrawer.create_tile_type_mesh_function(tile_type, this.mesh_size);
+		this.mesh = ret_dict.mesh;
+		this.canvas_change_functions = ret_dict.canvas_change_functions;
+		this.textures = ret_dict.textures;
+
+		TileTypeDrawer.scene.add(this.mesh);
+
+		for (let i = 0; i < this.canvas_change_functions.length; i++) {
+			this.canvas_change_functions[i]();
+		}
+
+		for (let i = 0; i < this.textures.length; i++) {
+			this.textures[i].needsUpdate = true;
+		}
+	}
+
+	add_tile(tile_type, coords) {
+		//console.log('adding tile of type ' + type.name + ' at coords (' + coords.x + ',' + coords.y + ',' + coords.z + ')');
+
+		if (this.tile_count >= this.mesh_size) {
+			const mesh_ret = TileTypeDrawer.grow_tile_type_mesh_function(this.tile_type, this.mesh);
+			this.mesh = mesh_ret.mesh;
+			this.mesh_size = mesh_ret.mesh_size;
+		}
+
+		const matrix = new THREE.Matrix4();
+		matrix.setPosition(coords.x, coords.y, coords.z);
+
+		this.mesh.setMatrixAt(this.tile_count, matrix);
+		this.instanceID_dict[this.tile_count] = {coords: coords, type: tile_type};
+		this.mesh.instanceMatrix.needsUpdate = true;
+		this.tile_count = this.tile_count + 1;
+		this.mesh.count = this.tile_count;
+
+		// NOTE: The following has been moved into the animate function
+		// At least one of the following is needed for the raycaster to correctly detect intersections. Not sure if both would help.
+		//this.mesh.computeBoundingSphere();
+
+		//this.mesh.computeBoundingBox(); // This actually doesn't seem to help...
+	}
+}
+
+export class Simulator {
+	constructor(scene, create_tile_type_mesh_function, grow_tile_type_mesh_function) {
+
+		this.setState(STATE_NO_SYSTEM);
+
+		this.scene = scene;
+
+		this.simulation_mode = 'aTAM';
+		this.temperature = 2;
+		this.tileset = undefined;
+		this.seedTiles = undefined;
+
+		this.tile_list = [];
+
+		TileTypeDrawer.create_tile_type_mesh_function = create_tile_type_mesh_function;
+		TileTypeDrawer.grow_tile_type_mesh_function = grow_tile_type_mesh_function;
+		TileTypeDrawer.scene = scene;
+		this.tile_type_drawer_dict = {}
+
+		this.tileWorker = new Worker('src/tileworker_3D.js');
+		this.tileWorker.onmessage = (e) => { this.handleWorkerMessage(e); };
+
+		//this.editor = new Editor(this);
+		//this.selectedTile = new SelectedTile(this.scene);
+
+		//this.mouseVec = undefined;
+
+		// this.mouseoverQuad = new THREE.Mesh(new THREE.PlaneGeometry(1, 1), new THREE.MeshBasicMaterial({ color: '#0055ff', opacity: 0.2, transparent: true}));
+		// this.mouseoverQuad.visible = false;
+		// this.scene.add(this.mouseoverQuad);
+
+		//this.renderUpdate = true;
+	}
+
+	clear() {
+		// this.temperatue = 2;
+	}
+
+	reset(keepSeed=false) {
+		if (this.tileset === undefined) return false;
+
+		this.tileWorker.postMessage({msg: 'clear', temperature: this.temperature});
+		this.refreshTiles();
+		this.tile_list = [];
+		// this.tileWorker.postMessage({ msg: 'tileset', types: this.tileset.getTileTypes(), glues: this.tileset.getGlues()});
+
+		//this.tileBlockAtlas.clear();
+
+		if (keepSeed) {
+
+			this.tileWorker.postMessage({ msg: 'set-seed', seed: this.seedTiles});
+
+			 for (const tile of this.seedTiles) {
+				 this.addTile(tile.type, tile.coords, false);
+			 }
+			// 	// this.tileWorker.postMessage({ msg: 'add-tile', tid: tile.type.id, x: tile.coords.x, y: tile.coords.y});
+			// 	//this.tileBlockAtlas.add(tile.type, tile.coords);
+			// }
+
+			Logger.log(Logger.INFO, "reset system to seed");
+		} else {
+			this.seedTiles = [];
+			Logger.log(Logger.INFO, "reset system to empty assembly");
+		}
+
+		//this.renderUpdate = true;
+	}
+
+	refreshTiles() {
+		this.tileWorker.postMessage({ msg: 'tileset', types: this.tileset.getTileTypes(), glues: this.tileset.getGlues()});
+	}
+
+	setState(new_state) {
+		this.state = new_state;
+		return true;
+
+		switch (new_state) {
+			case STATE_NO_SYSTEM:
+			//this.fastBackButton.disabled = true;
+			//this.stepBackButton.disabled = true;
+			this.stopButton.disabled = true;
+			this.stepForwardButton.disabled = true;
+			this.fastForwardButton.disabled = true;
+			break;
+
+			case STATE_DEFAULT:
+			//this.fastBackButton.disabled = false;
+			//this.stepBackButton.disabled = false;
+			this.stopButton.disabled = true;
+			this.stepForwardButton.disabled = false;
+			this.fastForwardButton.disabled = false;
+			break;
+
+			case STATE_PLACE:
+			//this.fastBackButton.disabled = false;
+			//this.stepBackButton.disabled = false;
+			this.stopButton.disabled = true;
+			this.stepForwardButton.disabled = false;
+			this.fastForwardButton.disabled = false;
+			break;
+
+			case STATE_FAST_FORWARD:
+			// if (this.state !== STATE_DEFAULT && this.state !== STATE_PLACE) return false;
+			//this.fastBackButton.disabled = true;
+			//this.stepBackButton.disabled = true;
+			this.stopButton.disabled = false;
+			this.stepForwardButton.disabled = true;
+			this.fastForwardButton.disabled = true;
+			break;
+
+			case STATE_FAST_BACK:
+			// if (this.state !== STATE_DEFAULT && this.state !== STATE_PLACE) return false;
+			//this.fastBackButton.disabled = true;
+			//this.stepBackButton.disabled = true;
+			this.stopButton.disabled = false;
+			this.stepForwardButton.disabled = true;
+			this.fastForwardButton.disabled = true;
+			break;
+		}
+		this.state = new_state;
+		return true;
+	}
+
+	handleWorkerMessage(e) {
+		if (e.data.msg === "tile-added") {
+			const type = this.tileset.getTileTypeById(e.data.tid);
+			const coords = new Vector3D(e.data.x, e.data.y, e.data.z);
+			//this.tileBlockAtlas.add(type, coords);
+			this.addTile(type, coords, false);
+			//this.renderUpdate = true;
+		} else if (e.data.msg === "tiles-added") {
+			const fastForwardBuffer = e.data.buffer;
+			const added = e.data.added * 4;
+			//console.log(fastForwardBuffer);
+			for (let i = 0; i < added; i += 4) {
+				const type = this.tileset.getTileTypeById(fastForwardBuffer[i]);
+				const coords = new Vector3D(fastForwardBuffer[i+1], fastForwardBuffer[i+2], fastForwardBuffer[i+3]);
+				//this.tileBlockAtlas.add(type, coords);
+				this.addTile(type, coords, false);
+			}
+			//this.renderUpdate = true;
+		} else if (e.data.msg === "frontier-empty") {
+			if (this.state === STATE_FAST_FORWARD) {
+				this.onStopButton();
+			}
+			Logger.log(Logger.INFO, "frontier is empty, no more tiles to add");
+		} else if (e.data.msg === "tile-removed") {
+			// remove tile from tile block
+			this.tileBlockAtlas.stepBackward();
+			//this.renderUpdate = true;
+		} else if (e.data.msg === "tiles-removed") {
+			const backBuffer = e.data.buffer;
+			const removed = e.data.removed * 2;
+			for (let i = 0; i < removed; i += 2) {
+				this.tileBlockAtlas.stepBackward();
+			}
+			//this.renderUpdate = true;
+		} else if (e.data.msg === "back-to-seed") {
+			if (this.state === STATE_FAST_BACK) {
+				this.onStopButton();
+			}
+			Logger.log(Logger.INFO, "stepped back to seed, can't step backward anymore");
+		} else if (e.data.msg === 'tid-undefined') {
+			Logger.log(Logger.WARNING, "found an undefined tile signature during simulation. simulation will continue, but there is likely a problem with the tileset");
+		} else if (e.data.msg === 'sent-history') {
+			this.createSvgSnapshot(e.data.history, e.data.b_show_names, e.data.b_show_labels);
+		} else if (e.data.msg === 'nondeterminism') {
+			Logger.log(Logger.WARNING, `nondeterminism detected at location (${e.data.loc}) where the following tile types can attach: ${e.data.types}`);
+		}
+	}
+
+	stepForward() {
+		this.tileWorker.postMessage({ msg: "step-forward" });
+	}
+
+	stepBackward() {
+		this.tileWorker.postMessage({ msg: "step-backward" });
+	}
+
+	startFastForward() {
+		if (this.setState(STATE_FAST_FORWARD)) {
+			this.tileWorker.postMessage({msg: "fast-forward-start"});
+		}
+	}
+
+	startFastBackward() {
+		if (this.setState(STATE_FAST_BACK)) {
+			this.tileWorker.postMessage({msg: "fast-backward-start"});
+		}
+	}
+
+	onStopButton() {
+		if (this.state === STATE_FAST_FORWARD) {
+			this.tileWorker.postMessage({msg: "fast-forward-stop"});
+		} else if (this.state === STATE_FAST_BACK) {
+			this.tileWorker.postMessage({msg: "fast-backward-stop"});
+		}
+		this.setState(STATE_DEFAULT);
+	}
+
+	// init() {
+	// 	this.editor.init();
+	// 	this.selectedTile.init();
+	//
+	// 	TextManager.init(this.scene, this.canvas);
+	// 	this.tileBlockAtlas = new TileBlockAtlas(this.scene);
+	// }
+	//
+	// resize() {
+	// 	const rect = this.canvas.getBoundingClientRect();
+	// 	const width = rect.width;
+	// 	const height = rect.height;
+	//
+	// 	this.renderer.setSize(width, height, false);
+	//
+	// 	const aspect = width / height;
+	//
+	// 	this.camera.left = -aspect;
+	// 	this.camera.right = aspect;
+	// 	this.camera.top = 1;
+	// 	this.camera.bottom = -1;
+	// 	this.camera.zoom = Math.pow(2, this.zoomLevel);
+	// 	this.camera.updateProjectionMatrix();
+	//
+	// 	this.renderUpdate = true;
+	//
+	// 	this.selectedTile.resize();
+	// }
+
+	// render() {
+	// 	if (this.renderUpdate) {
+	// 		this.renderUpdate = false;
+	//
+	// 		TextManager.clearText();
+	//
+	// 	    // size in pixels of a tile
+	// 	    const pxTileSize = this.canvas.clientHeight * Math.pow(2, this.zoomLevel - 1);
+	// 	    if (pxTileSize >= ALL_TEXT_CUTOFF) {
+	// 	    	const screenMin = new Vector2D( this.camera.position.x + this.camera.left / this.camera.zoom,
+	// 	    		this.camera.position.y + this.camera.bottom / this.camera.zoom ).round();
+	// 	    	const screenMax = new Vector2D( this.camera.position.x + this.camera.right / this.camera.zoom,
+	// 	    		this.camera.position.y + this.camera.top / this.camera.zoom ).round();
+	// 	    	this.tileBlockAtlas.forTilesInRegion(screenMin, screenMax, TextManager.addTileGlyphs);
+	// 	    	TextManager.update(this.scene, this.canvas);
+	// 	    }
+	//
+	// 	    // render tiles, but hide outlines if tiles are too small
+	// 	    this.tileBlockAtlas.setVisible(true, pxTileSize >= OUTLINE_CUTOFF)
+	//
+	// 	    // render main simulation scene
+	// 	    this.renderer.setClearColor(this.backgroundColor);
+	// 	    this.renderer.render(this.scene, this.camera);
+	//   	}
+	//
+	// 	this.selectedTile.render();
+	// 	let infoStr = `Simulator: ${this.tileBlockAtlas.numTiles} tiles`;
+	// 	if (this.mouseoverQuad.visible) {
+	// 		infoStr += ` --- Mouse Coordinates: (${this.mouseoverQuad.position.x}, ${this.mouseoverQuad.position.y})`
+	// 	}
+	// 	this.infoBar.innerHTML = infoStr;
+	// }
+
+	setTemperature(temp) {
+		this.temperature = temp;
+		this.tileWorker.postMessage({ msg: 'set-temperature', temperature: temp});
+		//Logger.log(Logger.INFO, `set simulation temperature to ${temp}`);
+		this.reset(true);
+	}
+
+	setBackgroundColor(colStr, log=true) {
+		const color = parseColor(colStr);
+		this.backgroundColor = color.getRGBInt();
+		//this.renderUpdate = true;
+
+		if (log) {
+			const r = Math.round(color.r * 255);
+			const g = Math.round(color.g * 255);
+			const b = Math.round(color.b * 255);
+
+			Logger.log(Logger.INFO, `set background color to "${colStr}" (red: ${r}, green: ${g}, blue: ${b})`);
+		}
+	}
+
+	// selectTile(tileType) {
+	// 	this.selectedTile.selectTile(tileType);
+	// 	this.editor.onSelectTile(tileType);
+	// }
+
+	addTile(type, coords, b_post_message=true) {
+		if (!(type.name in this.tile_type_drawer_dict)) {
+			this.tile_type_drawer_dict[type.name] = new TileTypeDrawer(type);
+		}
+		this.tile_type_drawer_dict[type.name].add_tile(type, coords);
+		if (b_post_message) {
+			this.tileWorker.postMessage({msg: 'add-tile', tid: type.id, x: coords.x, y: coords.y, z: coords.z});
+		}
+		this.tile_list.push([type.name, coords]);
+	}
+
+	removeTile(coords) {
+		this.tileWorker.postMessage({ msg: 'remove-tile', x: coords.x, y: coords.y, z: coords.z});
+		//this.tileBlockAtlas.remove(coords);
+
+		//this.renderUpdate = true;
+	}
+
+	simulationModeOption(){
+		const choice = document.getElementById('simulation-mode-select').value;
+		this.simulation_mode = choice;
+		if (choice === 'aTAM') {
+			Logger.log(Logger.INFO, "Setting simulation mode to aTAM");
+			this.tileWorker.postMessage({msg: "mode-aTAM"});
+		}
+		else if (choice === 'SyncTAM') {
+			Logger.log(Logger.INFO, "Setting simulation mode to SyncTAM");
+			this.tileWorker.postMessage({msg: "mode-SyncTAM"});
+		}
+	}
+
+	loadSystem(data) {
+		if (data['tdp'] !== undefined && data['tds'] !== undefined) {
+
+			this.parseTDSfile(data['tds'].name, data['tds'].src);
+
+			this.parseTDPfile(data['tdp'].name, data['tdp'].src);
+
+			// this.tileWorker.postMessage({ msg: 'tileset', types: this.tileset.getTileTypes(), glues: this.tileset.getGlues()})
+			// Logger.log(Logger.INFO, `loaded tileset file "${data.tds.name}" with ${this.tileset.getTileTypes().length} tile types`);
+			//
+			// this.tileWorker.postMessage({ msg: 'set-seed', seed: this.seedTiles});
+			//
+			// this.setState(STATE_DEFAULT);
+			// this.renderUpdate = true;
+		}
+	}
+
+	parseTDPfile(tdp_file_name, tdp_data) {
+		let temp = 2;
+		this.seedTiles = [];
+
+		const lines = tdp_data.split("\n");
+		for (let line of lines.slice(1)) {
+			line = line.trim();
+			if (line.toLowerCase().startsWith("temperature")) {
+				temp = parseInt(line.split("=")[1].trim());
+			} else if (line.length > 0) {
+				const data = line.split(" ");
+				if (data.length >= 3) {
+					const name = data[0].trim();
+					const x = parseInt(data[1].trim());
+					const y = parseInt(data[2].trim());
+					let z = 0;
+					if (data.length >= 4) {
+						z = parseInt(data[3].trim());
+					}
+
+					const type = this.tileset.getTileTypeByName(name);
+					const coords = new Vector3D(x, y, z);
+
+					//this.addTile(type, coords);
+					//this.tileWorker.postMessage({ msg: 'add-tile', tid: type.id, x: coords.x, y: coords.y, z: coords.z});
+					//this.tileBlockAtlas.add(type, coords);
+					this.seedTiles.push({type: type, coords: coords});
+
+					//const matrix = new THREE.Matrix4();
+					//matrix.setPosition( x, y, z );
+
+					//this.tile_type_mesh_map.get(name).setMatrixAt(0, matrix);
+					//console.log(this.tile_type_mesh_map.get(name).count);
+				}
+			}
+		}
+
+		this.tdp_name = tdp_file_name;
+		//Logger.log(Logger.INFO, `loaded system file "${tdp_file_name}" with a seed of size ${this.seedTiles.length}`);
+		console.log(`loaded system file "${tdp_file_name}" with a seed of size ${this.seedTiles.length}`);
+		this.setTemperature(temp);
+		//console.log(this.seedTiles);
+	}
+
+	parseTDSfile(tds_file_name, tds_data) {
+
+		this.clear();
+		this.tileset = new TileSet();
+		this.tileset.fromTDS(tds_data);
+		this.tds_name = tds_file_name;
+
+		this.tile_type_mesh_map = new Map();
+		this.tile_type_counts = {};
+		this.instanceId_maps = {};
+		// for (let i=0; i<this.tileset.getTileTypes().length; i++) {
+		// 	this.add_tile_type_for_drawing(this.tileset.tileTypes[i]);
+		// }
+		// this.call_canvas_change_functions();
+
+		this.tileWorker.postMessage({ msg: 'tileset', types: this.tileset.getTileTypes(), glues: this.tileset.getGlues()})
+		//Logger.log(Logger.INFO, `loaded tileset file "${tds_file_name}" with ${this.tileset.getTileTypes().length} tile types`);
+
+	}
+
+	// create_tile_type_mesh(tile_type) {
+	// 	const materials = Array();
+	//
+	// 	const face_order = ["up", "down", "west", "east", "north", "south"];
+	//
+	// 	for (let i=0; i<6; i++) {
+	// 		const canvas = document.createElement('canvas'),
+	// 			ctx = canvas.getContext('2d')
+	// 		//canvas_count += 1;
+	// 		function changeCanvas() {
+	// 			//console.log('calling changeCanvas for ' + tile_type.name);
+	// 			ctx.fillStyle = 'white';
+	// 			ctx.fillRect(0, 0, canvas.width, canvas.height);
+	// 			ctx.strokeRect(0, 0, canvas.width, canvas.height);
+	//
+	// 			// starting with the front face, then the back face, followed by the left, right, top, and bottom faces
+	// 			const glue = tile_type.glues[face_order[i]];
+	// 			if ((glue !== undefined) && (glue.strength > 0)) {
+	// 				ctx.font = '30pt Arial';
+	// 				ctx.fillStyle = 'black';
+	// 				ctx.textAlign = 'center';
+	// 				ctx.textBaseline = 'middle';
+	//
+	// 				if (glue.strength === 1) {
+	// 					ctx.fillText(`${glue.label}`, canvas.width / 2, canvas.height / 2);
+	// 				} else {
+	// 					ctx.fillText(`${glue.label}`, canvas.width / 2, canvas.height / 2);
+	// 					ctx.strokeRect(canvas.width / 10, canvas.height / 10, 8 * (canvas.width / 10), 8 * (canvas.height / 10));
+	// 				}
+	// 			}
+	// 		}
+	// 		this.canvas_change_functions.push(changeCanvas);
+	// 		canvas.width = canvas.height = this.text_canvas_size;
+	//
+	// 		const texture = new THREE.Texture(canvas);
+	// 		this.textures.push(texture);
+	// 		const material = new THREE.MeshStandardMaterial({ map: texture, color: tile_type.color });
+	// 		materials.push(material);
+	// 	}
+	//
+	// 	const geometry = new THREE.BoxGeometry();
+	// 	const mesh = new THREE.InstancedMesh( geometry, materials, this.tile_type_mesh_size );
+	// 	return mesh;
+	// }
+
+	saveSystem(filename) {
+		// return [new Blob(['tdp']), new Blob(['tds'])]
+
+		if (this.tileset === undefined) {
+			return null;
+		}
+
+		let tdpData = `${filename}.tds\n`;
+		tdpData += `temperature=${this.temperature}\n`;
+
+		for (const tile of this.tileBlockAtlas.getAllTiles()) {
+			tdpData += `${tile.type.name} ${tile.coords.x} ${tile.coords.y}\n`;
+		}
+
+		let tdsData = '';
+		for (const type of this.tileset.getTileTypes()) {
+			tdsData += `TILENAME ${type.name}\n`;
+			tdsData += `LABEL ${type.label}\n`;
+
+			for (const dir of ['north', 'east', 'south', 'west']) {
+
+				const dirCap = dir.toUpperCase();
+
+				if (type.glues[dir] !== null) {
+					tdsData += `${dirCap}BIND ${type.glues[dir].strength}\n`;
+					tdsData += `${dirCap}LABEL ${type.glues[dir].label}\n`;
+				}
+			}
+
+			tdsData += `TILECOLOR ${type.color.getHexString()}\n`;
+			tdsData += `CREATE\n\n`;
+		}
+
+		return [new Blob([tdpData]), new Blob([tdsData])];
+	}
+
+	// initCanvasEvents() {
+	// 	const _this = this;
+	//
+	//   	// camera dragging events
+	//   	let prevMousePos;
+	//   	let currMousePos;
+	//   	const onDragCamera = function (e) {
+	//   		const rect = e.target.getBoundingClientRect();
+	//   		currMousePos = new Vector2D(e.clientX - rect.left, e.clientY - rect.top);
+	//
+	//   		_this.dragCamera(currMousePos, prevMousePos);
+	//
+	//   		prevMousePos = currMousePos;
+	//
+	//   	};
+
+	  	// this.canvas.addEventListener('pointermove', (e) => {
+	  	// 	const rect = _this.canvas.getBoundingClientRect();
+		//
+		// 	const mousePos = new Vector2D(e.clientX - rect.left, rect.bottom - e.clientY);
+		// 	const canvasDims = new Vector2D(rect.right - rect.left, (rect.bottom - rect.top));
+		// 	const mouseProj = mousePos.div(canvasDims).scale(2).sub(new Vector2D(1, 1));
+		// 	this.mouseVec = new THREE.Vector4(mouseProj.x, mouseProj.y, 0, 1);
+		//
+	  	// 	// console.log(this.mousePos);
+	  	// }, false);
+
+	  	// this.canvas.addEventListener('pointerdown', (e) => {
+	  	// 	const rect = _this.canvas.getBoundingClientRect();
+	  	// 	prevMousePos = new Vector2D(e.clientX - rect.left, e.clientY - rect.top);
+		//
+	  	// 	_this.canvas.addEventListener('pointermove', onDragCamera, false);
+	  	// 	_this.canvas.addEventListener('pointerup', function handler(e) {
+	  	// 		_this.canvas.removeEventListener('pointermove', onDragCamera);
+	  	// 		_this.canvas.removeEventListener('pointerup', handler);
+	  	// 	}, false);
+	  	// }, false);
+		//
+	  	// // camera scrolling events
+	  	// this.canvas.addEventListener('wheel', (e) => { _this.scrollCamera(Math.sign(e.deltaY)); }, false);
+		//
+	  	// // this.touchListener = new TransformRecognizer(this.canvas);
+		//
+	  	// this.initSelectTileEvents();
+	// }
+
+	// initSelectTileEvents() {
+	//
+	// 	let mouseLoc = undefined;
+	//
+	// 	this.canvas.addEventListener('mousemove', (e) => {
+	// 		const rect = this.canvas.getBoundingClientRect();
+	// 		const mousePos = new Vector2D(e.clientX - rect.left, rect.bottom - e.clientY);
+	// 		const canvasDims = new Vector2D(rect.right - rect.left, (rect.bottom - rect.top));
+	//
+	// 		// mouse location in projected screen space
+	// 		const mouseProj = mousePos.div(canvasDims).scale(2).sub(new Vector2D(1, 1));
+	// 		const mouseVec = new THREE.Vector4(mouseProj.x, mouseProj.y, 0, 1);
+	// 		mouseVec.applyMatrix4(this.camera.projectionMatrixInverse);
+	//
+	// 		mouseLoc = new Vector2D(mouseVec.x + this.camera.position.x, mouseVec.y + this.camera.position.y).round();
+	//
+	// 		this.mouseoverQuad.position.x = mouseLoc.x;
+	// 		this.mouseoverQuad.position.y = mouseLoc.y;
+	// 		this.mouseoverQuad.position.z = 1;
+	// 		this.mouseoverQuad.visible = true;
+	// 		this.renderUpdate = true;
+	// 	}, false);
+	//
+	// 	this.canvas.addEventListener('mouseenter', (e) => {
+	// 		this.mouseoverQuad.visible = true;
+	// 		this.renderUpdate = true;
+	// 	}, false);
+	// 	this.canvas.addEventListener('mouseleave', (e) => {
+	// 		this.mouseoverQuad.visible = false;
+	// 		this.renderUpdate = true;
+	// 		//this.mouseLoc = undefined;
+	// 	}, false);
+	//
+	// 	this.canvas.addEventListener('click', (e) => {
+	// 		if (this.state === STATE_DEFAULT) {
+	// 			if (mouseLoc !== undefined) {
+	// 	  			const selectedTile = this.tileBlockAtlas.getTileAtLocation(mouseLoc);
+	// 	  			if (selectedTile !== null) {
+	// 	  				this.selectTile(selectedTile.type);
+	// 	  			}
+	// 	  		}
+	// 		} else if (this.state === STATE_PLACE) {
+	// 			if (mouseLoc !== undefined) {
+	// 				const selectedTile = this.tileBlockAtlas.getTileAtLocation(mouseLoc);
+	// 				if (selectedTile === null) {
+	// 					const editorTile = this.editor.selectedType;
+	// 					if (editorTile) {
+	// 						this.addTile(editorTile, mouseLoc);
+	// 					}
+	// 				} else {
+	// 					this.removeTile(mouseLoc);
+	// 				}
+	// 			}
+	// 		}
+	// 	}, false);
+	// }
+	//
+	// zoomIn() {
+	// 	this.zoomLevel += ZOOM_SPEED;
+	// 	this.zoom();
+	// }
+	//
+	// zoomOut() {
+	// 	this.zoomLevel -= ZOOM_SPEED;
+	// 	this.zoom();
+	// }
+	//
+	// zoom(preserveMouse=false) {
+	//
+	// 	if (preserveMouse) {
+	//
+	// 		let mouseVecBefore = this.mouseVec.clone();
+	// 		let mouseVecAfter = this.mouseVec.clone();
+	//
+	// 		mouseVecBefore.applyMatrix4(this.camera.projectionMatrixInverse);
+	//
+	// 		// mouseLoc = new Vector2D(mouseVecBefore.x + this.camera.position.x, mouseVecInvProj.y + this.camera.position.y).round();
+	//
+	// 		this.camera.zoom = Math.pow(2, this.zoomLevel);
+	// 		this.camera.updateProjectionMatrix();
+	//
+	// 		mouseVecAfter.applyMatrix4(this.camera.projectionMatrixInverse);
+	//
+	// 		const offset = mouseVecBefore.sub(mouseVecAfter);
+	// 		this.camera.position.add(new THREE.Vector3(offset.x, offset.y, offset.z));
+	// 	} else {
+	// 		this.camera.zoom = Math.pow(2, this.zoomLevel);
+	// 		this.camera.updateProjectionMatrix();
+	// 	}
+	// 	this.renderUpdate = true;
+	// 	// console.log(this.camera);
+	// }
+	//
+	// zoomToScale(scale, x, y) {
+	// 	let new_zoom = this.camera.zoom * scale;
+	// 	this.zoomLevel = Math.log(new_zoom) / Math.log(2);
+	// 	this.zoom();
+	// }
+
+	// dragCamera(currMousePos, prevMousePos) {
+	// 	const currMouse = currMousePos.scale(2 / this.canvas.clientHeight).sub(new Vector2D(1, 1));
+	// 	const prevMouse = prevMousePos.scale(2 / this.canvas.clientHeight).sub(new Vector2D(1, 1));
+	//
+	// 	const mouseDiff = currMouse.sub(prevMouse).scale(DRAG_SPEED / Math.pow(2, this.zoomLevel));
+	//
+	// 	this.camera.translateX(-mouseDiff.x);
+	// 	this.camera.translateY(mouseDiff.y);
+	//
+	// 	this.renderUpdate = true;
+	// }
+	//
+	// scrollCamera(amt) {
+	// 	this.zoomLevel -= amt * SCROLL_SPEED;
+	// 	this.zoom(true);
+	// }
+
+		//png function
+	// async renderCanvasAndSave() {
+	// 	//const filename = 'test_png.png';//document.getElementById('save-png-image-name').value;
+	//
+	// 	const pickerOptions = {
+	// 		suggestedName: `${this.tdp_name.substring(0, this.tdp_name.length - 4)}.png`,
+	// 		types: [
+	// 				{
+	// 				  description: 'PNG Image File',
+	// 				  accept: {
+	// 					  'img/png': ['.png'],
+	// 				  },
+	// 				},
+	// 		],
+	// 	};
+	// 	let filename = undefined;
+	// 	const fileHandle = await window.showSaveFilePicker(pickerOptions);
+	// 	filename = fileHandle.name;
+	//
+	// 	if (filename === undefined) {
+	// 		return;
+	// 	}
+	//
+	// 	const canvas = document.getElementById('sim-canvas');
+	// 	if (!canvas) {
+	// 		console.log('Unable to find the canvas element!');
+	// 		return;
+	// 	}
+	// 	// Simulate opening the page and waiting for it to render
+	// 	window.setTimeout(function () {
+	// 		try {
+	// 			// Capture the canvas content
+	// 			html2canvas(canvas).then(async function(canvas) {
+	// 				// const writable = await fileHandle.createWritable();
+	// 				// const base64_data = canvas.toDataURL('image/png');
+	// 				// const foo = base64_data.substring('data:image/png;base64,'.length);
+	// 				// await writable.write(window.atob(foo));
+	// 				// await writable.close();
+	//
+	// 				const link = document.createElement('a');
+	// 				link.download = filename;
+	// 				link.href = canvas.toDataURL();
+	// 				link.click();
+	// 			}).catch((error) => {
+	// 				console.error('Error capturing screen:', error);
+	// 			});
+	// 		} catch (error) {
+	// 			console.error('Error during canvas rendering:', error);
+	// 		}
+	// 	}, 200); // Adjust the timeout as needed
+	// 	Logger.log(Logger.INFO, `saved current image as ${filename}`);
+	// }
+
+	// add_glue_lines(svgNS, tile_group, x, y, orientation, glue, direction) {
+	// 	const line_props = `M${x} ${y} ${orientation}1`;
+	// 	const line = document.createElementNS(svgNS, "path");
+	// 	const second_line_offsets = {'north': {x:0, y:0.05}, 'south': {x:0, y:-0.05}, 'east': {x:-0.05, y:0}, 'west': {x:0.05, y:0}};
+	// 	line.setAttribute("d", line_props);
+	// 	line.setAttribute("stroke", "black");
+	// 	line.setAttribute("stroke-width", 0.025);
+	// 	if (glue === undefined || glue === null || glue.strength === 0) {
+	// 		line.setAttribute("stroke-dasharray", "0.05,0.05");
+	// 	} else if (glue.strength === 2) {
+	// 		const line2_props = `M${x + second_line_offsets[direction].x} ${y + second_line_offsets[direction].y} ${orientation}1`;
+	// 		const line2 = document.createElementNS(svgNS, "path");
+	// 		line2.setAttribute("d", line2_props);
+	// 		line2.setAttribute("stroke", "black");
+	// 		line2.setAttribute("stroke-width", 0.025);
+	// 		tile_group.appendChild(line2);
+	// 	}
+	// 	tile_group.appendChild(line);
+	// }
+
+	getTileSVGGroup(svgNS, svgHeight, tile, x, y, b_show_names, b_show_labels) {
+		const tile_group = document.createElementNS(svgNS, "g");
+
+		const rect = document.createElementNS(svgNS, "rect");
+		rect.setAttribute("x", x);
+		rect.setAttribute("y", svgHeight - y - 1);
+		rect.setAttribute("width", 1);
+		rect.setAttribute("height", 1);
+		let fillColor = `rgb(${tile.color.r * 256}, ${tile.color.g * 256}, ${tile.color.b * 256})`;
+		rect.setAttribute("fill", fillColor);
+		//rect.setAttribute("stroke", "black");
+		//rect.setAttribute("stroke-width", 0.025);
+		rect.setAttribute("stroke-width", 0);
+		//add the rect to the svg
+		tile_group.appendChild(rect);
+
+		this.add_glue_lines(svgNS, tile_group, x, svgHeight - y - 1, "h", tile.glues['north'], 'north')
+		this.add_glue_lines(svgNS, tile_group, x, svgHeight - y, "h", tile.glues['south'], 'south')
+		this.add_glue_lines(svgNS, tile_group, x, svgHeight - y - 1, "v", tile.glues['west'], 'west')
+		this.add_glue_lines(svgNS, tile_group, x + 1, svgHeight - y - 1, "v", tile.glues['east'], 'east')
+
+		if (b_show_names === true) {
+			//add tile name and label to the svg
+			const name = document.createElementNS(svgNS, "text");
+			name.setAttribute("x", x + 0.5);
+			name.setAttribute("y", svgHeight - y - 0.38);
+			name.setAttribute("fill", "black");
+			name.setAttribute("font-size", 0.1);
+			name.setAttribute("stroke-width", 0.025);
+			name.setAttribute("text-anchor", "middle"); // Center text horizontally
+			name.setAttribute("dominant-baseline", "middle");
+			name.textContent = tile.name;
+			tile_group.appendChild(name);
+		}
+
+		if (b_show_labels === true) {
+			const label = document.createElementNS(svgNS, "text");
+			label.setAttribute("x", x + 0.5);
+			label.setAttribute("y", svgHeight - y - 0.52);
+			label.setAttribute("fill", "black");
+			label.setAttribute("font-size", 0.1);
+			label.setAttribute("stroke-width", 0.025);
+			label.setAttribute("text-anchor", "middle"); // Center text horizontally
+			label.setAttribute("dominant-baseline", "middle");
+			label.textContent = tile.label;
+			tile_group.appendChild(label);
+		}
+		return tile_group;
+	}
+
+	// Initiate drawing of SVG by requesting the worker thread to send the assembly's history
+	initiateSvgSnapshot() {
+		document.getElementById('save-svg-modal').style.display='none';
+		const b_show_names = document.getElementById("save-svg-tile-type-name").checked;
+		const b_show_labels = document.getElementById("save-svg-tile-type-label").checked;
+
+		this.tileWorker.postMessage({ msg: 'send-history', b_show_names: b_show_names, b_show_labels: b_show_labels});
+	}
+
+	// Use the assembly's history to draw it to an SVG file
+	async createSvgSnapshot(assembly_history, b_show_names, b_show_labels) {
+
+		const pickerOptions = {
+			suggestedName: `${this.tdp_name.substring(0, this.tdp_name.length - 4)}.svg`,
+			types: [
+					{
+					  description: 'SVG File',
+					  accept: {
+						  'svg/svg': ['.svg'],
+					  },
+					},
+			],
+		};
+		let fileName = undefined;
+		const fileHandle = await window.showSaveFilePicker(pickerOptions);
+		fileName = fileHandle.name;
+
+		if (fileName === undefined) {
+			return;
+		}
+
+		const assembly_array = []
+		this.seedTiles.forEach((seedTile) => {
+			assembly_array.push({tid: seedTile.type.id, x: seedTile.coords.x, y: seedTile.coords.y});
+		})
+		assembly_history.forEach((tile) => {
+			assembly_array.push(tile);
+		})
+
+		//const canvas = document.getElementById('sim-canvas');
+		const svgNS = "http://www.w3.org/2000/svg";
+		const svg = document.createElementNS(svgNS, "svg");
+
+		// Calculate the bounding box of the simulation
+		let minX = Infinity, minY = Infinity, maxX = -Infinity, maxY = -Infinity;
+		assembly_array.forEach((tile) => {
+			if (tile.x < minX) minX = tile.x;
+			if (tile.y < minY) minY = tile.y;
+			if (tile.x > maxX) maxX = tile.x;
+			if (tile.y > maxY) maxY = tile.y;
+		});
+
+		const svgWidth = maxX - minX + 1;
+		const svgHeight = maxY - minY + 1;
+
+		svg.setAttribute("width", svgWidth);
+		svg.setAttribute("height", svgHeight);
+		svg.setAttribute("viewBox", `0 0 ${svgWidth} ${svgHeight}`);
+
+		const tileset = this.tileset.getTileTypes();
+		const defs = document.createElementNS(svgNS, "defs");
+		const tiles_group = document.createElementNS(svgNS, "g");
+		const tileset_groups = {};
+
+		assembly_array.forEach((tile_info) => {
+			const tile_id = `tile${tile_info.tid}`;
+			if (!(tile_info.tid in tileset_groups)) {	// If a def hasn't been made yet for this tile type, make it now
+				const tile = tileset[tile_info.tid];
+				const tile_group = this.getTileSVGGroup(svgNS, 0, tile, 0, 0, b_show_names, b_show_labels)
+				tile_group.setAttribute("id", tile_id);
+				defs.append(tile_group);
+				tileset_groups[tile_info.tid] = tile_id;
+			}
+
+			const x = tile_info.x - minX;
+			const y = svgHeight - (tile_info.y - minY);
+
+			// Create a link to the group def for this tile type at the necessary translation
+			//  Example: <use xlink:href="#tile2" x="3" y="3"/>
+			const use_element = document.createElementNS(svgNS, "use");
+			use_element.setAttribute("xlink:href", `#${tile_id}`);
+			use_element.setAttribute("x", x);
+			use_element.setAttribute("y", y);
+			tiles_group.append(use_element);
+		});
+		svg.append(defs);
+
+		// Apply the background color to the SVG using a rect element
+		const b = this.backgroundColor % 256;
+		const g = (this.backgroundColor / 256) % 256;
+		const r = ((this.backgroundColor / 256) / 256) % 256;
+		const rect = document.createElementNS(svgNS, "rect");
+		rect.setAttribute("width", "100%");
+		rect.setAttribute("height", "100%");
+		rect.setAttribute("fill", `rgb(${r}, ${g}, ${b})`);
+		svg.appendChild(rect);
+
+		// Add the group with the assembly's tiles
+		svg.append(tiles_group);
+
+		// Serialize the SVG to a string
+		const serializer = new XMLSerializer();
+		const svgString = serializer.serializeToString(svg);
+
+		const writable = await fileHandle.createWritable();
+		await writable.write(svgString);
+		await writable.close();
+
+		// // Create a blob and a link to download the SVG
+		// const blob = new Blob([svgString], { type: "image/svg+xml;charset=utf-8" });
+		// const url = URL.createObjectURL(blob);
+		// const link = document.createElement("a");
+		// link.href = url;
+		// link.download = fileName;
+		// document.body.appendChild(link);
+		// link.click();
+		// document.body.removeChild(link);
+		// URL.revokeObjectURL(url);
+
+		Logger.log(Logger.INFO, `saved current assembly as SVG file ${fileName}`);
+	}
+}
+
+// TOUCH EVENTS
+
+// function scaler(arg) {
+// 	this.zoomToScale(arg.scale, arg.x, arg.y);
+// }
+//
+// function dragger(arg) {
+// 	this.dragCamera(arg.current_position, arg.previous_position);
+// }
+
+// function TransformRecognizer(element) {
+//   // Reference positions for the start of the transformation.
+//   this.referencePair = null;
+//   this.referencePoint = null;
+//
+//   // Bind touch event handlers to this element.
+//   element.addEventListener('touchstart', this.touchStartHandler.bind(this));
+//   element.addEventListener('touchmove', this.touchMoveHandler.bind(this));
+//   element.addEventListener('touchend', this.touchEndHandler.bind(this));
+//   this.element = element;
+//
+//   // Object of callbacks this function provides.
+//   this.callbacks = {
+//   	rotate: null,
+//   	scale: scaler,
+//   	drag: dragger
+//   };
+//
+//   // Define gesture states.
+//   this.Gestures = {
+//   	NONE: 0,
+//   	ROTATE: 1,
+//   	SCALE: 2,
+//   	DRAG: 3
+//   };
+//   // Define thresholds for gestures.
+//   this.Thresholds = {
+//     SCALE: 0.1,   // percentage difference. [This is unused.]
+//     ROTATION: 5,  // degrees.
+// 	DISTANCE: 2   // pixels
+// };
+//   // The current gesture of this transformation.
+//   this.currentGesture = this.Gestures.NONE;
+// }
+

src/split-grid.min.js

+/*! split-grid - v1.0.11 */
+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).Split=e()}(this,(function(){"use strict";var t=function(t,e){return Number(t.slice(0,-1*e.length))},e=function(e){return e.endsWith("px")?{value:e,type:"px",numeric:t(e,"px")}:e.endsWith("fr")?{value:e,type:"fr",numeric:t(e,"fr")}:e.endsWith("%")?{value:e,type:"%",numeric:t(e,"%")}:"auto"===e?{value:e,type:"auto"}:null},i=function(t){return t.split(" ").map(e)},r=function(t,e,i){return e.concat(i).map((function(e){return e.style[t]})).filter((function(t){return void 0!==t&&""!==t}))},s=function(t){for(var e=0;e<t.length;e++)if(t[e].numeric>0)return e;return null},n=function(){return!1},o=function(t,e,i){t.style[e]=i},a=function(t,e,i){var r=t[e];return void 0!==r?r:i};function h(t){var e;return(e=[]).concat.apply(e,Array.from(t.ownerDocument.styleSheets).map((function(t){var e=[];try{e=Array.from(t.cssRules||[])}catch(t){}return e}))).filter((function(e){var i=!1;try{i=t.matches(e.selectorText)}catch(t){}return i}))}var c=function(t,e,i){this.direction=t,this.element=e.element,this.track=e.track,"column"===t?(this.gridTemplateProp="grid-template-columns",this.gridGapProp="grid-column-gap",this.cursor=a(i,"columnCursor",a(i,"cursor","col-resize")),this.snapOffset=a(i,"columnSnapOffset",a(i,"snapOffset",30)),this.dragInterval=a(i,"columnDragInterval",a(i,"dragInterval",1)),this.clientAxis="clientX",this.optionStyle=a(i,"gridTemplateColumns")):"row"===t&&(this.gridTemplateProp="grid-template-rows",this.gridGapProp="grid-row-gap",this.cursor=a(i,"rowCursor",a(i,"cursor","row-resize")),this.snapOffset=a(i,"rowSnapOffset",a(i,"snapOffset",30)),this.dragInterval=a(i,"rowDragInterval",a(i,"dragInterval",1)),this.clientAxis="clientY",this.optionStyle=a(i,"gridTemplateRows")),this.onDragStart=a(i,"onDragStart",n),this.onDragEnd=a(i,"onDragEnd",n),this.onDrag=a(i,"onDrag",n),this.writeStyle=a(i,"writeStyle",o),this.startDragging=this.startDragging.bind(this),this.stopDragging=this.stopDragging.bind(this),this.drag=this.drag.bind(this),this.minSizeStart=e.minSizeStart,this.minSizeEnd=e.minSizeEnd,e.element&&(this.element.addEventListener("mousedown",this.startDragging),this.element.addEventListener("touchstart",this.startDragging))};c.prototype.getDimensions=function(){var t=this.grid.getBoundingClientRect(),e=t.width,i=t.height,r=t.top,s=t.bottom,n=t.left,o=t.right;"column"===this.direction?(this.start=r,this.end=s,this.size=i):"row"===this.direction&&(this.start=n,this.end=o,this.size=e)},c.prototype.getSizeAtTrack=function(t,e){return function(t,e,i,r){void 0===i&&(i=0),void 0===r&&(r=!1);var s=r?t+1:t;return e.slice(0,s).reduce((function(t,e){return t+e.numeric}),0)+(i?t*i:0)}(t,this.computedPixels,this.computedGapPixels,e)},c.prototype.getSizeOfTrack=function(t){return this.computedPixels[t].numeric},c.prototype.getRawTracks=function(){var t=r(this.gridTemplateProp,[this.grid],h(this.grid));if(!t.length){if(this.optionStyle)return this.optionStyle;throw Error("Unable to determine grid template tracks from styles.")}return t[0]},c.prototype.getGap=function(){var t=r(this.gridGapProp,[this.grid],h(this.grid));return t.length?t[0]:null},c.prototype.getRawComputedTracks=function(){return window.getComputedStyle(this.grid)[this.gridTemplateProp]},c.prototype.getRawComputedGap=function(){return window.getComputedStyle(this.grid)[this.gridGapProp]},c.prototype.setTracks=function(t){this.tracks=t.split(" "),this.trackValues=i(t)},c.prototype.setComputedTracks=function(t){this.computedTracks=t.split(" "),this.computedPixels=i(t)},c.prototype.setGap=function(t){this.gap=t},c.prototype.setComputedGap=function(t){var e,i;this.computedGap=t,this.computedGapPixels=(e="px",((i=this.computedGap).endsWith(e)?Number(i.slice(0,-1*e.length)):null)||0)},c.prototype.getMousePosition=function(t){return"touches"in t?t.touches[0][this.clientAxis]:t[this.clientAxis]},c.prototype.startDragging=function(t){if(!("button"in t)||0===t.button){t.preventDefault(),this.element?this.grid=this.element.parentNode:this.grid=t.target.parentNode,this.getDimensions(),this.setTracks(this.getRawTracks()),this.setComputedTracks(this.getRawComputedTracks()),this.setGap(this.getGap()),this.setComputedGap(this.getRawComputedGap());var e=this.trackValues.filter((function(t){return"%"===t.type})),i=this.trackValues.filter((function(t){return"fr"===t.type}));if(this.totalFrs=i.length,this.totalFrs){var r=s(i);null!==r&&(this.frToPixels=this.computedPixels[r].numeric/i[r].numeric)}if(e.length){var o=s(e);null!==o&&(this.percentageToPixels=this.computedPixels[o].numeric/e[o].numeric)}var a=this.getSizeAtTrack(this.track,!1)+this.start;if(this.dragStartOffset=this.getMousePosition(t)-a,this.aTrack=this.track-1,!(this.track<this.tracks.length-1))throw Error("Invalid track index: "+this.track+". Track must be between two other tracks and only "+this.tracks.length+" tracks were found.");this.bTrack=this.track+1,this.aTrackStart=this.getSizeAtTrack(this.aTrack,!1)+this.start,this.bTrackEnd=this.getSizeAtTrack(this.bTrack,!0)+this.start,this.dragging=!0,window.addEventListener("mouseup",this.stopDragging),window.addEventListener("touchend",this.stopDragging),window.addEventListener("touchcancel",this.stopDragging),window.addEventListener("mousemove",this.drag),window.addEventListener("touchmove",this.drag),this.grid.addEventListener("selectstart",n),this.grid.addEventListener("dragstart",n),this.grid.style.userSelect="none",this.grid.style.webkitUserSelect="none",this.grid.style.MozUserSelect="none",this.grid.style.pointerEvents="none",this.grid.style.cursor=this.cursor,window.document.body.style.cursor=this.cursor,this.onDragStart(this.direction,this.track)}},c.prototype.stopDragging=function(){this.dragging=!1,this.cleanup(),this.onDragEnd(this.direction,this.track),this.needsDestroy&&(this.element&&(this.element.removeEventListener("mousedown",this.startDragging),this.element.removeEventListener("touchstart",this.startDragging)),this.destroyCb(),this.needsDestroy=!1,this.destroyCb=null)},c.prototype.drag=function(t){var e=this.getMousePosition(t),i=this.getSizeOfTrack(this.track),r=this.aTrackStart+this.minSizeStart+this.dragStartOffset+this.computedGapPixels,s=this.bTrackEnd-this.minSizeEnd-this.computedGapPixels-(i-this.dragStartOffset);e<r+this.snapOffset&&(e=r),e>s-this.snapOffset&&(e=s),e<r?e=r:e>s&&(e=s);var n=e-this.aTrackStart-this.dragStartOffset-this.computedGapPixels,o=this.bTrackEnd-e+this.dragStartOffset-i-this.computedGapPixels;if(this.dragInterval>1){var a=Math.round(n/this.dragInterval)*this.dragInterval;o-=a-n,n=a}if(n<this.minSizeStart&&(n=this.minSizeStart),o<this.minSizeEnd&&(o=this.minSizeEnd),"px"===this.trackValues[this.aTrack].type)this.tracks[this.aTrack]=n+"px";else if("fr"===this.trackValues[this.aTrack].type)if(1===this.totalFrs)this.tracks[this.aTrack]="1fr";else{var h=n/this.frToPixels;this.tracks[this.aTrack]=h+"fr"}else if("%"===this.trackValues[this.aTrack].type){var c=n/this.percentageToPixels;this.tracks[this.aTrack]=c+"%"}if("px"===this.trackValues[this.bTrack].type)this.tracks[this.bTrack]=o+"px";else if("fr"===this.trackValues[this.bTrack].type)if(1===this.totalFrs)this.tracks[this.bTrack]="1fr";else{var u=o/this.frToPixels;this.tracks[this.bTrack]=u+"fr"}else if("%"===this.trackValues[this.bTrack].type){var d=o/this.percentageToPixels;this.tracks[this.bTrack]=d+"%"}var l=this.tracks.join(" ");this.writeStyle(this.grid,this.gridTemplateProp,l),this.onDrag(this.direction,this.track,l)},c.prototype.cleanup=function(){window.removeEventListener("mouseup",this.stopDragging),window.removeEventListener("touchend",this.stopDragging),window.removeEventListener("touchcancel",this.stopDragging),window.removeEventListener("mousemove",this.drag),window.removeEventListener("touchmove",this.drag),this.grid&&(this.grid.removeEventListener("selectstart",n),this.grid.removeEventListener("dragstart",n),this.grid.style.userSelect="",this.grid.style.webkitUserSelect="",this.grid.style.MozUserSelect="",this.grid.style.pointerEvents="",this.grid.style.cursor=""),window.document.body.style.cursor=""},c.prototype.destroy=function(t,e){void 0===t&&(t=!0),t||!1===this.dragging?(this.cleanup(),this.element&&(this.element.removeEventListener("mousedown",this.startDragging),this.element.removeEventListener("touchstart",this.startDragging)),e&&e()):(this.needsDestroy=!0,e&&(this.destroyCb=e))};var u=function(t,e,i){return e in t?t[e]:i},d=function(t,e){return function(i){if(i.track<1)throw Error("Invalid track index: "+i.track+". Track must be between two other tracks.");var r="column"===t?e.columnMinSizes||{}:e.rowMinSizes||{},s="column"===t?"columnMinSize":"rowMinSize";return new c(t,Object.assign({},{minSizeStart:u(r,i.track-1,a(e,s,a(e,"minSize",0))),minSizeEnd:u(r,i.track+1,a(e,s,a(e,"minSize",0)))},i),e)}},l=function(t){var e=this;this.columnGutters={},this.rowGutters={},this.options=Object.assign({},{columnGutters:t.columnGutters||[],rowGutters:t.rowGutters||[],columnMinSizes:t.columnMinSizes||{},rowMinSizes:t.rowMinSizes||{}},t),this.options.columnGutters.forEach((function(t){e.columnGutters[t.track]=d("column",e.options)(t)})),this.options.rowGutters.forEach((function(t){e.rowGutters[t.track]=d("row",e.options)(t)}))};return l.prototype.addColumnGutter=function(t,e){this.columnGutters[e]&&this.columnGutters[e].destroy(),this.columnGutters[e]=d("column",this.options)({element:t,track:e})},l.prototype.addRowGutter=function(t,e){this.rowGutters[e]&&this.rowGutters[e].destroy(),this.rowGutters[e]=d("row",this.options)({element:t,track:e})},l.prototype.removeColumnGutter=function(t,e){var i=this;void 0===e&&(e=!0),this.columnGutters[t]&&this.columnGutters[t].destroy(e,(function(){delete i.columnGutters[t]}))},l.prototype.removeRowGutter=function(t,e){var i=this;void 0===e&&(e=!0),this.rowGutters[t]&&this.rowGutters[t].destroy(e,(function(){delete i.rowGutters[t]}))},l.prototype.handleDragStart=function(t,e,i){"column"===e?(this.columnGutters[i]&&this.columnGutters[i].destroy(),this.columnGutters[i]=d("column",this.options)({track:i}),this.columnGutters[i].startDragging(t)):"row"===e&&(this.rowGutters[i]&&this.rowGutters[i].destroy(),this.rowGutters[i]=d("row",this.options)({track:i}),this.rowGutters[i].startDragging(t))},l.prototype.destroy=function(t){var e=this;void 0===t&&(t=!0),Object.keys(this.columnGutters).forEach((function(i){return e.columnGutters[i].destroy(t,(function(){delete e.columnGutters[i]}))})),Object.keys(this.rowGutters).forEach((function(i){return e.rowGutters[i].destroy(t,(function(){delete e.rowGutters[i]}))}))},function(t){return new l(t)}}));
+//# sourceMappingURL=split-grid.min.js.map

src/stochastic_event.mjs

+
+// maps tiles to unique string to be used as a map key
+function tileKey(tile) {
+	return `${tile.tid},${tile.x},${tile.y}`;
+}
+
+export class EventBucket {
+	constructor() {
+		this.tiles = []; // array of tiles currently in the bucket
+		this.indexMap = new Map(); // maps tile keys to indices
+	}
+
+	// add an event for tile into bucket
+	addEvent(tile) {
+		const key = tileKey(tile);
+
+		// check if event already exists
+		if (this.indexMap.has(key)) {
+			return false; // unable to add already-existing tile
+		}
+
+		this.indexMap[key] = this.tiles.length;
+		this.tiles.push(tiles);
+		return true;
+	}
+
+	// remove event for tile from bucket
+	removeEvent(tile) {
+		const key = tileKey(tile);
+
+		// check if event does not exist
+		if (!this.indexMap.has(key)) {
+			return false; // unable to remove non-existent event
+		}
+
+		const index = this.indexMap.get(key);
+
+		// if removed tile is not last in list, removing it will leave a gap
+		// so we move the last tile in the list to fill the gap
+		if (index != this.tiles.length - 1) {
+			const last = this.tiles.at(-1);
+			this.tiles[index] = last;
+			this.indexMap[tileKey(last)] = index;
+		}
+
+		// remove last item in list
+		this.indexMap.delete(key);
+		this.tiles.pop();
+
+		return true;
+	}
+}
+
+// attachment event for fixed concentrations
+export class AttachmentEventBucket extends EventBucket {
+
+	constructor(Gmc, concentration) {
+		super();
+		this.Gmc = Gmc;
+		this.concentration = concentration;
+		this.type = 'attachment'
+	}
+
+	getLogProbability() {
+		return Math.log2(this.tiles.length * this.concentration) - this.Gmc;
+	}
+}
+
+// detachment event for fixed number of glue bonds
+export class DetachmentEventBucket extends EventBucket {
+
+	constructor(Gse, strength) {
+		super();
+		this.Gse = Gse;
+		this.strength = strength;
+		this.type = 'detachment'
+	}
+
+	getLogProbability() {
+		return Math.log2(this.tiles.length) - this.Gse * this.strength;
+	}
+}
+
+export class GumbelDistribution {
+	constructor(mu=0, beta=1) {
+		this.mu = mu;
+		this.beta = beta;
+
+		this.epsilon = 1e-7;
+	}
+
+	CDF(x) {
+		return Math.exp(-Math.exp(-(x-this.mu) / this.beta));
+	}
+
+	inverseCDF(y) {
+		return this.mu - this.beta * Math.log( Math.log( 1 / y ) );
+	}
+
+	sample() {
+		// generate a random number [eps, 1)
+		// should be (0,1), but we want to avoid division by 0
+		const y = Math.random() * (1 - this.epsilon) + this.epsilon;
+
+		// inverse transform sampling converts uniform distribution to gumbel
+		return this.inverseCDF(y);
+	}
+}
+
+// simulates a poisson process for kinetic tiles
+export class StochasticEventSet {
+
+	constructor(Gmc, Gse, kf) {
+		this.Gmc = Gmc; // attachment rate constant
+		this.Gse = Gse; // detachment rate constant
+		this.kf = kf; // forward rate to determine time scale
+
+		this.eventBuckets = [];
+		this.attachmentBuckets = new Map(); // maps concentrations to buckets
+		this.detachmentBuckets = new Map(); // maps strengths to buckets
+
+		this.gumbel = new GumbelDistribution();
+	}
+
+	addAttachmentEvent(tile, concentration) {
+		// no bucket for that concentration exists so make one
+		if (!this.attachmentBuckets.has(concentration)) {
+			const bucket = new AttachmentEventBucket(this.Gmc, concentration);
+			this.attachmentBuckets.set(concentration, bucket);
+			this.eventBuckets.push(bucket);
+		}
+
+		const bucket = this.attachmentBuckets.get(concentration);
+		return bucket.addEvent(tile); // true if added, false if unable
+	}
+
+	addDetachmentEvent(tile, strength) {
+		// no bucket for that strength exists so make one
+		if (!this.detachmentBuckets.has(strength)) {
+			const bucket = new DetachmentEventBucket(this.Gse, strength);
+			this.detachmentBuckets.set(strength, bucket);
+			this.eventBuckets.push(bucket);
+		}
+
+		const bucket = this.detachmentBuckets.get(strength);
+		return bucket.addEvent(tile);
+	}
+
+	removeAttachmentEvent(tile, concentration) {
+		if (!this.attachmentBuckets.has(concentration))
+			return false;
+
+		const bucket = this.attachmentBuckets.get(concentration);
+		return bucket.removeEvent(tile);
+	}
+
+	removeDetachmentEvent(tile, strength) {
+		if (!this.detachmentBuckets.has(strength))
+			return false;
+
+		const bucket = this.detachmentBuckets.get(strength);
+		return bucket.removeEvent(tile);
+	}
+
+	sample() {
+		// first choose a bucket using Gumbel raparametrization trick
+		let selectedBucket;
+		let maxValue, g, lp;
+		let rateAny = 0;
+
+		for (const bucket of this.eventBuckets) {
+			if (bucket.tiles.length > 0) {
+				lp = bucket.getLogProbability();
+				g = lp + this.gumbel.sample();
+				rateAny += Math.exp(lp);
+				if (selectedBucket === undefined or g > maxValue) {
+					maxValue = g;
+					selectedBucket = bucket;
+				}
+			}
+		}
+
+		// if no bucket was selected, then there are no events to sample
+		if (selectedBucket === undefined) {
+			return null;
+		}
+
+		// now sample from selected bucket uniformly
+		const randIdx = Math.floor(Math.random() * selectedBucket.tiles.length)
+		const tile = selectedBucket.tiles[randIdx];
+
+		// generate dt for event
+		const dt = -Math.log(1 - Math.random()) / rateAny / this.kf;
+
+		return { type: selectedBucket.type, tile: tile,	dt: dt };
+	}
+}
\ No newline at end of file

src/textmanager.mjs

+import * as THREE from './three.module.mjs';
+import * as AssetManager from './assetmanager.mjs';
+import { Color, Vector2D } from './utils.mjs';
+
+const glyphTable = new Map();
+const tileGlyphData = new Map();
+
+const BUCKET_SIZE = 1024;
+const glyphBuckets = [];
+let glyphCount = 0;
+let newGlyphBuckets = 0;
+
+let glyphGeometry, glyphMaterial;
+
+const vertices = new Float32Array([
+    0.0, 0.0, 0.0,
+    1.0, 0.0, 0.0,
+    0.0, 1.0, 0.0,
+    1.0, 1.0, 0.0,
+    0.0, 1.0, 0.0,
+    1.0, 0.0, 0.0,
+]);
+
+const uvs = new Float32Array([
+    0.0, 0.0,
+    1.0, 0.0,
+    0.0, 1.0,
+    1.0, 1.0,
+    0.0, 1.0,
+    1.0, 0.0,
+]);
+
+export function clearText() {
+    glyphCount = 0;
+    for (const bucket of glyphBuckets) {
+	bucket.geometry.instanceCount = 0;
+    }
+}
+
+export function addTileGlyphs(tile) {
+    const glyphData = tileGlyphData.get(tile.type.id);
+
+    const offset = [tile.coords.x, tile.coords.y];
+    
+    let addedGlyphs = 0;
+    let bucketIdx = Math.floor(glyphCount / BUCKET_SIZE);
+
+    let subarray;
+    while (addedGlyphs < glyphData.length) {
+	const bucket = glyphBuckets[bucketIdx];
+	
+	const start = glyphCount % BUCKET_SIZE;
+	const capacity = BUCKET_SIZE - start;
+	const count = Math.min(capacity, glyphData.length - addedGlyphs);
+
+	const attributes = bucket.geometry.attributes;
+
+	subarray = glyphData.atlasOffsetArray.subarray(2*addedGlyphs, 2*(addedGlyphs + count));
+	attributes.atlasOffset.array.set(subarray, 2*start);
+
+	subarray = glyphData.atlasSizeArray.subarray(2*addedGlyphs, 2*(addedGlyphs + count));
+	attributes.atlasSize.array.set(subarray, 2*start);
+
+	subarray = glyphData.glyphOriginArray.subarray(2*addedGlyphs, 2*(addedGlyphs + count));
+	attributes.glyphOrigin.array.set(subarray, 2*start);
+
+	subarray = glyphData.glyphUpArray.subarray(2*addedGlyphs, 2*(addedGlyphs + count));
+	attributes.glyphUp.array.set(subarray, 2*start);
+
+	subarray = glyphData.glyphRightArray.subarray(2*addedGlyphs, 2*(addedGlyphs + count));
+	attributes.glyphRight.array.set(subarray, 2*start);
+
+	subarray = glyphData.glyphSizeArray.subarray(addedGlyphs, addedGlyphs + count);
+	attributes.glyphSize.array.set(subarray, start);
+
+	subarray = glyphData.glyphColorArray.subarray(3*addedGlyphs, 3*(addedGlyphs + count));
+	attributes.glyphColor.array.set(subarray, 3*start);
+
+	for (let i = 0; i < count; i++)
+	    attributes.glyphOffset.array.set(offset, 2*(start + i));
+	
+	addedGlyphs += count;
+	glyphCount += count;
+	bucket.geometry.instanceCount += count;
+	
+	if (count === capacity) {
+	    bucketIdx++;
+
+	    if (bucketIdx === glyphBuckets.length) {
+		const newBucket = new THREE.Mesh(glyphGeometry.clone(), glyphMaterial);
+		newBucket.layers.enable(0);
+		newBucket.layers.enable(1);
+		newBucket.geometry.instanceCount = 0;
+		newBucket.frustumCulled = false;
+		glyphBuckets.push(newBucket);
+		newGlyphBuckets++;
+	    }
+	}
+    }
+}
+
+export function update(scene, canvas) {
+    if (glyphMaterial === undefined)
+		return;
+    
+    glyphMaterial.uniforms.viewport.value = new THREE.Vector2(canvas.clientWidth, canvas.clientHeight);
+
+    for (let i = 0; i < newGlyphBuckets; i++) {
+		const bucket = glyphBuckets[glyphBuckets.length - i - 1];
+		scene.add(bucket);
+    }
+    
+    const nonempty = Math.ceil(glyphCount / BUCKET_SIZE);
+    for (let i = 0; i < nonempty; i++) {
+		const bucket = glyphBuckets[i];
+
+		bucket.geometry.attributes.atlasOffset.needsUpdate = true;
+		bucket.geometry.attributes.atlasSize.needsUpdate = true;
+		bucket.geometry.attributes.glyphOrigin.needsUpdate = true;
+		bucket.geometry.attributes.glyphUp.needsUpdate = true;
+		bucket.geometry.attributes.glyphRight.needsUpdate = true;
+		bucket.geometry.attributes.glyphSize.needsUpdate = true;
+		bucket.geometry.attributes.glyphColor.needsUpdate = true;
+		bucket.geometry.attributes.glyphOffset.needsUpdate = true;
+    }
+}
+
+export function init(scene, canvas) {
+    initGlyphTable();
+
+    glyphGeometry = new THREE.InstancedBufferGeometry();
+    glyphGeometry.setAttribute('position', new THREE.BufferAttribute(vertices, 3));
+    glyphGeometry.setAttribute('uv', new THREE.BufferAttribute(uvs, 2));
+    
+    glyphGeometry.setAttribute('atlasOffset', new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 2), 2));
+    glyphGeometry.setAttribute('atlasSize',   new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 2), 2));
+    glyphGeometry.setAttribute('glyphOrigin', new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 2), 2));
+    glyphGeometry.setAttribute('glyphOffset', new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 2), 2));
+    glyphGeometry.setAttribute('glyphUp',     new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 2), 2));
+    glyphGeometry.setAttribute('glyphRight',  new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 2), 2));
+    glyphGeometry.setAttribute('glyphSize',   new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 1), 1));
+    glyphGeometry.setAttribute('glyphColor',  new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 3), 3));
+    glyphGeometry.instanceCount = 0;
+
+    const fontTexture = AssetManager.getTexture("font");
+    fontTexture.minFilter = THREE.LinearFilter;
+    fontTexture.magFilter = THREE.LinearFilter;
+    fontTexture.generateMipmaps = true;
+    fontTexture.needsUpdate = true;
+
+    const fontData = JSON.parse(AssetManager.getFile("font_data"));
+    
+    glyphMaterial = new THREE.ShaderMaterial({
+	uniforms: {
+	    viewport: { value: new THREE.Vector2(canvas.clientWidth, canvas.clientHeight) },
+	    fieldRange: { value: fontData.atlas.distanceRange / fontData.atlas.size },
+	    map: { type: "t", value: fontTexture }
+	    
+	},
+	vertexShader: AssetManager.getFile("text_vs"),
+	fragmentShader: AssetManager.getFile("text_fs"),
+	transparent: true,
+    });
+
+    const glyphMesh = new THREE.Mesh(glyphGeometry, glyphMaterial);
+    glyphMesh.layers.enable(0);
+    glyphMesh.layers.enable(1);
+    glyphMesh.frustumCulled = false;
+    glyphBuckets.push(glyphMesh);
+    newGlyphBuckets = 1;
+}
+
+function initGlyphTable() {
+    const fontData = JSON.parse(AssetManager.getFile("font_data"));
+
+    const atlas = fontData.atlas;
+
+    for (const glyph of fontData.glyphs) {
+	const char = String.fromCharCode(glyph.unicode);
+
+	if (char === ' ') {
+	    glyphTable.set(char, { advance: glyph.advance });
+	} else {
+	    const atlasOffset = new Vector2D(
+		glyph.atlasBounds.left / atlas.width,
+		glyph.atlasBounds.bottom / atlas.height
+	    );
+
+	    const atlasSize = new Vector2D(
+		(glyph.atlasBounds.right - glyph.atlasBounds.left) / atlas.width,
+		(glyph.atlasBounds.top - glyph.atlasBounds.bottom) / atlas.height
+	    );
+	    const planeOffset = new Vector2D(
+		glyph.planeBounds.left,
+		glyph.planeBounds.bottom
+	    );
+	    const planeSize = new Vector2D(
+		glyph.planeBounds.right - glyph.planeBounds.left,
+		glyph.planeBounds.top - glyph.planeBounds.bottom
+	    );
+	    
+	    glyphTable.set(char, {
+		atlasOffset: atlasOffset,
+		atlasSize: atlasSize,
+		planeOffset: planeOffset,
+		planeSize: planeSize,
+		advance: glyph.advance,
+	    });
+	}
+    }
+}
+
+const NAME_SIZE = 0.12;
+const NAME_CENTER = new Vector2D(0, -0.125);
+
+const LABEL_SIZE = 0.15;
+const LABEL_CENTER = new Vector2D(0, 0.0625);
+
+const GLUE_SIZE = 0.125;
+const N_CENTER = new Vector2D(0, 0.375);
+const E_CENTER = new Vector2D(0.375, 0);
+const S_CENTER = new Vector2D(0, -0.375);
+const W_CENTER = new Vector2D(-0.375, 0);
+
+export function genTileTypeGlyphs(type) {
+
+    const textColor = type.color.getContrastColor();
+
+    const data = [];
+    
+    data.push(genGlyphsFromText(type.name, textColor, NAME_SIZE, NAME_CENTER));
+    data.push(genGlyphsFromText(type.label, textColor, LABEL_SIZE, LABEL_CENTER));
+
+    if (type.glues.north !== null)
+	data.push(genGlyphsFromText(type.glues.north.label, textColor, GLUE_SIZE, N_CENTER, Math.PI));
+    if (type.glues.east !== null)
+	data.push(genGlyphsFromText(type.glues.east.label, textColor, GLUE_SIZE, E_CENTER, -Math.PI / 2));
+    if (type.glues.south !== null)
+	data.push(genGlyphsFromText(type.glues.south.label, textColor, GLUE_SIZE, S_CENTER, 0));
+    if (type.glues.west !== null)
+	data.push(genGlyphsFromText(type.glues.west.label, textColor, GLUE_SIZE, W_CENTER, Math.PI / 2));
+    
+    tileGlyphData.set(type.id, concatGlyphData(data));
+}
+
+function concatGlyphData(dataList) {
+    const data = { length: 0 };
+
+    for (const dataItem of dataList)
+	data.length += dataItem.length;
+
+    data.atlasOffsetArray = new Float32Array(data.length * 2);
+    data.atlasSizeArray   = new Float32Array(data.length * 2);
+    data.glyphOriginArray = new Float32Array(data.length * 2);
+    data.glyphUpArray     = new Float32Array(data.length * 2);
+    data.glyphRightArray  = new Float32Array(data.length * 2);
+    data.glyphSizeArray   = new Float32Array(data.length * 1);
+    data.glyphColorArray  = new Float32Array(data.length * 3);
+
+    let offset = 0;
+    for (let i = 0; i < dataList.length; i++) {
+	const dataItem = dataList[i];
+	data.atlasOffsetArray.set(dataItem.atlasOffsetArray, offset * 2);
+	data.atlasSizeArray.set(dataItem.atlasSizeArray, offset * 2);
+	data.glyphOriginArray.set(dataItem.glyphOriginArray, offset * 2);
+	data.glyphUpArray.set(dataItem.glyphUpArray, offset * 2);
+	data.glyphRightArray.set(dataItem.glyphRightArray, offset * 2);
+	data.glyphSizeArray.set(dataItem.glyphSizeArray, offset);
+	data.glyphColorArray.set(dataItem.glyphColorArray, offset * 3);
+
+	offset += dataItem.length;
+    }
+
+    return data;
+}
+
+// angle is the clockwise rotation in radians, 0 means normal left-to-right
+// center is a Vector2D representing the center location of the text
+function genGlyphsFromText(text, color, size, center, angle=0, maxWidth=Infinity) {
+
+    const up = new Vector2D(0, 1).rotateCW(angle);
+    const right = new Vector2D(1, 0).rotateCW(angle);
+    
+    // determine length of text
+    let width = 0;
+    let length = text.length;
+    for (let i = 0; i < text.length; i++) {
+	const char = text[i];
+	const glyph = glyphTable.get(char);
+	width += glyph.advance * size;
+    }
+    // TODO handle maxWidth here
+
+    // generate arrays for text
+    const data = {
+	length: length,
+	atlasOffsetArray: new Float32Array(length * 2),
+	atlasSizeArray:   new Float32Array(length * 2),
+	glyphOriginArray: new Float32Array(length * 2),
+	glyphUpArray:     new Float32Array(length * 2),
+	glyphRightArray:  new Float32Array(length * 2),
+	glyphSizeArray:   new Float32Array(length * 1),
+	glyphColorArray:  new Float32Array(length * 3),
+    };
+    
+    let advance = 0;
+    for (let i = 0; i < length; i++) {
+	const char = text[i];
+	const glyph = glyphTable.get(char);
+
+	const poffs = glyph.planeOffset.scale(size);
+	const psize = glyph.planeSize.scale(size);
+	const origin = center.add(right.scale(advance - width / 2)).add(poffs.rotateCW(angle));
+	
+	data.atlasOffsetArray.set(glyph.atlasOffset.toArray(), 2*i);
+	data.atlasSizeArray.set(glyph.atlasSize.toArray(), 2*i);
+	data.glyphOriginArray.set(origin.toArray(), 2*i);
+	data.glyphUpArray.set(up.scale(psize.y).toArray(), 2*i);
+	data.glyphRightArray.set(right.scale(psize.x).toArray(), 2*i);
+	data.glyphSizeArray.set([size], i);
+	data.glyphColorArray.set(color.toArray(), 3*i);
+
+	advance += glyph.advance * size;
+    }
+
+    return data;
+}
+
+export class TextManager {
+
+	static BUCKET_SIZE = 1024;
+
+	constructor(scene, canvas) {
+		this.scene = scene;
+		this.canvas = canvas;
+
+		this.glyphGeometry = undefined;
+		this.glyphMaterial = undefined;
+
+		// stores attributes related to each glyph
+		this.glyphTable = new Map();
+
+		// stores glyphs for each tile
+		this.tileGlyphData = new Map();
+
+		this.glyphBuckets = [];
+
+		this.glyphCount = 0;
+		this.newGlyphBuckets = 0;
+	}
+
+	init() {
+		initGlyphTable();
+
+		this.glyphGeometry = new THREE.InstancedBufferGeometry();
+	    this.glyphGeometry.setAttribute('position', new THREE.BufferAttribute(vertices, 3));
+	    this.glyphGeometry.setAttribute('uv', new THREE.BufferAttribute(uvs, 2));
+	    
+	    this.glyphGeometry.setAttribute('atlasOffset', new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 2), 2));
+	    this.glyphGeometry.setAttribute('atlasSize',   new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 2), 2));
+	    this.glyphGeometry.setAttribute('glyphOrigin', new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 2), 2));
+	    this.glyphGeometry.setAttribute('glyphOffset', new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 2), 2));
+	    this.glyphGeometry.setAttribute('glyphUp',     new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 2), 2));
+	    this.glyphGeometry.setAttribute('glyphRight',  new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 2), 2));
+	    this.glyphGeometry.setAttribute('glyphSize',   new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 1), 1));
+	    this.glyphGeometry.setAttribute('glyphColor',  new THREE.InstancedBufferAttribute(new Float32Array(BUCKET_SIZE * 3), 3));
+	    this.glyphGeometry.instanceCount = 0;
+
+	    const fontTexture = AssetManager.getTexture("font").clone();
+	    fontTexture.minFilter = THREE.LinearFilter;
+	    fontTexture.magFilter = THREE.LinearFilter;
+	    fontTexture.generateMipmaps = true;
+	    fontTexture.needsUpdate = true;
+
+	    const fontData = JSON.parse(AssetManager.getFile("font_data"));
+	    
+	    this.glyphMaterial = new THREE.ShaderMaterial({
+			uniforms: {
+			    viewport: { value: new THREE.Vector2(this.canvas.clientWidth, this.canvas.clientHeight) },
+			    fieldRange: { value: fontData.atlas.distanceRange / fontData.atlas.size },
+			    map: { type: "t", value: fontTexture }
+			    
+			},
+			vertexShader: AssetManager.getFile("text_vs"),
+			fragmentShader: AssetManager.getFile("text_fs"),
+			transparent: true,
+	    });
+
+	    const glyphMesh = new THREE.Mesh(this.glyphGeometry, this.glyphMaterial);
+	    glyphMesh.layers.enable(0);
+	    glyphMesh.layers.enable(1);
+	    glyphMesh.frustumCulled = false;
+	    // glyphMesh.onBeforeRender = (renderer, scene, camera, geometry, material, group) => {
+	    // 	material.uniforms.viewport.value = new THREE.Vector2(this.canvas.clientWidth, this.canvas.clientHeight);
+	    // };
+	    this.glyphBuckets.push(glyphMesh);
+	    this.newGlyphBuckets = 1;
+	}
+
+	clearText() {
+	    this.glyphCount = 0;
+	    for (const bucket of this.glyphBuckets) {
+			bucket.geometry.instanceCount = 0;
+		}
+	}
+
+	addTileGlyphs(tile) {
+	    const glyphData = this.tileGlyphData.get(tile.type.id);
+
+	    const offset = [tile.coords.x, tile.coords.y];
+	    
+	    let addedGlyphs = 0;
+	    let bucketIdx = Math.floor(this.glyphCount / TextManager.BUCKET_SIZE);
+
+	    let subarray;
+	    while (addedGlyphs < glyphData.length) {
+			const bucket = this.glyphBuckets[bucketIdx];
+			
+			const start = this.glyphCount % TextManager.BUCKET_SIZE;
+			const capacity = TextManager.BUCKET_SIZE - start;
+			const count = Math.min(capacity, glyphData.length - addedGlyphs);
+
+			const attributes = bucket.geometry.attributes;
+
+			subarray = glyphData.atlasOffsetArray.subarray(2*addedGlyphs, 2*(addedGlyphs + count));
+			attributes.atlasOffset.array.set(subarray, 2*start);
+
+			subarray = glyphData.atlasSizeArray.subarray(2*addedGlyphs, 2*(addedGlyphs + count));
+			attributes.atlasSize.array.set(subarray, 2*start);
+
+			subarray = glyphData.glyphOriginArray.subarray(2*addedGlyphs, 2*(addedGlyphs + count));
+			attributes.glyphOrigin.array.set(subarray, 2*start);
+
+			subarray = glyphData.glyphUpArray.subarray(2*addedGlyphs, 2*(addedGlyphs + count));
+			attributes.glyphUp.array.set(subarray, 2*start);
+
+			subarray = glyphData.glyphRightArray.subarray(2*addedGlyphs, 2*(addedGlyphs + count));
+			attributes.glyphRight.array.set(subarray, 2*start);
+
+			subarray = glyphData.glyphSizeArray.subarray(addedGlyphs, addedGlyphs + count);
+			attributes.glyphSize.array.set(subarray, start);
+
+			subarray = glyphData.glyphColorArray.subarray(3*addedGlyphs, 3*(addedGlyphs + count));
+			attributes.glyphColor.array.set(subarray, 3*start);
+
+			for (let i = 0; i < count; i++)
+			    attributes.glyphOffset.array.set(offset, 2*(start + i));
+			
+			addedGlyphs += count;
+			this.glyphCount += count;
+			bucket.geometry.instanceCount += count;
+			
+			if (count === capacity) {
+			    bucketIdx++;
+
+			    if (bucketIdx === this.glyphBuckets.length) {
+					const newBucket = new THREE.Mesh(this.glyphGeometry.clone(), this.glyphMaterial);
+					// newBucket.onBeforeRender = (renderer, scene, camera, geometry, material, group) => {
+	    			// 	material.uniforms.viewport.value = new THREE.Vector2(this.canvas.clientWidth, this.canvas.clientHeight);
+	    			// };
+					newBucket.geometry.instanceCount = 0;
+					newBucket.frustumCulled = false;
+					this.glyphBuckets.push(newBucket);
+					this.newGlyphBuckets++;
+			    }
+			}
+	    }
+	}
+
+	update() {
+	    if (this.glyphMaterial === undefined)
+			return;
+	    
+	    this.glyphMaterial.uniforms.viewport.value = new THREE.Vector2(this.canvas.clientWidth, this.canvas.clientHeight);
+
+	    for (let i = 0; i < this.newGlyphBuckets; i++) {
+			const bucket = this.glyphBuckets[this.glyphBuckets.length - i - 1];
+			this.scene.add(bucket);
+	    }
+	    
+	    const nonempty = Math.ceil(this.glyphCount / TextManager.BUCKET_SIZE);
+	    for (let i = 0; i < nonempty; i++) {
+			const bucket = this.glyphBuckets[i];
+
+			bucket.geometry.attributes.atlasOffset.needsUpdate = true;
+			bucket.geometry.attributes.atlasSize.needsUpdate = true;
+			bucket.geometry.attributes.glyphOrigin.needsUpdate = true;
+			bucket.geometry.attributes.glyphUp.needsUpdate = true;
+			bucket.geometry.attributes.glyphRight.needsUpdate = true;
+			bucket.geometry.attributes.glyphSize.needsUpdate = true;
+			bucket.geometry.attributes.glyphColor.needsUpdate = true;
+			bucket.geometry.attributes.glyphOffset.needsUpdate = true;
+	    }
+	}
+
+	initGlyphTable() {
+	    const fontData = JSON.parse(AssetManager.getFile("font_data"));
+	    const atlas = fontData.atlas;
+
+	    for (const glyph of fontData.glyphs) {
+			const char = String.fromCharCode(glyph.unicode);
+
+			if (char === ' ') {
+			    this.glyphTable.set(char, { advance: glyph.advance });
+			} else {
+			    const atlasOffset = new Vector2D(
+					glyph.atlasBounds.left / atlas.width,
+					glyph.atlasBounds.bottom / atlas.height
+			    );
+			    const atlasSize = new Vector2D(
+					(glyph.atlasBounds.right - glyph.atlasBounds.left) / atlas.width,
+					(glyph.atlasBounds.top - glyph.atlasBounds.bottom) / atlas.height
+			    );
+			    const planeOffset = new Vector2D(
+					glyph.planeBounds.left,
+					glyph.planeBounds.bottom
+			    );
+			    const planeSize = new Vector2D(
+					glyph.planeBounds.right - glyph.planeBounds.left,
+					glyph.planeBounds.top - glyph.planeBounds.bottom
+			    );
+			    
+			    this.glyphTable.set(char, {
+					atlasOffset: atlasOffset,
+					atlasSize: atlasSize,
+					planeOffset: planeOffset,
+					planeSize: planeSize,
+					advance: glyph.advance,
+			    });
+			}
+	    }
+	}
+
+	genTileTypeGlyphs(type) {
+	    const textColor = type.color.getContrastColor();
+
+	    const data = [];
+	    
+	    data.push(this.genGlyphsFromText(type.name, textColor, NAME_SIZE, NAME_CENTER));
+	    data.push(this.genGlyphsFromText(type.label, textColor, LABEL_SIZE, LABEL_CENTER));
+
+	    if (type.glues.north !== null)
+			data.push(this.genGlyphsFromText(type.glues.north.label, textColor, GLUE_SIZE, N_CENTER, Math.PI));
+	    if (type.glues.east !== null)
+			data.push(this.genGlyphsFromText(type.glues.east.label, textColor, GLUE_SIZE, E_CENTER, -Math.PI / 2));
+	    if (type.glues.south !== null)
+			data.push(this.genGlyphsFromText(type.glues.south.label, textColor, GLUE_SIZE, S_CENTER, 0));
+	    if (type.glues.west !== null)
+			data.push(this.genGlyphsFromText(type.glues.west.label, textColor, GLUE_SIZE, W_CENTER, Math.PI / 2));
+	    
+	    this.tileGlyphData.set(type.id, this.concatGlyphData(data));
+	}
+
+	concatGlyphData(dataList) {
+	    const data = { length: 0 };
+
+	    for (const dataItem of dataList)
+		data.length += dataItem.length;
+
+	    data.atlasOffsetArray = new Float32Array(data.length * 2);
+	    data.atlasSizeArray   = new Float32Array(data.length * 2);
+	    data.glyphOriginArray = new Float32Array(data.length * 2);
+	    data.glyphUpArray     = new Float32Array(data.length * 2);
+	    data.glyphRightArray  = new Float32Array(data.length * 2);
+	    data.glyphSizeArray   = new Float32Array(data.length * 1);
+	    data.glyphColorArray  = new Float32Array(data.length * 3);
+
+	    let offset = 0;
+	    for (let i = 0; i < dataList.length; i++) {
+			const dataItem = dataList[i];
+			data.atlasOffsetArray.set(dataItem.atlasOffsetArray, offset * 2);
+			data.atlasSizeArray.set(dataItem.atlasSizeArray, offset * 2);
+			data.glyphOriginArray.set(dataItem.glyphOriginArray, offset * 2);
+			data.glyphUpArray.set(dataItem.glyphUpArray, offset * 2);
+			data.glyphRightArray.set(dataItem.glyphRightArray, offset * 2);
+			data.glyphSizeArray.set(dataItem.glyphSizeArray, offset);
+			data.glyphColorArray.set(dataItem.glyphColorArray, offset * 3);
+
+			offset += dataItem.length;
+	    }
+
+	    return data;
+	}
+
+	genGlyphsFromText(text, color, size, center, angle=0, maxWidth=Infinity) {
+	    const up = new Vector2D(0, 1).rotateCW(angle);
+	    const right = new Vector2D(1, 0).rotateCW(angle);
+	    
+	    // determine length of text
+	    let width = 0;
+	    let length = text.length;
+	    for (let i = 0; i < text.length; i++) {
+			const char = text[i];
+			const glyph = glyphTable.get(char);
+			width += glyph.advance * size;
+	    }
+	    // TODO handle maxWidth here
+
+	    // generate arrays for text
+	    const data = {
+			length: length,
+			atlasOffsetArray: new Float32Array(length * 2),
+			atlasSizeArray:   new Float32Array(length * 2),
+			glyphOriginArray: new Float32Array(length * 2),
+			glyphUpArray:     new Float32Array(length * 2),
+			glyphRightArray:  new Float32Array(length * 2),
+			glyphSizeArray:   new Float32Array(length * 1),
+			glyphColorArray:  new Float32Array(length * 3),
+	    };
+	    
+	    let indexOffset = 0; // keep track of spaces
+	    let advance = 0;
+	    for (let i = 0; i < length; i++) {
+			const char = text[i];
+			const glyph = glyphTable.get(char);
+
+			if (char === ' ') {
+				indexOffset++;
+			} else {
+				const idx = i - indexOffset;
+
+				const poffs = glyph.planeOffset.scale(size);
+				const psize = glyph.planeSize.scale(size);
+				const origin = center.add(right.scale(advance - width / 2)).add(poffs.rotateCW(angle));
+				
+				data.atlasOffsetArray.set(glyph.atlasOffset.toArray(), 2*idx);
+				data.atlasSizeArray.set(glyph.atlasSize.toArray(), 2*idx);
+				data.glyphOriginArray.set(origin.toArray(), 2*idx);
+				data.glyphUpArray.set(up.scale(psize.y).toArray(), 2*idx);
+				data.glyphRightArray.set(right.scale(psize.x).toArray(), 2*idx);
+				data.glyphSizeArray.set([size], idx);
+				data.glyphColorArray.set(color.toArray(), 3*idx);
+			}
+			advance += glyph.advance * size;
+	    }
+
+	    return data;
+	}
+}
\ No newline at end of file

src/tileblock.mjs

+import * as THREE from './three.module.mjs';
+import * as AssetManager from './assetmanager.mjs';
+import { Vector2D } from './utils.mjs';
+
+const tileGeometry = new THREE.PlaneGeometry(1, 1);
+const tileMaterial = new THREE.MeshBasicMaterial();
+
+//const outlineGeometry = new THREE.PlaneGeometry(1.03125, 1.03125);
+const outlineGeometry = new THREE.InstancedBufferGeometry();
+const outlineMaterial = new THREE.ShaderMaterial();
+
+const BLOCK_WIDTH = 32;
+const BLOCK_HEIGHT = 32;
+const BLOCK_SIZE = BLOCK_WIDTH * BLOCK_HEIGHT;
+const BLOCK_DIMS = new Vector2D(BLOCK_WIDTH, BLOCK_HEIGHT);
+
+const OUTLINE_SIZE = 1.03125;
+
+class TileBlock {
+    constructor(origin) {
+		this.origin = origin;
+		
+		this.tileMesh = new THREE.InstancedMesh(tileGeometry, tileMaterial, BLOCK_SIZE);
+		this.tileMesh.instanceMatrix.setUsage(THREE.DynamicDrawUsage);
+		this.tileMesh.count = 0;
+
+		this.outlineGeometry = outlineGeometry.clone();
+		this.outlineGeometry.instanceCount = 0;
+		this.outlineMesh = new THREE.Mesh(this.outlineGeometry, outlineMaterial, BLOCK_SIZE);
+		this.outlineMesh.frustumCulled = false;
+		
+		this.tileData = new Array();
+		this.indexMap = new Array(BLOCK_SIZE); // maps block locations to array indices of tiles
+   	}
+
+    contains(coords) {
+		const offset = coords.sub(this.origin);
+		return offset.x >= 0 && offset.x < BLOCK_WIDTH &&
+		       offset.y >= 0 && offset.y < BLOCK_HEIGHT;
+    }
+
+    add(type, coords) {
+		if (!this.contains(coords)) {
+		    console.log("ERROR: attempting to add tile to invalid tile block");
+		    return false;
+		}
+
+		const offset = coords.sub(this.origin);
+		const key = offset.x + offset.y * BLOCK_WIDTH;
+		if (this.indexMap[key] !== undefined) {
+		    console.log("ERROR: attempting to add tile to occupied location in tile block");
+		    return false;
+		}
+
+		this.indexMap[key] = this.tileData.length;
+		this.tileData.push({type: type, coords: coords});
+
+		// there's a cleaner way to do this, but I'm lazy
+		const dummy = new THREE.Object3D();
+		dummy.position.x = coords.x;
+		dummy.position.y = coords.y;
+		dummy.updateMatrix();
+		this.tileMesh.setMatrixAt(this.tileMesh.count, dummy.matrix);
+
+		const color = new THREE.Color(type.color.r, type.color.g, type.color.b);
+		this.tileMesh.setColorAt(this.tileMesh.count, color);
+
+		this.tileMesh.count++;
+		this.tileMesh.instanceMatrix.needsUpdate = true;
+		this.tileMesh.instanceColor.needsUpdate = true;
+		
+		const offsetAttrib = this.outlineGeometry.attributes.offset.array;
+		offsetAttrib[3 * this.outlineGeometry.instanceCount + 0] = coords.x;
+		offsetAttrib[3 * this.outlineGeometry.instanceCount + 1] = coords.y;
+		offsetAttrib[3 * this.outlineGeometry.instanceCount + 2] = 0;
+
+		const strengthsAttrib = this.outlineGeometry.attributes.strengths.array;
+		if (type.glues.north !== null)
+		    strengthsAttrib[4 * this.outlineGeometry.instanceCount + 0] = type.glues.north.strength;
+		if (type.glues.east !== null)
+		    strengthsAttrib[4 * this.outlineGeometry.instanceCount + 1] = type.glues.east.strength;
+		if (type.glues.south !== null)
+		    strengthsAttrib[4 * this.outlineGeometry.instanceCount + 2] = type.glues.south.strength;
+		if (type.glues.west !== null)
+		    strengthsAttrib[4 * this.outlineGeometry.instanceCount + 3] = type.glues.west.strength;
+
+		this.outlineGeometry.attributes.offset.needsUpdate = true;
+		this.outlineGeometry.attributes.strengths.needsUpdate = true;
+		this.outlineGeometry.instanceCount++;
+
+		return true;
+    }
+
+    // removing by coords is inefficient since we have to splice arrays, but that's fine if it's only done infrequently
+    remove(coords) {
+    	if (!this.contains(coords))
+    		return false;
+
+    	const offset = coords.sub(this.origin);
+    	const key = offset.x + offset.y * BLOCK_WIDTH;
+
+    	if (this.indexMap[key] === undefined)
+    		return false;
+
+    	const index = this.indexMap[key];
+    	this.tileData.splice(index, 1);
+
+    	// shift attributes to fill in empty space if we are removing an item from the middle
+    	if (index !== this.tileMesh.count - 1) {
+    		const matrixArray = this.tileMesh.instanceMatrix.array;
+    		const colorArray = this.tileMesh.instanceColor.array;
+    		const offsetArray = this.outlineGeometry.attributes.offset.array;
+    		const strengthArray = this.outlineGeometry.attributes.strengths.array;
+
+    		const matrixItemSize = this.tileMesh.instanceMatrix.itemSize;
+    		const colorItemSize = this.tileMesh.instanceColor.itemSize;
+    		const offsetItemSize = this.outlineGeometry.attributes.offset.itemSize;
+    		const strengthItemSize = this.outlineGeometry.attributes.strengths.itemSize;
+
+    		matrixArray.set(matrixArray.slice(matrixItemSize * (index + 1)), index * matrixItemSize);
+    		colorArray.set(colorArray.slice(colorItemSize * (index + 1)), index * colorItemSize);
+    		offsetArray.set(offsetArray.slice(offsetItemSize * (index + 1)), index * offsetItemSize);
+    		strengthArray.set(strengthArray.slice(strengthItemSize * (index + 1)), index * strengthItemSize);
+    		
+    		this.tileMesh.instanceMatrix.needsUpdate = true;
+			this.tileMesh.instanceColor.needsUpdate = true;
+    		this.outlineGeometry.attributes.offset.needsUpdate = true;
+	    	this.outlineGeometry.attributes.strengths.needsUpdate = true;
+
+	    	for (let i = 0; i < this.indexMap.length; i++) {
+	    		if (this.indexMap[i] > index) {
+	    			this.indexMap[i]--;
+	    		}
+	    	}
+    	}
+
+    	this.tileMesh.count--;
+    	this.outlineGeometry.instanceCount--;
+
+    	this.indexMap[key] = undefined;
+    	
+    	return true;
+    }
+
+    getTile(coords) {
+    	const offset = coords.sub(this.origin);
+		const key = offset.x + offset.y * BLOCK_WIDTH;
+		const index = this.indexMap[key];
+		if (index !== undefined) {
+			return this.tileData[index];
+		}
+		return null;
+    }
+
+    addToScene(scene) {
+		scene.add(this.tileMesh);
+		scene.add(this.outlineMesh);
+    }
+
+    forTilesInRegion(regionMin, regionMax, callback) {
+		for (const tile of this.tileData) {
+		    if (tile.coords.isWithin(regionMin, regionMax))
+			callback(tile);
+		}
+    }
+}
+
+export class TileBlockAtlas {
+    constructor(scene) {
+		this.tileBlocks = new Map();
+		this.scene = scene;
+		
+		this.tileGroup = new THREE.Group();
+		this.outlineGroup = new THREE.Group();
+		this.scene.add(this.tileGroup);
+		this.scene.add(this.outlineGroup);
+
+		this.numTiles = 0;
+		this.history = [];
+
+		const vertices = new Float32Array([
+		    -0.515625, -0.515625, 0.0,
+		     0.515625, -0.515625, 0.0,
+		    -0.515625,  0.515625, 0.0,
+		     0.515625,  0.515625, 0.0,
+		    -0.515625,  0.515625, 0.0,
+		     0.515625, -0.515625, 0.0,
+		]);
+
+		const uvs = new Float32Array([
+		    0.0, 0.0,
+		    1.0, 0.0,
+		    0.0, 1.0,
+		    1.0, 1.0,
+		    0.0, 1.0,
+		    1.0, 0.0,
+		]);
+		
+		outlineGeometry.setAttribute("position", new THREE.BufferAttribute(vertices, 3));
+		outlineGeometry.setAttribute("uv", new THREE.BufferAttribute(uvs, 2));
+		outlineGeometry.setAttribute("offset", new THREE.InstancedBufferAttribute(new Float32Array(BLOCK_SIZE*3), 3));
+		outlineGeometry.setAttribute("strengths", new THREE.InstancedBufferAttribute(new Int32Array(BLOCK_SIZE*4), 4));
+		outlineGeometry.attributes.offset.setUsage(THREE.DynamicDrawUsage);
+		outlineGeometry.attributes.strengths.setUsage(THREE.DynamicDrawUsage);
+
+		const outlineTexture = AssetManager.getTexture("outlines").clone();
+		//outlineTexture.generateMipmaps = true;
+		outlineTexture.magFilter = THREE.NearestFilter;
+		//outlineTexture.minFilter = THREE.LinearMipmapLinearFilter;
+		outlineTexture.minFilter = THREE.LinearFilter;
+		outlineTexture.needsUpdate = true;
+
+		/*
+		const outlineTextures = [
+		    AssetManager.getTexture("outline0"),
+		    AssetManager.getTexture("outline1"),
+		    AssetManager.getTexture("outline2"),
+		];
+
+		for (const tex of outlineTextures) {
+		    tex.generateMipmaps = true;
+		    tex.magFilter = THREE.NearestFilter;
+		    tex.minFilter = THREE.LinearMipmapLinearFilter;
+		}
+		*/
+		
+		outlineMaterial.uniforms = {
+		    map: { value: outlineTexture },
+		    //tex0: { value: outlineTexture[0] },
+		    //tex1: { value: outlineTexture[0] },
+		    //tex2: { value: outlineTexture[0] },
+		};
+		outlineMaterial.vertexShader = AssetManager.getFile("outline_vs");
+		outlineMaterial.fragmentShader = AssetManager.getFile("outline_fs");
+		outlineMaterial.transparent = true;
+    }
+
+    clear() {
+    	this.tileBlocks = new Map();
+    	this.numTiles = 0;
+
+    	// TODO: not entirely sure if geometry will be properly be deallocated
+    	// if memory leaks appear after clearing, start looking into this
+    	this.tileGroup.clear();
+    	this.outlineGroup.clear();
+    }
+
+    stepBackward() {
+    	const coords = this.history.pop();
+    	return this.remove(coords);
+    }
+
+    add(type, coords) {
+		const blockIndex = this.getBlockIndex(coords);
+
+		if (!this.tileBlocks.has(blockIndex.y))
+		    this.tileBlocks.set(blockIndex.y, new Map());
+
+		const subMap = this.tileBlocks.get(blockIndex.y);
+		if (!subMap.has(blockIndex.x)) {
+		    const tileBlock = new TileBlock(blockIndex.mul(BLOCK_DIMS));
+
+		    this.tileGroup.add(tileBlock.tileMesh);
+		    this.outlineGroup.add(tileBlock.outlineMesh);
+		    
+		    subMap.set(blockIndex.x, tileBlock);
+		}
+
+		const tileBlock = subMap.get(blockIndex.x);
+
+		tileBlock.add(type, coords);
+
+		this.history.push(coords);
+		this.numTiles++;
+    }
+
+    remove(coords) {
+    	const blockIndex = this.getBlockIndex(coords);
+
+		if (!this.tileBlocks.has(blockIndex.y))
+			return false;
+
+		const subMap = this.tileBlocks.get(blockIndex.y);
+		if (!subMap.has(blockIndex.x))
+			return false;
+
+		const tileBlock = subMap.get(blockIndex.x);
+		if (tileBlock.remove(coords))
+			this.numTiles--;
+
+		return true;
+    }
+
+    getBlockIndex(coords) {
+		return coords.div(BLOCK_DIMS).floor();
+    }
+
+    forTilesInRegion(regionMin, regionMax, callback) {
+		const minIndex = regionMin.div(BLOCK_DIMS).floor();
+		const maxIndex = regionMax.div(BLOCK_DIMS).floor().add(new Vector2D(1, 1));
+
+		for (let y = minIndex.y; y < maxIndex.y; y++) {
+		    for (let x = minIndex.x; x < maxIndex.x; x++) {
+				if (this.tileBlocks.has(y)) {
+				    const submap = this.tileBlocks.get(y);
+				    if (submap.has(x)) {
+						const tileBlock = submap.get(x);
+						tileBlock.forTilesInRegion(regionMin, regionMax, callback);
+				    }
+				}
+		    }
+		}
+    }
+
+    getAllTiles() {
+    	const tiles = [];
+    	
+    	for (const submap of this.tileBlocks.values()) {
+    		for (const tileBlock of submap.values()) {
+				for (const tile of tileBlock.tileData) {
+					tiles.push(tile);
+				}
+    		}
+    	}
+
+    	return tiles;
+    }
+
+    getTileAtLocation(coords) {
+	    const blockIndex = this.getBlockIndex(coords);
+	    if (this.tileBlocks.has(blockIndex.y)) {
+	    	const subMap = this.tileBlocks.get(blockIndex.y);
+	    	if (subMap.has(blockIndex.x)) {
+	    		const block = subMap.get(blockIndex.x);
+	    		return block.getTile(coords);
+	    	}
+	    }
+	    return null;
+    }
+
+    setVisible(tilesVisible, outlinesVisible) {
+    	this.tileGroup.visible = tilesVisible;
+    	this.outlineGroup.visible = outlinesVisible;
+    }
+}

src/tileset.mjs

+import { Color, parseColor } from './utils.mjs';
+
+const DIRECTIONS = ["north", "east", "south", "west"];
+
+export class TileSet {
+
+    constructor() {
+		this.clear();
+    }
+
+    clear() {
+		this.tileTypes = [];
+		this.glues = [];
+
+		this.tileTypesByName = new Map();
+		this.gluesByLabel = new Map();
+		this.tileGlueBlockers = {};
+    }
+
+    hasTileWithName(name) {
+    	return this.tileTypesByName.has(name);
+    }
+
+    updateTileType(tid, newType) {
+    	// check for duplicate names unless it's the tile being updated
+    	if (this.tileTypesByName.has(newType.name)) {
+    		if (this.tileTypesByName.get(newType.name).id !== tid)
+    			return false;
+    	}
+
+    	const oldTile = this.tileTypes[tid];
+
+    	newType.id = tid;
+    	for (const dir of DIRECTIONS) {
+		    const glue = newType.glues[dir];
+
+		    if (glue === undefined || glue === null || glue.strength == 0) {
+				newType.glues[dir] = null;
+		    } else {
+				newType.glues[dir] = this.findGlue(glue.label, glue.strength, true);
+		    }
+		}
+
+		this.tileTypes[tid] = newType;
+		this.tileTypesByName.delete(oldTile.name);
+		this.tileTypesByName.set(newType.name, newType);
+
+		return true;
+    }
+
+    removeTileType(tid) {
+    	const type = this.tileTypes[tid];
+
+		// [TODO] remove information about tile type's blockers
+
+    	this.tileTypesByName.delete(type.name);
+
+    	for (const type of this.tileTypesByName) {
+    		if (type.id > tid) {
+    			type.id--;
+    		}
+    	}
+
+    	for (let i = tid; i < this.tileTypes.length - 1; i++) {
+    		this.tileTypes[i] = this.tileTypes[i+1];
+    		this.tileTypes[i].id = i;
+    	}
+
+    	this.tileTypes.pop();
+    }
+
+    addTileType(type) {
+		if (this.tileTypesByName.has(type.name)) {
+		    const existing = this.tileTypesByName.get(type.name);
+		    console.log("ERROR: two tiles with the same name:", type, existing);
+		    return false;
+		}
+
+		const typeToAdd = {
+		    name: type.name,
+		    label: type.label,
+		    color: type.color,
+		    glues: {},
+		    id: this.tileTypes.length,
+		};
+		
+		for (const dir of DIRECTIONS) {
+		    const glue = type.glues[dir];
+
+		    if (glue === undefined || glue === null || glue.strength === 0) {
+				typeToAdd.glues[dir] = null;
+		    } else {
+				const glueToAdd = this.findGlue(glue.label, glue.strength, true);
+				typeToAdd.glues[dir] = glueToAdd;
+
+				if (glue.blockertemp != null) {
+					const blockerEntry = {tileTypeName: type.name, blockedSide: dir, strength: glue.strength, blockerTemp: glue.blockertemp};
+					if (glue.blockertemp in this.tileGlueBlockers) {
+						this.tileGlueBlockers[glue.blockertemp].push(blockerEntry);
+					} else {
+						this.tileGlueBlockers[glue.blockertemp] = [blockerEntry];
+					}
+				}
+		    }
+		}
+
+		this.tileTypes.push(typeToAdd);
+		this.tileTypesByName.set(type.name, typeToAdd);
+
+		return true;
+    }
+
+    findGlue(label, strength, create=false) {
+		if (this.gluesByLabel.has(label)) {
+		    const subMap = this.gluesByLabel.get(label);
+		    if (subMap.has(strength))
+			return subMap.get(strength);
+		}
+
+		if (!create)
+		    return null;
+
+		const glue = {
+		    label: label,
+		    strength: strength,
+		    id: this.glues.length,
+		};
+		
+		if (!this.gluesByLabel.has(label))
+		    this.gluesByLabel.set(label, new Map());
+		
+		this.glues.push(glue);
+		this.gluesByLabel.get(label).set(strength, glue);
+
+		return glue;
+    }
+
+    getTileTypes() {
+		return this.tileTypes;
+    }
+
+    getGlues() {
+		return this.glues;
+    }
+    
+    getTileTypeByName(name) {
+		if (this.tileTypesByName.has(name))
+		    return this.tileTypesByName.get(name);
+		else
+		    return null;
+    }
+
+    getTileTypeById(id) {
+		if (this.tileTypes.length > id && id >= 0) 
+		    return this.tileTypes[id];
+		else
+		    return null;
+    }
+
+    getGlueById(id) {
+		if (id >= 0 && id < this.glues.length)
+		    return this.glues[id];
+		else
+		    return null;
+    }
+
+    forEachTileType(callback) {
+		for (const tileType of this.tileTypes)
+		    callback(tileType);
+    }
+
+    fromTDS(tdsData) {
+		const lines = tdsData.split("\n");
+
+		this.clear();
+		
+		let type = null;
+		for (let line of lines) {
+		    line = line.split(" ", 2);
+
+		    let cmd = line[0].trim().toLowerCase();
+		    let arg = "";
+		    if (line.length > 1)
+			arg = line[1].trim();
+
+		    if (cmd === "tilename") {
+			type = {
+			    name: arg,
+			    label: "",
+			    color: new Color(1, 1, 1),
+			    glues: {
+					north: { label: "", strength: 0, blockertemp: null },
+					east:  { label: "", strength: 0, blockertemp: null },
+					south: { label: "", strength: 0, blockertemp: null },
+					west:  { label: "", strength: 0, blockertemp: null },
+			    },
+			};
+		    } else if (cmd === "label") {
+			type.label = arg;
+		    } else if (cmd === "northbind") {
+			type.glues.north.strength = parseInt(arg);
+		    } else if (cmd === "northlabel") {
+			type.glues.north.label = arg;
+		    } else if (cmd === "northblockertemp") {
+			type.glues.north.blockertemp = parseInt(arg);
+		    } else if (cmd === "eastbind") {
+			type.glues.east.strength = parseInt(arg);
+		    } else if (cmd === "eastlabel") {
+			type.glues.east.label = arg;
+		    } else if (cmd === "eastblockertemp") {
+			type.glues.east.blockertemp = parseInt(arg);
+		    } else if (cmd === "southbind") {
+			type.glues.south.strength = parseInt(arg);
+		    } else if (cmd === "southlabel") {
+			type.glues.south.label = arg;
+		    } else if (cmd === "southblockertemp") {
+			type.glues.south.blockertemp = parseInt(arg);
+		    } else if (cmd === "westbind") {
+			type.glues.west.strength = parseInt(arg);
+		    } else if (cmd === "westlabel") {
+			type.glues.west.label = arg;
+		    } else if (cmd === "westblockertemp") {
+			type.glues.west.blockertemp = parseInt(arg);
+		    } else if (cmd === "tilecolor") {
+			type.color = parseColor(arg);
+		    } else if (cmd === "create") {
+			this.addTileType(type);
+			type = null;
+		    }
+		}
+    }
+}

src/tileset_3D.mjs

+//import { Color, parseColor } from './utils.mjs';
+import { Color } from "../build/three.module.js"
+
+const DIRECTIONS = ["north", "east", "south", "west", "up", "down"];
+
+export class TileSet {
+
+    constructor() {
+		this.clear();
+    }
+
+    clear() {
+		this.tileTypes = [];
+		this.glues = [];
+
+		this.tileTypesByName = new Map();
+		this.gluesByLabel = new Map();
+    }
+
+    hasTileWithName(name) {
+    	return this.tileTypesByName.has(name);
+    }
+
+    updateTileType(tid, newType) {
+    	// check for duplicate names unless it's the tile being updated
+    	if (this.tileTypesByName.has(newType.name)) {
+    		if (this.tileTypesByName.get(newType.name).id !== tid)
+    			return false;
+    	}
+
+    	const oldTile = this.tileTypes[tid];
+
+    	newType.id = tid;
+    	for (const dir of DIRECTIONS) {
+		    const glue = newType.glues[dir];
+
+		    if (glue === undefined || glue === null || glue.strength == 0) {
+				newType.glues[dir] = null;
+		    } else {
+				newType.glues[dir] = this.findGlue(glue.label, glue.strength, true);
+		    }
+		}
+
+		this.tileTypes[tid] = newType;
+		this.tileTypesByName.delete(oldTile.name);
+		this.tileTypesByName.set(newType.name, newType);
+
+		return true;
+    }
+
+    removeTileType(tid) {
+    	const type = this.tileTypes[tid];
+
+    	this.tileTypesByName.delete(type.name);
+
+    	for (const type of this.tileTypesByName) {
+    		if (type.id > tid) {
+    			type.id--;
+    		}
+    	}
+
+    	for (let i = tid; i < this.tileTypes.length - 1; i++) {
+    		this.tileTypes[i] = this.tileTypes[i+1];
+    		this.tileTypes[i].id = i;
+    	}
+
+    	this.tileTypes.pop();
+    }
+
+    addTileType(type) {
+		if (this.tileTypesByName.has(type.name)) {
+		    const existing = this.tileTypesByName.get(type.name);
+		    console.log("ERROR: two tiles with the same name:", type, existing);
+		    return false;
+		}
+
+		const typeToAdd = {
+		    name: type.name,
+		    label: type.label,
+		    color: type.color,
+		    glues: {},
+		    id: this.tileTypes.length,
+		};
+		
+		for (const dir of DIRECTIONS) {
+		    const glue = type.glues[dir];
+
+		    if (glue === undefined || glue === null || glue.strength === 0) {
+				typeToAdd.glues[dir] = null;
+		    } else {
+				const glueToAdd = this.findGlue(glue.label, glue.strength, true);
+				typeToAdd.glues[dir] = glueToAdd;
+		    }
+		}
+
+		this.tileTypes.push(typeToAdd);
+		this.tileTypesByName.set(type.name, typeToAdd);
+
+		return true;
+    }
+
+    findGlue(label, strength, create=false) {
+		if (this.gluesByLabel.has(label)) {
+		    const subMap = this.gluesByLabel.get(label);
+		    if (subMap.has(strength))
+			return subMap.get(strength);
+		}
+
+		if (!create)
+		    return null;
+
+		const glue = {
+		    label: label,
+		    strength: strength,
+		    id: this.glues.length,
+		};
+		
+		if (!this.gluesByLabel.has(label))
+		    this.gluesByLabel.set(label, new Map());
+		
+		this.glues.push(glue);
+		this.gluesByLabel.get(label).set(strength, glue);
+
+		return glue;
+    }
+
+    getTileTypes() {
+		return this.tileTypes;
+    }
+
+    getGlues() {
+		return this.glues;
+    }
+    
+    getTileTypeByName(name) {
+		if (this.tileTypesByName.has(name))
+		    return this.tileTypesByName.get(name);
+		else
+		    return null;
+    }
+
+    getTileTypeById(id) {
+		if (this.tileTypes.length > id && id >= 0) 
+		    return this.tileTypes[id];
+		else
+		    return null;
+    }
+
+    getGlueById(id) {
+		if (id >= 0 && id < this.glues.length)
+		    return this.glues[id];
+		else
+		    return null;
+    }
+
+    forEachTileType(callback) {
+		for (const tileType of this.tileTypes)
+		    callback(tileType);
+    }
+
+    fromTDS(tdsData) {
+		const lines = tdsData.split("\n");
+
+		this.clear();
+		
+		let type = {
+				name: null,
+				label: "",
+				color: new Color(1, 1, 1),
+				glues: {
+				north: { label: "", strength: 0 },
+				east:  { label: "", strength: 0 },
+				south: { label: "", strength: 0 },
+				west:  { label: "", strength: 0 },
+				up:  { label: "", strength: 0 },
+				down:  { label: "", strength: 0 }
+			},
+		};
+
+		for (let line of lines) {
+		    line = line.split(" ", 2);
+
+		    let cmd = line[0].trim().toLowerCase();
+		    let arg = "";
+		    if (line.length > 1)
+				arg = line[1].trim();
+
+		    if (cmd === "tilename") {
+				type.name = arg;
+		    } else if (cmd === "label") {
+				type.label = arg;
+		    } else if (cmd === "northbind") {
+				type.glues.north.strength = parseInt(arg);
+		    } else if (cmd === "northlabel") {
+				type.glues.north.label = arg;
+		    } else if (cmd === "eastbind") {
+				type.glues.east.strength = parseInt(arg);
+		    } else if (cmd === "eastlabel") {
+				type.glues.east.label = arg;
+		    } else if (cmd === "southbind") {
+				type.glues.south.strength = parseInt(arg);
+		    } else if (cmd === "southlabel") {
+				type.glues.south.label = arg;
+		    } else if (cmd === "westbind") {
+				type.glues.west.strength = parseInt(arg);
+		    } else if (cmd === "westlabel") {
+				type.glues.west.label = arg;
+			} else if (cmd === "upbind") {
+				type.glues.up.strength = parseInt(arg);
+			} else if (cmd === "uplabel") {
+				type.glues.up.label = arg;
+			} else if (cmd === "downbind") {
+				type.glues.down.strength = parseInt(arg);
+			} else if (cmd === "downlabel") {
+				type.glues.down.label = arg;
+		    } else if (cmd === "tilecolor") {
+				type.color = new Color(arg);// parseColor(arg);
+		    } else if (cmd === "create") {
+				if (type.name !== null) {
+					//console.log('creating tile type');
+					//console.log(type);
+					this.addTileType(type);
+				} else {
+					console.log('[ERROR] Invalid tile type: has no name');
+				}
+				type = {
+						name: null,
+						label: "",
+						color: new Color(1, 1, 1),
+						glues: {
+						north: { label: "", strength: 0 },
+						east:  { label: "", strength: 0 },
+						south: { label: "", strength: 0 },
+						west:  { label: "", strength: 0 },
+						up:  { label: "", strength: 0 },
+						down:  { label: "", strength: 0 }
+					},
+				};
+		    }
+		}
+    }
+}

src/tileworker.js

+const NORTH = 0;
+const EAST  = 1;
+const SOUTH = 2;
+const WEST  = 3;
+
+let temperature = 2;
+let simulation_mode = 'aTAM';
+
+let tileTypes = [];
+let glues = [];
+
+let signatureTable = new Map();
+let locationMap = new Map();
+let seedMap = new Map();
+let locationToIdMap = new Map();
+let signatureMap = new Map();
+let frontierMap = new Map();
+
+let fastForwardFlag = false;
+let fastBackwardFlag = false;
+
+let b_report_nondeterminism = true;
+
+let history = [];
+let seedSize = 0;
+
+// items to support the BlockTAM
+let temperatureList = [];
+let blockerDict = {};
+let signatureTableDict = {};
+let temperatureListIndex = 0;
+let blocked_glue_labels_dict = {};
+let blockers_v2_dict = {};
+
+
+onmessage = function(e) {
+    if (e.data.msg === "tileset") {
+		tileTypes = e.data.types;
+		glues = e.data.glues;
+
+		for (const type of tileTypes) {
+		    const g = [-1, -1, -1, -1];
+		    if (type.glues.north !== null) g[0] = type.glues.north.id;
+		    if (type.glues.east  !== null) g[1] = type.glues.east.id;
+		    if (type.glues.south !== null) g[2] = type.glues.south.id;
+		    if (type.glues.west  !== null) g[3] = type.glues.west.id;
+		    type.glues = g;
+		    if (type.id === undefined) {
+		    	console.log('found tile type with undefined id', type);
+		    }
+		}
+
+		blockers_v2_dict = e.data.blockers_v2;
+
+		if (simulation_mode === 'BlockTAM') {
+			const blocked_glue_ids = getBlockedGlueIds();
+			precomputeSignatures(blocked_glue_ids);
+		} else {
+			precomputeSignatures();
+		}
+    } else if (e.data.msg === "step-forward") {
+		const added_list = stepForward();
+		if (added_list === null) {
+		    postMessage({ msg: "frontier-empty" });
+		} else {
+			for (let i=0; i<added_list.length; i++) {
+				postMessage({
+					msg: "tile-added",
+					tid: added_list[i][0],
+					x: added_list[i][1],
+					y: added_list[i][2]
+				});
+			}
+		}
+    } else if (e.data.msg === "step-backward") {
+    	const removed = stepBackward();
+    	if (removed !== null) {
+    		postMessage({ msg: "tile-removed", tid: removed.tid, x: removed.x, y: removed.y });
+    	} else {
+    		postMessage({ msg: "back-to-seed"});
+    	}
+    } else if (e.data.msg === "add-tile") {
+		addTile(e.data.tid, e.data.x, e.data.y);
+    } else if (e.data.msg === "remove-tile") {
+    	removeTile(e.data.x, e.data.y);
+    } else if (e.data.msg === "fast-forward-start") {
+		fastForwardFlag = true;
+		fastForward();
+    } else if (e.data.msg === "fast-forward-stop") {
+		fastForwardFlag = false;
+    } else if (e.data.msg === "fast-backward-start") {
+		fastBackwardFlag = true;
+		fastBackward();
+    } else if (e.data.msg === "fast-backward-stop") {
+		fastBackwardFlag = false;
+    } else if (e.data.msg === 'clear') {
+    	clear(e.data.temperature);
+    } else if (e.data.msg === 'set-seed') {
+    	for (const tile of e.data.seed) {
+    		addTile(tile.type.id, tile.coords.x, tile.coords.y, b_add_to_frontier=true, b_seed_tile=true);
+    	}
+    	seedSize = e.data.seed.length;
+    } else if (e.data.msg === 'set-temperature') {
+    	temperature = e.data.temperature;
+    } else if (e.data.msg === 'mode-aTAM') {
+		simulation_mode = 'aTAM';
+	} else if (e.data.msg === 'mode-SyncTAM') {
+		simulation_mode = 'SyncTAM';
+	} else if (e.data.msg === 'mode-BlockTAM') {
+		simulation_mode = 'BlockTAM';
+		temperatureList = e.data.temperatureList;
+		temperatureListIndex = 0;
+		blockerDict = e.data.blockerDict;
+		clear(temperatureList[0]);
+		const blocked_glue_ids = getBlockedGlueIds();
+		precomputeSignatures(blocked_glue_ids);
+		rebuildFrontier();
+		self.postMessage({ msg: 'blocked-glues', blocked_glue_labels: blocked_glue_labels_dict[temperature]});
+
+	} else if (e.data.msg === 'send-history') {
+		self.postMessage({ msg: 'sent-history', history: history, b_show_names: e.data.b_show_names, b_show_labels: e.data.b_show_labels});
+	} else if (e.data.msg === 'report-nondeterminism') {
+		b_report_nondeterminism = e.data.b_report;
+	}
+};
+
+function clear(temp) {
+	signatureTable = new Map();
+	locationMap = new Map();
+	seedMap = new Map();
+	locationToIdMap = new Map();
+	signatureMap = new Map();
+	frontierMap = new Map();
+
+	glues = [];
+	tileTypes = [];
+
+	temperature = temp;
+
+	fastForwardFlag = false;
+}
+
+const FAST_FORWARD_STEPS = 500;
+const FAST_BACKWARD_STEPS = 500;
+
+function fastForward() {
+    let buff_size = FAST_FORWARD_STEPS;
+	if ((simulation_mode === 'SyncTAM') && (buff_size < frontierMap.size)) {
+		buff_size = frontierMap.size;
+	}
+	const fastForwardBuffer = new Int32Array(buff_size * 3);
+	let num_added = 0;
+
+	if ((simulation_mode === 'aTAM') || (simulation_mode === 'BlockTAM')) {
+		for (let i = 0; i < FAST_FORWARD_STEPS; i++) {
+			const added_list = stepForward();
+			if (added_list === null) {
+				postMessage({msg: "frontier-empty"});
+				fastForwardFlag = false;
+				break;
+			}
+			for (let j=0; j<added_list.length; j++) {
+				fastForwardBuffer[3 * num_added + 0] = added_list[j][0];
+				fastForwardBuffer[3 * num_added + 1] = added_list[j][1];
+				fastForwardBuffer[3 * num_added + 2] = added_list[j][2];
+				num_added += 1;
+			}
+		}
+	} else if (simulation_mode === 'SyncTAM') {
+		while ((num_added == 0) || ((num_added + frontierMap.size) < FAST_FORWARD_STEPS)) {
+
+			const added_list = stepForward();
+			if ((added_list === null) || (added_list.length === 0)) {
+				postMessage({msg: "frontier-empty"});
+				fastForwardFlag = false;
+				break;
+			}
+
+			for (let j = 0; j < added_list.length; j++) {
+				fastForwardBuffer[3 * num_added + 0] = added_list[j][0];
+				fastForwardBuffer[3 * num_added + 1] = added_list[j][1];
+				fastForwardBuffer[3 * num_added + 2] = added_list[j][2];
+				num_added++;
+			}
+		}
+	}
+
+    postMessage({
+		msg: "tiles-added",
+		buffer: fastForwardBuffer,
+		added: num_added,
+    }, [fastForwardBuffer.buffer]);
+    
+    if (fastForwardFlag) {
+		setTimeout(fastForward);
+	}
+}
+
+function setBlockTAMtemperature() {
+	// Set the temp and advance the temperature pointer
+	let new_index = temperatureListIndex;
+
+	if (temperatureList[temperatureList.length - 1] === '*') {
+		if (temperatureListIndex === (temperatureList.length - 2)) {
+			new_index = 0;
+		} else {
+			new_index = temperatureListIndex + 1;
+		}
+	} else if (temperatureListIndex === (temperatureList.length - 1)) {
+		// All done!
+		self.postMessage({ msg: 'changed-temperature', temperature: 'done'});
+		return false;
+	} else {
+		new_index = temperatureListIndex + 1;
+	}
+
+	if (new_index !== temperatureListIndex) {
+		// Replace the signature map
+		signatureTableDict[temperature] = new Map(signatureTable);	// [TODO] This may need to be a deep copy
+		temperatureListIndex = new_index;
+		const last_temperature = temperature;
+		temperature = temperatureList[temperatureListIndex];
+
+		self.postMessage({ msg: 'changed-temperature', temperature: temperature});
+
+		// If the temperature increased, check for tiles that would melt off at this temperature
+		if (temperature > last_temperature) {
+			checkTileBonds();
+		}
+
+		if (temperature in signatureTableDict) {
+			signatureTable = new Map(signatureTableDict[temperature]);
+		} else {
+			const blocked_glue_ids = getBlockedGlueIds();
+			precomputeSignatures(blocked_glue_ids);
+		}
+
+		rebuildFrontier();
+		//self.postMessage({ msg: 'rebuilt-frontier', frontier_size: frontierMap.size });
+		self.postMessage({ msg: 'blocked-glues', blocked_glue_labels: blocked_glue_labels_dict[temperature]});
+
+		return true;
+	}
+	return false;
+}
+
+function getBlockedGlueIds() {
+	if (temperature === undefined) {
+		return [];
+	}
+
+	blocked_glue_labels_dict[temperature] = [];
+
+	const blocked_glue_ids = [];
+	if ((blockerDict !== undefined) && (Object.keys(blockerDict).length > 0)) {
+		for (const blockerTemp in blockerDict) {
+			if (temperature <= blockerTemp) {
+				blocked_glue_labels_dict[temperature].push(...blockerDict[blockerTemp]);
+			}
+		}
+		for (let i = 0; i < glues.length; i++) {
+			if (blocked_glue_labels_dict[temperature].includes(glues[i].label)) {
+				blocked_glue_ids.push(glues[i].id);
+			}
+		}
+	} else if ((blockers_v2_dict !== undefined) && (Object.keys(blockers_v2_dict).length > 0)) {
+		//const blocked_glues = [...type.glues];
+		const blocker_temps = Object.keys(blockers_v2_dict).sort();
+		blocker_temps.forEach((blocker_temp) => {
+			if (temperature <= blocker_temp) {
+				blockers_v2_dict[blocker_temp].forEach((blocked_tile) => {
+					blocked_glue_labels_dict[temperature].push(blocked_tile);
+				})
+			}
+		})
+	}
+
+	return blocked_glue_ids;
+}
+
+function fastBackward() {
+	const fastBackwardBuffer = new Int32Array(FAST_BACKWARD_STEPS * 2);
+
+	let i;
+	for (i = 0; i < FAST_BACKWARD_STEPS; i++) {
+		const removed = stepBackward();
+		if (removed === null) {
+			postMessage({ msg: 'back-to-seed' });
+			fastBackwardFlag = false;
+			break;
+		}
+		fastBackwardBuffer[2*i+0] = removed.x;
+		fastBackwardBuffer[2*i+1] = removed.y;
+	}
+
+	postMessage({
+		msg: "tiles-removed",
+		buffer: fastBackwardBuffer,
+		removed: i,
+	}, [fastBackwardBuffer.buffer]);
+
+	if (fastBackwardFlag)
+		setTimeout(fastBackward);
+}
+
+function subsignatures(sig) {
+    subsigs = [[-1, -1, -1, -1]];
+    for (let i = 0; i < 4; i++) {
+		if (sig[i] >= 0) {
+		    const newsubsigs = [];
+		    for (const subsig of subsigs) {
+				const newsubsig = [...subsig];
+				newsubsig[i] = sig[i];
+				newsubsigs.push(newsubsig);
+		    }
+		    subsigs = subsigs.concat(newsubsigs);
+		}
+    }
+    return subsigs;
+}
+
+function precomputeSignatures(blocked_glue_ids = []) {
+	signatureTable = new Map();
+    for (const type of tileTypes) {
+		// Filter out blocked glues before passing to subsignatures
+		const unblocked_glues = [...type.glues];
+		const blocker_temps = Object.keys(blockers_v2_dict).sort();
+		blocker_temps.forEach((blocker_temp) => {
+			if (temperature <= blocker_temp) {
+				blockers_v2_dict[blocker_temp].forEach((blocked_tile) => {
+					if (type.name === blocked_tile['tileTypeName']) {
+						if (blocked_tile['blockedSide'] === 'north') {
+							unblocked_glues[0] = -1;
+						} else if (blocked_tile['blockedSide'] === 'east') {
+							unblocked_glues[1] = -1;
+						} else if (blocked_tile['blockedSide'] === 'south') {
+							unblocked_glues[2] = -1;
+						} else if (blocked_tile['blockedSide'] === 'west') {
+							unblocked_glues[3] = -1;
+						}
+					}
+				})
+			}
+		})
+		const subsigs = subsignatures(unblocked_glues);
+
+		for (const subsig of subsigs) {
+			let filtered_subsig = subsig;
+			if (blocked_glue_ids.length > 0) {
+				filtered_subsig = [];
+				for (const s of subsig) {
+					if (blocked_glue_ids.includes(s)) {
+						filtered_subsig.push(-1);
+					} else {
+						filtered_subsig.push(s);
+					}
+				}
+			}
+
+		    let strength = 0;
+		    for (let i = 0; i < 4; i++) {
+				if (filtered_subsig[i] >= 0) {
+					strength += glues[subsig[i]].strength;
+				}
+			}
+
+		    if (strength >= temperature) {
+				const sigstr = subsig.join();
+				if (signatureTable.has(sigstr)) {
+				    signatureTable.get(sigstr).push(type.id);
+				} else {
+				    signatureTable.set(sigstr, [type.id]);
+				}
+		    }
+		}
+    }
+}
+
+function rebuildFrontier() {
+	frontierMap = new Map();
+	for (let [key, value] of locationMap) {
+		const coords = locationToIdMap.get(key);
+		addNbrsToFrontier(value, coords.x, coords.y);
+	}
+}
+
+function getFittingTileTypes(sig) {
+    const sigstr = sig.join();
+
+    // check if signature table has signature
+    if (signatureTable.has(sigstr)) {
+		return signatureTable.get(sigstr);
+    } else { // if not, try subsignatures (i.e. ignore some adjacent glues and see if something fits)
+		let fitting = [];
+		const subsigs = subsignatures(sig);
+
+		// for each subsignature, get fitting tiles and merge with existing to remove duplicates
+		for (const subsig of subsigs) {
+		    const subsigstr = subsig.join();
+		    if (signatureTable.has(subsigstr)) {
+				let subfitting = signatureTable.get(subsigstr);
+				// TODO: optimize fitting to be a set rather than list
+				fitting = [... new Set(fitting.concat(subfitting))];
+		    }
+		}
+
+		signatureTable.set(sigstr, fitting);
+		return fitting;
+    }
+}
+
+function locationKey(x, y) {
+    let a = x * 2;
+    if (a < 0)
+	a = -(a + 1);
+
+    let b = y * 2;
+    if (b < 0)
+	b = -(b + 1);
+
+    return Math.round((a + b) * (a + b + 1) / 2 + b);
+}
+
+const DX = [0, 1, 0, -1];
+const DY = [1, 0, -1, 0];
+const DIRS = ["north", "east", "south", "west"];
+
+function addNbrsToFrontier(tid, x, y) {
+	if (tid in tileTypes) {
+		for (let i = 0; i < 4; i++) {
+			const nbrkey = locationKey(x + DX[i], y + DY[i]);
+
+			if (!locationMap.has(nbrkey)) {
+				if (!signatureMap.has(nbrkey))
+					signatureMap.set(nbrkey, [-1, -1, -1, -1]);
+
+				let sig = signatureMap.get(nbrkey);
+				sig[(i + 2) % 4] = tileTypes[tid].glues[i];
+
+				const fitting = getFittingTileTypes(sig);
+				if (fitting.length > 0) {
+					frontierMap.set(nbrkey, [x + DX[i], y + DY[i]]);
+				}
+			}
+		}
+	}
+}
+
+function addTile(tid, x, y, b_add_to_frontier=true, b_seed_tile=false) {
+    const key = locationKey(x, y);
+
+    if (locationMap.has(key)) {
+		console.log("ERROR: attempting to add a tile to an occupied location", tid, x, y);
+		return false;
+    }
+
+    locationMap.set(key, tid);
+	if (b_seed_tile) {
+		seedMap.set(key, tid);
+	}
+	locationToIdMap.set(key, {x:x, y:y});
+    signatureMap.delete(key);
+    frontierMap.delete(key);
+
+	if (b_add_to_frontier === true) {
+		addNbrsToFrontier(tid, x, y);
+	}
+
+    return true;
+}
+
+function checkTileBonds() {
+	melted_tiles = [];
+	seed_melt = new Map();
+	let b_did_melt = true
+	while (b_did_melt) {
+		b_did_melt = false;
+		for (let [key, tid] of locationMap) {
+			const coords = locationToIdMap.get(key);
+			let strength = 0;
+			for (let i = 0; i < 4; i++) {
+				const glue1 = tileTypes[tid].glues[i];
+				if (glue1 !== -1) {
+					const nbr_key = locationKey(coords.x + DX[i], coords.y + DY[i]);
+					if (locationMap.has(nbr_key)) {
+						nbr_tid = locationMap.get(nbr_key);
+						const glue2 = tileTypes[nbr_tid].glues[(i + 2) % 4];
+						if (glue1 === glue2) {
+							strength += glues[glue1].strength;
+						}
+					}
+				}
+			}
+			if (strength < temperature) {
+				if (seedMap.has(key)) {	// Do not melt seed tiles but note that they otherwise would melt off
+					seed_melt.set(key, {msg: "seed-melt", tid: tid, x: coords.x, y: coords.y});
+				} else {
+					melted_tiles.push({tid: tid, x: coords.x, y: coords.y});
+					removeTile(coords.x, coords.y);
+					postMessage({msg: "tile-melted", tid: tid, x: coords.x, y: coords.y});
+					b_did_melt = true;
+					break;
+				}
+			}
+		}
+	}
+	for (let [key, rec] of seed_melt) {
+		postMessage({msg: "seed-melt", tid: rec.tid, x: rec.x, y: rec.y});
+	}
+
+}
+
+function hasNeighbor(x, y) {
+	for (let i = 0; i < 4; i++) {
+		const nbrkey = locationKey(x + DX[i], y + DY[i]);
+		if (locationMap.has(nbrkey))
+			return true;
+	}
+	return false;
+}
+
+function removeTile(x, y) {
+
+	// check if tile exists at location (x,y)
+	const key = locationKey(x, y);
+	if (locationMap.has(key)) { // if so
+
+		// delete from location map
+		locationMap.delete(key);
+		locationToIdMap.delete(key);
+
+		// initialize new signature to update signature map
+		const newSignature = [-1,-1,-1,-1];
+
+		// assume no neighbors by default
+		let hasNbrs = false;
+
+		// loop over all possible neighbor locations
+		for (let i = 0; i < 4; i++) {
+
+			// check neighbor for tile
+			const nbrkey = locationKey(x + DX[i], y + DY[i]);
+			if (locationMap.has(nbrkey)) { // if tile exists at neighbor location
+
+				// get the tile id of the neighboring tile
+				const nbrId = locationMap.get(nbrkey);
+				
+				// update new signature for x,y to include glue presented by neighbor
+				newSignature[i] = tileTypes[nbrId].glues[(i + 2) % 4];
+
+				// remember that a neighbor has been seen
+				hasNbrs = true;
+			} else { // no tile exists in neighbor location 
+				if (signatureMap.has(nbrkey)) {
+
+					// get neighbor signature if it exists
+					let nbrSig = signatureMap.get(nbrkey);
+
+					// update neighbor signature to remove current tile
+					nbrSig[(i + 2) % 4] = -1;	
+
+					// check if neighbors signature is now null-signature [-1,-1,-1,-1]
+					if (nbrSig.every((x) => { x===-1 })) {
+						// signature map only holds non-null signatures so remove neighbor
+						signatureMap.delete(nbrkey);
+					}
+
+					// if no tiles fit in nbr location after removal, remove frontier location
+					const fitting = getFittingTileTypes(nbrSig);
+					if (fitting.length === 0) {
+						frontierMap.delete(nbrkey);
+					}
+				}
+			}
+    	}
+
+    	if (hasNbrs) {
+    		signatureMap.set(key, newSignature);
+    		const fitting = getFittingTileTypes(newSignature);
+    		if (fitting.length > 0) {
+    			frontierMap.set(key, [x, y]);
+    		}
+    	}
+	}
+}
+
+function stepForward(recursion_level = 0) {
+
+	const ret_list = Array();
+
+	if ((simulation_mode === 'aTAM') || (simulation_mode === 'BlockTAM')) {
+		let tid;
+    	let loc;
+
+		while (tid === undefined) {
+			if (frontierMap.size === 0) {
+				if (simulation_mode === 'BlockTAM') {
+					postMessage({msg: "frontier-empty"});
+					if (setBlockTAMtemperature() === true) {
+						if (recursion_level < temperatureList.length) {
+							recursion_level += 1;
+							return stepForward(recursion_level);
+						}
+					}
+				}
+				return null; // no more tiles can be added
+			}
+
+			const frontierList = Array.from(frontierMap.keys());
+			const key = frontierList[Math.floor(Math.random() * frontierList.length)];
+			const sig = signatureMap.get(key);
+			const fitting = getFittingTileTypes(sig);
+
+			tid = fitting[Math.floor(Math.random() * fitting.length)];
+			loc = frontierMap.get(key);
+
+			if (tid === undefined) {
+				postMessage({msg: 'tid-undefined'});
+				frontierMap.delete(key);
+			}
+		}
+
+		addTile(tid, loc[0], loc[1]);
+		history.push({tid: tid, x: loc[0], y: loc[1]});
+		ret_list.push([tid, loc[0], loc[1]]);
+
+	} else {
+		const frontierList = Array.from(frontierMap.keys());
+
+		for (let i=0; i<frontierList.length; i++) {
+			let tid;
+			let loc;
+
+			while (tid === undefined) {
+				if (i === frontierList.length) {
+					break; // no more tiles can be added
+				}
+
+				const key = frontierList[i];
+				loc = frontierMap.get(key);
+
+				const sig = signatureMap.get(key);
+				const fitting = getFittingTileTypes(sig);
+				if ((fitting.length > 1) && (b_report_nondeterminism === true)) {
+					const type_list = Array();
+					for (let t=0; t<fitting.length; t++) {
+						type_list.push(tileTypes[fitting[t]].name);
+					}
+					postMessage({ msg: 'nondeterminism', loc: loc, types: type_list});
+				}
+
+				tid = fitting[Math.floor(Math.random() * fitting.length)];
+				if (tid === undefined) {
+					postMessage({ msg: 'tid-undefined'});
+					i++;
+				}
+			}
+			if (tid !== undefined) {
+				addTile(tid, loc[0], loc[1], false);
+				history.push({tid: tid, x: loc[0], y: loc[1]});
+				ret_list.push([tid, loc[0], loc[1]]);
+			}
+		}
+
+		for (let r = 0; r < ret_list.length; r++) {
+			addNbrsToFrontier(ret_list[r][0], ret_list[r][1], ret_list[r][2]);
+		}
+	}
+
+    // console.log('tile added', history, seedSize);
+
+    return ret_list;
+}
+
+function stepBackward() {
+	if (history.length <= 0) {
+		return null; // can't step back anymore
+	}
+
+	const last = history.pop();
+	removeTile(last.x, last.y);
+
+	// console.log('tile removed', history, seedSize);
+
+	return last;
+}

src/tileworker_3D.js

+const NORTH = 0;
+const EAST  = 1;
+const SOUTH = 2;
+const WEST  = 3;
+const UP			= 4;
+const DOWN			= 5;
+
+let temperature = 2;
+let simulation_mode = 'aTAM';
+
+let tileTypes = [];
+let glues = [];
+
+let signatureTable = new Map();
+let locationMap = new Map();
+let signatureMap = new Map();
+let frontierMap = new Map();
+
+let fastForwardFlag = false;
+let fastBackwardFlag = false;
+
+let b_report_nondeterminism = true;
+
+let history = [];
+let seedSize = 0;
+
+
+onmessage = function(e) {
+    if (e.data.msg === "tileset") {
+		tileTypes = e.data.types;
+		glues = e.data.glues;
+
+		for (const type of tileTypes) {
+		    const g = [-1, -1, -1, -1, -1, -1];
+		    if (type.glues.north !== null) g[0] = type.glues.north.id;
+		    if (type.glues.east  !== null) g[1] = type.glues.east.id;
+		    if (type.glues.south !== null) g[2] = type.glues.south.id;
+		    if (type.glues.west  !== null) g[3] = type.glues.west.id;
+			if (type.glues.up    !== null) g[4] = type.glues.up.id;
+			if (type.glues.down  !== null) g[5] = type.glues.down.id;
+		    type.glues = g;
+		    if (type.id === undefined) {
+		    	console.log('found tile type with undefined id', type);
+		    }
+		}
+		
+		precomputeSignatures();
+    } else if (e.data.msg === "step-forward") {
+		const added_list = stepForward();
+		if (added_list === null) {
+		    postMessage({ msg: "frontier-empty" });
+		} else {
+			for (let i=0; i<added_list.length; i++) {
+				postMessage({
+					msg: "tile-added",
+					tid: added_list[i][0],
+					x: added_list[i][1],
+					y: added_list[i][2],
+					z: added_list[i][3]
+				});
+			}
+		}
+    } else if (e.data.msg === "step-backward") {
+    	const removed = stepBackward();
+    	if (removed !== null) {
+    		postMessage({ msg: "tile-removed", tid: removed.tid, x: removed.x, y: removed.y, z: removed.z });
+    	} else {
+    		postMessage({ msg: "back-to-seed"});
+    	}
+    } else if (e.data.msg === "add-tile") {
+		addTile(e.data.tid, e.data.x, e.data.y, e.data.z);
+    } else if (e.data.msg === "remove-tile") {
+    	removeTile(e.data.x, e.data.y, e.data.z);
+    } else if (e.data.msg === "fast-forward-start") {
+		fastForwardFlag = true;
+		fastForward();
+    } else if (e.data.msg === "fast-forward-stop") {
+		fastForwardFlag = false;
+    } else if (e.data.msg === "fast-backward-start") {
+		fastBackwardFlag = true;
+		fastBackward();
+    } else if (e.data.msg === "fast-backward-stop") {
+		fastBackwardFlag = false;
+    } else if (e.data.msg === 'clear') {
+    	clear(e.data.temperature);
+    } else if (e.data.msg === 'set-seed') {
+    	for (const tile of e.data.seed) {
+    		addTile(tile.type.id, tile.coords.x, tile.coords.y, tile.coords.z);
+    	}
+    	seedSize = e.data.seed.length;
+    } else if (e.data.msg === 'set-temperature') {
+    	temperature = e.data.temperature;
+    	console.log('set temp to ' + temperature);
+    } else if (e.data.msg === 'mode-aTAM') {
+		simulation_mode = 'aTAM';
+	} else if (e.data.msg === 'mode-SyncTAM') {
+		simulation_mode = 'SyncTAM';
+	} else if (e.data.msg === 'send-history') {
+		self.postMessage({ msg: 'sent-history', history: history, b_show_names: e.data.b_show_names, b_show_labels: e.data.b_show_labels});
+	} else if (e.data.msg === 'report-nondeterminism') {
+		b_report_nondeterminism = e.data.b_report;
+	}
+};
+
+function clear(temp) {
+	signatureTable = new Map();
+	locationMap = new Map();
+	signatureMap = new Map();
+	frontierMap = new Map();
+
+	glues = [];
+	tileTypes = [];
+
+	temperature = temp;
+
+	fastForwardFlag = false;
+}
+
+const FAST_FORWARD_STEPS = 500;
+const FAST_BACKWARD_STEPS = 500;
+
+function fastForward() {
+    let buff_size = FAST_FORWARD_STEPS;
+	if ((simulation_mode === 'SyncTAM') && (buff_size < frontierMap.size)) {
+		buff_size = frontierMap.size;
+	}
+	const fastForwardBuffer = new Int32Array(buff_size * 4);
+	let num_added = 0;
+
+	if (simulation_mode === 'aTAM') {
+		for (let i = 0; i < FAST_FORWARD_STEPS; i++) {
+			const added_list = stepForward();
+			if (added_list === null) {
+				postMessage({msg: "frontier-empty"});
+				fastForwardFlag = false;
+				break;
+			}
+			for (let j=0; j<added_list.length; j++) {
+				fastForwardBuffer[4 * num_added + 0] = added_list[j][0];
+				fastForwardBuffer[4 * num_added + 1] = added_list[j][1];
+				fastForwardBuffer[4 * num_added + 2] = added_list[j][2];
+				fastForwardBuffer[4 * num_added + 3] = added_list[j][3];
+				num_added += 1;
+			}
+		}
+	} else {
+		while ((num_added == 0) || ((num_added + frontierMap.size) < FAST_FORWARD_STEPS)) {
+
+			const added_list = stepForward();
+			if ((added_list === null) || (added_list.length === 0)) {
+				postMessage({msg: "frontier-empty"});
+				fastForwardFlag = false;
+				break;
+			}
+
+			for (let j = 0; j < added_list.length; j++) {
+				fastForwardBuffer[4 * num_added + 0] = added_list[j][0];
+				fastForwardBuffer[4 * num_added + 1] = added_list[j][1];
+				fastForwardBuffer[4 * num_added + 2] = added_list[j][2];
+				fastForwardBuffer[4 * num_added + 3] = added_list[j][3];
+				num_added++;
+			}
+		}
+	}
+
+    postMessage({
+		msg: "tiles-added",
+		buffer: fastForwardBuffer,
+		added: num_added,
+    }, [fastForwardBuffer.buffer]);
+    
+    if (fastForwardFlag) {
+		setTimeout(fastForward);
+	} else {
+		//console.log('stopping fast forward');
+	}
+}
+
+function fastBackward() {
+	const fastBackwardBuffer = new Int32Array(FAST_BACKWARD_STEPS * 3);
+
+	let i;
+	for (i = 0; i < FAST_BACKWARD_STEPS; i++) {
+		const removed = stepBackward();
+		if (removed === null) {
+			postMessage({ msg: 'back-to-seed' });
+			fastBackwardFlag = false;
+			break;
+		}
+		fastBackwardBuffer[3*i+0] = removed.x;
+		fastBackwardBuffer[3*i+1] = removed.y;
+		fastBackwardBuffer[3*i+2] = removed.z;
+	}
+
+	postMessage({
+		msg: "tiles-removed",
+		buffer: fastBackwardBuffer,
+		removed: i,
+	}, [fastBackwardBuffer.buffer]);
+
+	if (fastBackwardFlag)
+		setTimeout(fastBackward);
+}
+
+function subsignatures(sig) {
+    subsigs = [[-1, -1, -1, -1, -1, -1]];
+    for (let i = 0; i < 6; i++) {
+		if (sig[i] >= 0) {
+		    const newsubsigs = [];
+		    for (const subsig of subsigs) {
+				const newsubsig = [...subsig];
+				newsubsig[i] = sig[i];
+				newsubsigs.push(newsubsig);
+		    }
+		    subsigs = subsigs.concat(newsubsigs);
+		}
+    }
+    return subsigs;
+}
+
+function precomputeSignatures() {
+    for (const type of tileTypes) {
+		const subsigs = subsignatures(type.glues);
+
+		for (const subsig of subsigs) {
+		    let strength = 0;
+		    for (let i = 0; i < 6; i++) {
+				if (subsig[i] >= 0)
+				    strength += glues[subsig[i]].strength;
+			}
+
+		    if (strength >= temperature) {
+				const sigstr = subsig.join();
+				if (signatureTable.has(sigstr)) {
+				    signatureTable.get(sigstr).push(type.id);
+				} else {
+				    signatureTable.set(sigstr, [type.id]);
+				}
+		    }
+		}
+    }
+}
+
+function getFittingTileTypes(sig) {
+    const sigstr = sig.join();
+
+    // check if signature table has signature
+    if (signatureTable.has(sigstr)) {
+		return signatureTable.get(sigstr);
+    } else { // if not, try subsignatures (i.e. ignore some adjacent glues and see if something fits)
+		let fitting = [];
+		const subsigs = subsignatures(sig);
+
+		// for each subsignature, get fitting tiles and merge with existing to remove duplicates
+		for (const subsig of subsigs) {
+		    const subsigstr = subsig.join();
+		    if (signatureTable.has(subsigstr)) {
+				let subfitting = signatureTable.get(subsigstr);
+				// TODO: optimize fitting to be a set rather than list
+				fitting = [... new Set(fitting.concat(subfitting))];
+		    }
+		}
+
+		signatureTable.set(sigstr, fitting);
+		return fitting;
+    }
+}
+
+function locationKey(x, y, z) {
+	return '' + x + '_' + y + '_' + z;
+
+    // let a = x * 2;
+    // if (a < 0)
+	// a = -(a + 1);
+	//
+    // let b = y * 2;
+    // if (b < 0)
+	// b = -(b + 1);
+	//
+    // return Math.round((a + b) * (a + b + 1) / 2 + b);
+}
+
+const DX = [0, 1, 0, -1, 0, 0];
+const DY = [1, 0, -1, 0, 0, 0];
+const DZ = [0, 0, 0, 0, 1, -1];
+const DIRS = ["north", "east", "south", "west", "up", "down"];
+const OPP_DIRS = [2,3,0,1,5,4];
+
+function addNbrsToFrontier(tid, x, y, z) {
+	for (let i = 0; i < 6; i++) {
+		const nbrkey = locationKey(x + DX[i], y + DY[i], z + DZ[i]);
+
+		if (!locationMap.has(nbrkey)) {
+		    if (!signatureMap.has(nbrkey))
+				signatureMap.set(nbrkey, [-1,-1,-1,-1,-1,-1]);
+
+		    let sig = signatureMap.get(nbrkey);
+		    sig[OPP_DIRS[i]] = tileTypes[tid].glues[i];
+
+		    const fitting = getFittingTileTypes(sig);
+		    if (fitting.length > 0)
+				frontierMap.set(nbrkey, [x + DX[i], y + DY[i], z + DZ[i]]);
+		}
+    }
+}
+
+function addTile(tid, x, y, z, b_add_to_frontier=true) {
+    const key = locationKey(x, y, z);
+
+    if (locationMap.has(key)) {
+		console.log("ERROR: attempting to add a tile to an occupied location", tid, x, y, z);
+		return false;
+    }
+
+    locationMap.set(key, tid);
+    signatureMap.delete(key);
+    frontierMap.delete(key);
+
+	if (b_add_to_frontier === true) {
+		addNbrsToFrontier(tid, x, y, z);
+	}
+
+    return true;
+}
+
+function hasNeighbor(x, y, z) {
+	for (let i = 0; i < 6; i++) {
+		const nbrkey = locationKey(x + DX[i], y + DY[i], z + DZ[i]);
+		if (locationMap.has(nbrkey))
+			return true;
+	}
+	return false;
+}
+
+function removeTile(x, y, z) {
+
+	// check if tile exists at location (x,y,z)
+	const key = locationKey(x, y, z);
+	if (locationMap.has(key)) { // if so
+
+		// delete from location map
+		locationMap.delete(key);
+
+		// initialize new signature to update signature map
+		const newSignature = [-1,-1,-1,-1,-1,-1];
+
+		// assume no neighbors by default
+		let hasNbrs = false;
+
+		// loop over all possible neighbor locations
+		for (let i = 0; i < 6; i++) {
+
+			// check neighbor for tile
+			const nbrkey = locationKey(x + DX[i], y + DY[i], z + DZ[i]);
+			if (locationMap.has(nbrkey)) { // if tile exists at neighbor location
+
+				// get the tile id of the neighboring tile
+				const nbrId = locationMap.get(nbrkey);
+				
+				// update new signature for x,y to include glue presented by neighbor
+				newSignature[i] = tileTypes[nbrId].glues[OPP_DIRS[i]];
+
+				// remember that a neighbor has been seen
+				hasNbrs = true;
+			} else { // no tile exists in neighbor location 
+				if (signatureMap.has(nbrkey)) {
+
+					// get neighbor signature if it exists
+					let nbrSig = signatureMap.get(nbrkey);
+
+					// update neighbor signature to remove current tile
+					nbrSig[OPP_DIRS[i]] = -1;
+
+					// check if neighbors signature is now null-signature [-1,-1,-1,-1,-1,-1]
+					if (nbrSig.every((x) => { x===-1 })) {
+						// signature map only holds non-null signatures so remove neighbor
+						signatureMap.delete(nbrkey);
+					}
+
+					// if no tiles fit in nbr location after removal, remove frontier location
+					const fitting = getFittingTileTypes(nbrSig);
+					if (fitting.length === 0) {
+						frontierMap.delete(nbrkey);
+					}
+				}
+			}
+    	}
+
+    	if (hasNbrs) {
+    		signatureMap.set(key, newSignature);
+    		const fitting = getFittingTileTypes(newSignature);
+    		if (fitting.length > 0) {
+    			frontierMap.set(key, [x, y, z]);
+    		}
+    	}
+	}
+}
+
+function stepForward() {
+
+	const ret_list = Array();
+
+	if (simulation_mode === 'aTAM') {
+		let tid;
+    	let loc;
+
+		while (tid === undefined) {
+			if (frontierMap.size === 0) {
+				return null; // no more tiles can be added
+			}
+
+			const frontierList = Array.from(frontierMap.keys());
+			const key = frontierList[Math.floor(Math.random() * frontierList.length)];
+			const sig = signatureMap.get(key);
+			const fitting = getFittingTileTypes(sig);
+
+			tid = fitting[Math.floor(Math.random() * fitting.length)];
+			loc = frontierMap.get(key);
+
+			if (tid === undefined) {
+				postMessage({msg: 'tid-undefined'});
+				frontierMap.delete(key);
+			}
+		}
+
+		addTile(tid, loc[0], loc[1], loc[2]);
+		history.push({tid: tid, x: loc[0], y: loc[1], z: loc[2]});
+		ret_list.push([tid, loc[0], loc[1], loc[2]]);
+
+	} else {
+		const frontierList = Array.from(frontierMap.keys());
+
+		for (let i=0; i<frontierList.length; i++) {
+			let tid;
+			let loc;
+
+			while (tid === undefined) {
+				if (i === frontierList.length) {
+					break; // no more tiles can be added
+				}
+
+				const key = frontierList[i];
+				loc = frontierMap.get(key);
+
+				const sig = signatureMap.get(key);
+				const fitting = getFittingTileTypes(sig);
+				if ((fitting.length > 1) && (b_report_nondeterminism === true)) {
+					const type_list = Array();
+					for (let t=0; t<fitting.length; t++) {
+						type_list.push(tileTypes[fitting[t]].name);
+					}
+					postMessage({ msg: 'nondeterminism', loc: loc, types: type_list});
+				}
+
+				tid = fitting[Math.floor(Math.random() * fitting.length)];
+				if (tid === undefined) {
+					postMessage({ msg: 'tid-undefined'});
+					i++;
+				}
+			}
+			if (tid !== undefined) {
+				addTile(tid, loc[0], loc[1], loc[2], false);
+				history.push({tid: tid, x: loc[0], y: loc[1], z: loc[2]});
+				ret_list.push([tid, loc[0], loc[1], loc[2]]);
+			}
+		}
+
+		for (let r = 0; r < ret_list.length; r++) {
+			addNbrsToFrontier(ret_list[r][0], ret_list[r][1], ret_list[r][2], ret_list[r][3]);
+		}
+	}
+
+    // console.log('tile added', history, seedSize);
+
+    return ret_list;
+}
+
+function stepBackward() {
+	if (history.length <= 0) {
+		return null; // can't step back anymore
+	}
+
+	const last = history.pop();
+	removeTile(last.x, last.y, last.z);
+
+	// console.log('tile removed', history, seedSize);
+
+	return last;
+}

src/utils.mjs

+export class Vector2D {
+    constructor(x=0, y=0) {
+	this.x = x;
+	this.y = y;
+    }
+
+    add(other) {
+	return new Vector2D(this.x + other.x, this.y + other.y);
+    }
+
+    sub(other) {
+	return new Vector2D(this.x - other.x, this.y - other.y);
+    }
+
+    div(other) {
+	return new Vector2D(this.x / other.x, this.y / other.y);
+    }
+
+    mul(other) {
+	return new Vector2D(this.x * other.x, this.y * other.y);
+    }
+
+    scale(scalar) {
+	return new Vector2D(this.x * scalar, this.y * scalar);
+    }
+
+    // angle in radians
+    rotateCW(angle) {
+	return new Vector2D(
+	    this.x * Math.cos(angle) + this.y * Math.sin(angle),
+	    this.y * Math.cos(angle) - this.x * Math.sin(angle));
+    }
+
+    toArray() {
+	return [this.x, this.y];
+    }
+
+    floor() {
+	return new Vector2D(Math.floor(this.x), Math.floor(this.y));
+    }
+
+    ceil() {
+	return new Vector2D(Math.ceil(this.x), Math.ceil(this.y));
+    }
+    
+    round() {
+	return new Vector2D(Math.round(this.x), Math.round(this.y));
+    }
+
+    isWithin(boxMin, boxMax) {
+	return boxMin.x <= this.x && boxMax.x >= this.x && boxMin.y <= this.y && boxMax.y >= this.y;
+    }
+    
+    interpolate(other, t) {
+	return this.scale(1-t).add(other.scale(t));
+    }
+}
+
+export class Vector3D {
+    constructor(x=0, y=0, z=0) {
+	this.x = x;
+	this.y = y;
+	this.z = z;
+    }
+
+    add(other) {
+	return new Vector2D(this.x + other.x, this.y + other.y, this.z + other.z);
+    }
+
+    sub(other) {
+	return new Vector2D(this.x - other.x, this.y - other.y, this.z - other.z);
+    }
+
+    div(other) {
+	return new Vector2D(this.x / other.x, this.y / other.y, this.z / other.z);
+    }
+
+    mul(other) {
+	return new Vector2D(this.x * other.x, this.y * other.y, this.z * other.z);
+    }
+
+    scale(scalar) {
+	return new Vector2D(this.x * scalar, this.y * scalar, this.z * scalar);
+    }
+
+    // angle in radians
+    rotateCW(angle) {
+	return new Vector2D(
+	    this.x * Math.cos(angle) + this.y * Math.sin(angle),
+	    this.y * Math.cos(angle) - this.x * Math.sin(angle));
+    }
+
+    toArray() {
+	return [this.x, this.y, this.z];
+    }
+
+    floor() {
+	return new Vector3D(Math.floor(this.x), Math.floor(this.y), Math.floor(this.z));
+    }
+
+    ceil() {
+	return new Vector3D(Math.ceil(this.x), Math.ceil(this.y), Math.ceil(this.z));
+    }
+
+    round() {
+	return new Vector3D(Math.round(this.x), Math.round(this.y), Math.round(this.z));
+    }
+
+    isWithin(boxMin, boxMax) {
+	return boxMin.x <= this.x && boxMax.x >= this.x && boxMin.y <= this.y && boxMax.y >= this.y && boxMin.z <= this.z && boxMax.z >= this.z;
+    }
+
+    interpolate(other, t) {
+	return this.scale(1-t).add(other.scale(t));
+    }
+}
+
+export class Color {
+    constructor(r=0, g=0, b=0) {
+	this.r = r;
+	this.g = g;
+	this.b = b;
+    }
+
+    toArray() {
+		return [this.r, this.g, this.b];
+    }
+
+    getHexString() {
+		const rhex = (Math.floor(this.r * 255)).toString(16).padStart(2, '0');
+		const ghex = (Math.floor(this.g * 255)).toString(16).padStart(2, '0');
+		const bhex = (Math.floor(this.b * 255)).toString(16).padStart(2, '0');
+		return `#${rhex}${ghex}${bhex}`;
+    }
+
+    getRGBInt() {
+    	let val = Math.round(this.b * 255);
+    	val += Math.round(this.g * 255) * 256;
+    	val += Math.round(this.r * 255) * 256 * 256;
+    	return val;
+    }
+    
+    // returns either black or white depending on which has more contrast with this color
+    // the returned color can then be used as a foreground color for text with this color as a background
+    // implementation recommended by Web Content Accessibility Guideline - https://www.w3.org/TR/WCAG20/
+    getContrastColor() {
+	// compute luminance
+	const L =
+	      0.2126 * (this.r <= 0.03928 ? this.r / 12.92 : Math.pow((this.r + 0.055) / 1.055, 2.4)) +
+	      0.7152 * (this.g <= 0.03928 ? this.g / 12.92 : Math.pow((this.g + 0.055) / 1.055, 2.4)) +
+	      0.0722 * (this.b <= 0.03928 ? this.b / 12.92 : Math.pow((this.b + 0.055) / 1.055, 2.4));
+
+	// compare luminance ratios
+	if ( (L + 0.05) * (L + 0.05) > 0.0525 )
+	    return new Color(0, 0, 0);
+	else
+	    return new Color(1, 1, 1);
+    }
+}
+
+const colors = new Map();
+colors.set("red",     new Color(1, 0, 0));
+colors.set("green",   new Color(0, 1, 0));
+colors.set("blue",    new Color(0, 0, 1));
+colors.set("yellow",  new Color(1, 1, 0));
+colors.set("magenta", new Color(1, 0, 1));
+colors.set("cyan",    new Color(0, 1, 1));
+colors.set("orange",  new Color(1, 0.65, 0));
+colors.set("white",   new Color(1, 1, 1));
+colors.set("black",   new Color(0, 0, 0));
+
+const RGB_REGEX = /[rR][gG][bB]\(\s*(\d+),\s*(\d+),\s*(\d+)\)/;
+const HEX_REGEX = /#([0-9a-fA-F]{2})([0-9a-fA-F]{2})([0-9a-fA-F]{2})|([0-9a-fA-F])([0-9a-fA-F])([0-9a-fA-F])/;
+
+export function parseColor(str) {
+    str = str.trim().toLowerCase();
+    
+    if (colors.has(str))
+	return colors.get(str);
+
+	let r = 1, g = 1, b = 1;
+
+    if (str.startsWith("rgb")) {
+		const match = str.match(RGB_REGEX);
+		if (match !== null) {
+		    r = parseInt(match[1]) / 255;
+		    g = parseInt(match[2]) / 255;
+		    b = parseInt(match[3]) / 255;
+		}
+    } else if (str.startsWith('#')) {
+    	const match = str.match(HEX_REGEX);
+    	if (match !== null) {
+    		const offset = match[0] ? 1 : 4;
+			r = parseInt(match[0+offset], 16) / 255;
+			g = parseInt(match[1+offset], 16) / 255;
+			b = parseInt(match[2+offset], 16) / 255;
+    	}
+    }
+
+    return new Color(r, g, b);
+}
+
+export function debounce(func, timeout=100) {
+    let timer;
+    return (...args) => {
+	clearTimeout(timer);
+	timer = setTimeout(() => { func.apply(this, args); }, timeout);
+    };
+}
+
+export function throttle(callback, timeout) {
+	let waiting = false;
+	return function () {
+		if (!waiting) {
+			callback.apply(this, arguments);
+			waiting = true;
+			setTimeout(() => { waiting = false; }, timeout)
+		}
+	}
+}

src/webtas.mjs

+
+import * as THREE from './three.module.mjs';
+
+import * as AssetManager from './assetmanager.mjs';
+
+import { Logger } from './logger.mjs';
+import { Simulator } from './simulator.mjs';
+import { throttle } from './utils.mjs';
+import { SimpleDataTable, TileType } from './rectilinear_generator.mjs';
+
+// import Split from './split-grid.min.js'
+
+let simulator;
+
+// document fully loaded including stylesheets, images, etc.
+window.addEventListener('load', () => {
+	simulator.resize();
+});
+
+// document loaded without waiting for stylesheets, images, etc.
+document.addEventListener('DOMContentLoaded', () => {
+    initLayout();
+
+    Logger.init(document.getElementById('log-container'));
+
+    AssetManager.loadAssets(onAssetsLoaded);
+	simulator = new Simulator();
+	simulator.setBackgroundColor(document.getElementById('bg-color-input').value, false);
+
+    document.getElementById("load-system-button").addEventListener('click', onSystemLoadButton);
+    document.getElementById("save-system-button").addEventListener('click', onSystemSaveButton);
+	document.getElementById("save-png-button").addEventListener('click', onPNGSaveButton);
+	document.getElementById("save-svg-button").addEventListener('click', onSVGSaveButton);
+    document.getElementById("open-example-button").addEventListener('click', onOpenExampleButton);
+    document.getElementById("create-rectilinear-button").addEventListener('click', onCreateRectilinearButton);
+
+    document.getElementById('bg-color-input').addEventListener('change', (e) => { simulator.setBackgroundColor(e.target.value); });
+    document.getElementById('set-background-color-button').addEventListener('click', () => { document.getElementById('bg-color-input').click(); });
+    document.getElementById('set-temperature-button').addEventListener('click', onSetTemperatureButton);
+	document.getElementById('set-simulation-mode-menu').addEventListener('click', onSetSimulationModeMenu);
+	document.getElementById('report-nondeterminism-checkbox').addEventListener('click', onReportNondeterminism);
+
+    /* set behavior for rectilinear generator buttons start */
+
+    document.getElementById('rl-reset-truth-table-button').addEventListener('click', () => {
+    	updateRectilinearTruthTable();
+    });
+
+    document.getElementById('rl-truth-table-function-button').addEventListener('click', () => {
+    	generateRectilinearTruthTable();
+    });
+
+    document.getElementById('rl-generate-button').addEventListener('click', () => {
+    	generateRectilinearTiles();
+    	document.getElementById('create-rectilinear-modal').style.display='none';
+    });
+
+    document.getElementById('create-rectilinear-close-button').addEventListener('click', () => {
+    	document.getElementById('create-rectilinear-modal').style.display='none';
+    });
+
+    rlTable = new SimpleDataTable(document.getElementById("rl-truth-table"));
+    rlTable.setHeaders(['Vert Input', 'Horz Input', 'Vert Output', 'Horz Output', 'Color']);
+
+    rlSetInputVals();
+    rlTable.load(rlTableVals);
+    rlTable.render();
+
+    document.getElementById('rl-truth-table-function').value = rlDefaultFunction;
+
+    // allow tabs to be entered in text area
+    document.getElementById('rl-truth-table-function').addEventListener('keydown', function(e) {
+		if (e.key == 'Tab') {
+			e.preventDefault();
+			var start = this.selectionStart;
+			var end = this.selectionEnd;
+			this.value = this.value.substring(0, start) + "\t" + this.value.substring(end);
+			this.selectionStart = this.selectionEnd = start + 1;
+		}
+	});
+
+    /* set behavior for rectilinear generator buttons end */
+
+	document.getElementById('simulation-mode-close-button').addEventListener('click', () => {
+    	document.getElementById('set-simulation-mode-modal').style.display='none';
+    });
+
+	document.getElementById('set-simulation-mode-confirm-button').addEventListener('click', onSetSimulationMode);
+
+    document.getElementById('temperature-close-button').addEventListener('click', () => {
+    	document.getElementById('set-temperature-modal').style.display='none';
+    });
+
+    document.getElementById('set-temperature-confirm-button').addEventListener('click', onSetTemperature);
+
+	document.getElementById('temperature-sequence-close-button').addEventListener('click', () => {
+    	document.getElementById('set-temperature-sequence-modal').style.display='none';
+    });
+
+	document.getElementById('set-temperature-sequence-confirm-button').addEventListener('click', onSetTemperatureSequence);
+
+    document.getElementById('save-close-button').addEventListener('click', () => {
+    	document.getElementById('save-system-modal').style.display='none';
+    });
+
+	document.getElementById('save-png-close-button').addEventListener('click', () => {
+    	document.getElementById('save-png-modal').style.display='none';
+    });
+
+	document.getElementById('save-svg-close-button').addEventListener('click', () => {
+    	document.getElementById('save-svg-modal').style.display='none';
+    });
+
+    document.getElementById('save-system-confirm-button').addEventListener('click', () => {
+    	document.getElementById('save-system-modal').style.display='none';
+
+    	const filename = document.getElementById('save-system-name').value;
+    	const blobs = simulator.saveSystem(filename);
+
+    	if (blobs === null) {
+    		alert('No system to save. Please open a system before saving');
+    		return;
+    	}
+
+    	const tdpBlob = blobs[0];
+    	const tdsBlob = blobs[1];
+
+    	const a_tdp = document.createElement('a');
+    	const a_tds = document.createElement('a');
+
+    	const url_tdp = URL.createObjectURL(tdpBlob);
+    	const url_tds = URL.createObjectURL(tdsBlob);
+
+    	a_tdp.href = url_tdp;
+    	a_tds.href = url_tds;
+    	
+    	a_tdp.download = filename + '.tdp';
+    	a_tds.download = filename + '.tds';
+
+    	document.body.appendChild(a_tdp);
+    	document.body.appendChild(a_tds);
+
+    	a_tdp.click();
+    	a_tds.click();
+
+    	setTimeout(() => {
+    		document.body.removeChild(a_tdp);
+    		document.body.removeChild(a_tds);
+    		
+    		window.URL.revokeObjectURL(url_tdp);
+    		window.URL.revokeObjectURL(url_tds);
+    	}, 0);
+
+    	Logger.log(Logger.INFO, `saved current system as ${filename}.tdp and ${filename}.tds`);
+    });
+
+    document.getElementById('examples-close-button').addEventListener('click', () => {
+		document.getElementById('examples-modal').style.display='none';
+	});
+
+	document.getElementById('example-confirm-button').addEventListener('click', () => {
+		document.getElementById('examples-modal').style.display='none';
+		const select = document.getElementById('example-select');
+		const tdp = AssetManager.getFile(`${select.value}_tdp`);
+		const tds = AssetManager.getFile(`${select.value}_tds`);
+		simulator.loadSystem({tdp: {name: `${select.value}.tdp`, src: tdp}, tds: {name: `${select.value}.tds`, src: tds}});
+	});
+});
+
+function render() {
+	requestAnimationFrame(render);
+
+	simulator.render();
+}
+
+// called when all assets have been loaded
+function onAssetsLoaded() {
+    simulator.init();
+
+    render();
+}
+
+function onSystemLoadButton() {
+	const input = document.createElement('input');
+	input.type = 'file';
+	input.multiple = 'true';
+	input.onchange = () => {
+		const files = input.files;
+		let tdpFile = null;
+	    let tdsFile = null;
+	    for (const file of files) {
+			if (file.name.toLowerCase().endsWith(".tdp"))
+			    tdpFile = file;
+			else if (file.name.toLowerCase().endsWith(".tds"))
+			    tdsFile = file;
+	    }
+
+	    if (tdpFile === null || tdsFile === null) {
+			alert("Failed to load system: Please provide both a .tdp file and a .tds file when loading a tile system.");
+			return;
+	    }
+
+	    const tdpPromise = new Promise((resolve, reject) => {
+			const reader = new FileReader();
+			reader.onload = () => { resolve(reader.result); };
+			reader.onerror = reject;
+			reader.readAsText(tdpFile);
+	    });
+
+	    const tdsPromise = new Promise((resolve, reject) => {
+			const reader = new FileReader();
+			reader.onload = () => { resolve(reader.result); };
+			reader.onerror = reject;
+			reader.readAsText(tdsFile);
+	    });
+	    
+	    Promise.all([tdpPromise, tdsPromise]).then((values) => {
+			simulator.loadSystem({tdp: {name: tdpFile.name, src: values[0]}, tds: {name: tdsFile.name, src: values[1]}});
+	    });
+	};
+	input.click();
+}
+
+function onSystemSaveButton() {
+	document.getElementById('save-system-modal').style.display='block';
+}
+
+function onPNGSaveButton() {
+	//document.getElementById('save-png-modal').style.display='block';
+	simulator.renderCanvasAndSave();
+}
+
+function onSVGSaveButton() {
+	document.getElementById('save-svg-modal').style.display='block';
+}
+
+function onSetSimulationModeMenu() {
+	document.getElementById('set-simulation-mode-modal').style.display='block';
+	document.getElementById('simulation-mode-select').value = simulator.simulation_mode;
+}
+
+function onReportNondeterminism() {
+	const b_report = document.getElementById('report-nondeterminism-checkbox').checked;
+	simulator.tileWorker.postMessage({ msg: 'report-nondeterminism', b_report: b_report});
+	let msg = '';
+	if (b_report === false) {
+		msg = 'not ';
+	}
+	Logger.log(Logger.INFO, `locations of nondeterminism (where multiple tile types can attach) will ${msg}be reported`);
+}
+
+function onSetSimulationMode() {
+	document.getElementById('set-simulation-mode-modal').style.display='none';
+}
+
+function onOpenExampleButton() {
+	document.getElementById('examples-modal').style.display='block';
+}
+
+function onSetTemperatureButton() {
+	document.getElementById('set-temperature-modal').style.display='block';
+	document.getElementById('temperature-input').value = simulator.temperature;
+}
+
+function onSetTemperature() {
+	const tempStr = document.getElementById('temperature-input').value;
+	const temp = parseInt(tempStr);
+
+	if (isNaN(temp) || temp <= 0) {
+		alert('Temperature must be a positive integer');
+		// document.getElementById('set-temperature-modal').style.display='none';
+		return;
+	}
+
+	simulator.setTemperature(temp);
+	document.getElementById('set-temperature-modal').style.display='none';
+}
+
+function onSetTemperatureSequence() {
+	const tempSeqStr = document.getElementById('temperature-sequence-input').value;
+	const temp_seq_array = tempSeqStr.split(',');
+	simulator.setTemperatureSequence(tempSeqStr);
+	document.getElementById('set-temperature-sequence-modal').style.display='none';
+	simulator.setTemperature(temp_seq_array[0]);
+}
+
+function initLayout() {
+	window.Split({
+		rowGutters: [{
+			track: 1,
+			element: document.getElementById("editor-gutter")
+		},
+		{
+			track: 3,
+			element: document.getElementById("log-gutter")
+		}],
+		columnGutters: [{
+			track: 3,
+			element: document.getElementById("simulator-gutter")
+		},
+		{
+			track: 1,
+			element: document.getElementById('tile-gutter')
+		}],
+		// rowMinSize: {
+		// 	0: 100, 2: 100, 4: 100,
+		// },
+		onDrag: (direction, track, gridTemplateStyle) => {
+			simulator.resize();
+		}
+	})
+}
+
+// variables for rectilinear generator
+const rlDefaultVals = [[0,0,0,0,'White'], [0,1,0,0,'White'], [1,0,0,0,'White'], [1,1,0,0,'White']];
+const rlSierpinskiVals = [[0,0,0,0,'White'], [0,1,1,1,'Red'], [1,0,1,1,'Red'], [1,1,0,0,'White']];
+const rlBinaryCounterVals = [[0,0,0,0,'White'], [0,1,1,0,'Red'], [1,0,1,0,'Red'], [1,1,0,1,'White']];
+
+const rlDefaultBoundaries = {vert: {value: 0, color: 'White'}, horz: {value: 0, color: 'White'}};
+const rlSierpinskiBoundaries = {vert: {value: 1, color: 'Red'}, horz: {value: 1, color: 'Red'}};
+const rlBinaryCounterBoundaries = {vert: {value: 1, color: 'White'}, horz: {value: 0, color: 'White'}};
+
+const rlDefaultFunction = "(vertIn, horzIn) => {\n\
+\tlet vertOut = 0;\n\
+\tlet horzOut = 0;\n\
+\tlet color = 'White';\n\
+\t\n\
+\treturn {vertOut: vertOut, horzOut: horzOut, color: color}; \n\
+}";
+
+const rlSierpinskiFunction = "(vertIn, horzIn) => {\n\
+\tlet vertOut = vertIn ^ horzIn;\n\
+\tlet horzOut = vertOut;\n\
+\tlet color = (vertOut == 0) ? 'White' : 'Red';\n\
+\t\n\
+\treturn {vertOut: vertOut, horzOut: horzOut, color: color};\n\
+}";
+const rlBinaryCounterFunction = "(vertIn, horzIn) => {\n\
+\tlet vertOut = (vertIn + horzIn) % 2;\n\
+\tlet horzOut = Math.floor((vertIn + horzIn) / 2);\n\
+\tlet color = (vertOut == 0) ? 'White' : 'Red';\n\
+\t\n\
+\treturn {vertOut: vertOut, horzOut: horzOut, color: color};\n\
+}";
+
+const rlBinaryVals = [0, 1];
+let rlHorzInVals = rlBinaryVals;
+let rlVertInVals = rlBinaryVals;
+let rlDirection = 'NW';
+let rlTableVals = rlDefaultVals;
+let rlBoundaries = rlDefaultBoundaries;
+
+let rlTable = null;
+
+function rlSetInputVals() {
+	document.getElementById('rl-horz-input').value = rlHorzInVals;
+	document.getElementById('rl-vert-input').value = rlVertInVals;
+
+}
+
+function rlGetInputVals() {
+	rlHorzInVals = document.getElementById('rl-horz-input').value.split(',');
+	rlVertInVals = document.getElementById('rl-vert-input').value.split(',');
+
+	for (let i = 0; i < rlHorzInVals.length; i++)
+		if (!isNaN(parseInt(rlHorzInVals[i]))) rlHorzInVals[i] = parseInt(rlHorzInVals[i]);
+
+	for (let i = 0; i < rlVertInVals.length; i++)
+		if (!isNaN(parseInt(rlVertInVals[i]))) rlVertInVals[i] = parseInt(rlVertInVals[i]);
+
+	rlTableVals = [];
+	for (let i = 0; i < rlVertInVals.length; i++) {
+		for (let j = 0; j < rlHorzInVals.length; j++) {
+			const tableRow = [rlVertInVals[i], rlHorzInVals[j], 0, 0, 'White'];
+			rlTableVals.push(tableRow);
+		}
+	}
+}
+
+function rlSetBoundaries() {
+	document.getElementById('rl-vert-boundary').value = rlBoundaries.vert.value;
+	document.getElementById('rl-horz-boundary').value = rlBoundaries.horz.value;
+
+	document.getElementById('rl-vert-boundary-color').value = rlBoundaries.vert.color;
+	document.getElementById('rl-horz-boundary-color').value = rlBoundaries.horz.color;
+}
+
+function rlGetBoundaries() {
+	rlBoundaries.vert.value = document.getElementById('rl-vert-boundary').value;
+	rlBoundaries.horz.value = document.getElementById('rl-horz-boundary').value;
+
+	rlBoundaries.vert.color = document.getElementById('rl-vert-boundary-color').value;
+	rlBoundaries.horz.color = document.getElementById('rl-horz-boundary-color').value;
+
+}
+
+function onCreateRectilinearButton() {
+	document.getElementById('rl-truth-table');
+	document.getElementById('create-rectilinear-modal').style.display='block';
+}
+
+function updateRectilinearTruthTable() {
+	const option = document.getElementById('rl-input-values').value;
+	if (option == 'rl-default-input') {
+		rlGetInputVals();
+		rlBoundaries = rlDefaultBoundaries;
+		rlSetBoundaries();
+		document.getElementById('rl-truth-table-function').value = rlDefaultFunction;
+	} else if (option == 'rl-sierpinski-input') {
+		rlBoundaries = rlSierpinskiBoundaries;
+		rlSetBoundaries();
+		rlHorzInVals = rlBinaryVals;
+		rlVertInVals = rlBinaryVals;
+		rlSetInputVals();
+		rlTableVals = rlSierpinskiVals;
+		document.getElementById('rl-truth-table-function').value = rlSierpinskiFunction;
+	} else if (option == 'rl-binary-counter-input') {
+		rlBoundaries = rlBinaryCounterBoundaries;
+		rlSetBoundaries();
+		rlHorzInVals = rlBinaryVals;
+		rlVertInVals = rlBinaryVals;
+		rlSetInputVals();
+		rlTableVals = rlBinaryCounterVals;
+		document.getElementById('rl-truth-table-function').value = rlBinaryCounterFunction;
+	}
+	rlTable.load(rlTableVals);
+	rlTable.render();
+}
+
+function generateRectilinearTruthTable() {
+	const functionText = document.getElementById('rl-truth-table-function').value;
+	
+	const computeOutputs = eval(functionText);
+
+	const computedVals = [];
+
+	for (let v of rlVertInVals) {
+		if (!isNaN(parseInt(v))) v = parseInt(v);
+
+		let computedRow = null;
+
+		for (let h of rlHorzInVals) {
+			if (!isNaN(parseInt(h))) h = parseInt(h);
+
+			const retVals = computeOutputs(v, h);
+
+			computedRow = [v, h, retVals.vertOut, retVals.horzOut, retVals.color];
+			computedVals.push(computedRow);
+		}
+	}
+
+	const tableVals = computedVals;
+	rlTable.load(tableVals);
+	rlTable.render();
+}
+
+function getTileTypeFromRectilinearTableRow(list, direction) {
+	let name = list[0] + ',' + list[1];
+	let label = list[2] + ',' + list[3];
+	let color = list[4];//parseColor(list[4]);
+	
+	let directed_list = [list[2], list[1], list[0], list[3]];
+	if (direction == 'NE') {
+		directed_list = [list[2], list[3], list[0], list[1]];
+	} else if (direction == 'SE') {
+		directed_list = [list[0], list[3], list[2], list[1]];
+	} else if (direction == 'SW') {
+		directed_list = [list[0], list[1], list[2], list[3]];
+	}
+	let glues = {
+		north: { label: directed_list[0], strength: 1 },
+		east:  { label: directed_list[1], strength: 1 },
+		south: { label: directed_list[2], strength: 1 },
+		west:  { label: directed_list[3], strength: 1 }
+	};
+	
+	let type = new TileType(name, label, color, glues);
+	
+	return type;
+}
+
+function generateRectilinearTiles() {
+	const tileList = [];
+	
+	const direction = document.getElementById('rl-growth-direction').value
+
+	rlGetBoundaries();
+	
+	let glues = {
+		north: { label: '', strength: 0 },
+		east:  { label: '', strength: 0 },
+		south: { label: '', strength: 0 },
+		west:  { label: '', strength: 0 },
+	}
+	if ((direction == 'NW') || (direction == 'NE')) {
+		glues.north = { label: 'V', strength: 2 };
+	}
+	if ((direction == 'SW') || (direction == 'SE')) {
+		glues.south = { label: 'V', strength: 2 };
+	}
+	if ((direction == 'NW') || (direction == 'SW')) {
+		glues.west = { label: 'H', strength: 2 };
+	}
+	if ((direction == 'NE') || (direction == 'SE')) {
+		glues.east = { label: 'H', strength: 2 };
+	}
+	
+	const seedType = new TileType('Seed', 'Seed', 'Green', glues);
+	tileList.push(seedType);
+	
+	// Vertical boundary
+	glues = {
+		north: { label: 'V', strength: 2 },
+		east:  { label: '', strength: 0 },
+		south: { label: 'V', strength: 2 },
+		west:  { label: '', strength: 0 }
+	};
+	if ((direction == 'NW') || (direction == 'SW')) {
+		glues.west = { label: rlBoundaries.vert.value, strength: 1 };
+	} else {
+		glues.east = { label: rlBoundaries.vert.value, strength: 1 };
+	}
+	const vertType = new TileType('V', rlBoundaries.vert.value, rlBoundaries.vert.color, glues);
+	tileList.push(vertType);
+	
+	// Horizontal boundary
+	glues = {
+		north: { label: '', strength: 0 },
+		east:  { label: 'H', strength: 2 },
+		south: { label: '', strength: 0 },
+		west:  { label: 'H', strength: 2 }
+	};
+	if ((direction == 'NW') || (direction == 'NE')) {
+		glues.north = { label: rlBoundaries.horz.value, strength: 1 };
+	} else {
+		glues.south = { label: rlBoundaries.horz.value, strength: 1 };
+	}
+	const horzType = new TileType('H', rlBoundaries.horz.value, rlBoundaries.horz.color, glues);
+	tileList.push(horzType);
+
+	for (var i = 1; i < rlTable.getRowsCount(); i++) {
+		var tableRow = [];
+		for (var j = 0; j < 5; j++) {
+			var cell = rlTable.getCell(i,j);
+			if (cell != null) {
+				tableRow.push(cell.childNodes[0].value);
+			} else {
+				tableRow.push(0);
+			}
+		}
+		const type = getTileTypeFromRectilinearTableRow(tableRow, direction);
+		tileList.push(type);
+	}
+	
+	//var tileSet = new TileSet();
+	let tileSetStr = '';
+	
+	// console.log('Tile set:');
+	for (var i = 0; i < tileList.length; i++) {
+		// console.log(tileList[i]);
+		//tileSet.addTileType(type);
+		tileSetStr += tileList[i].outputString();
+	}
+	//return tileSet;
+
+	const assemblyStr = 'rectilinear.tds\ntemperature=2\nSeed 0 0';
+
+	simulator.loadSystem({tdp: {name: 'rectilinear.tdp', src: assemblyStr}, tds: {name: 'rectilinear.tds', src: tileSetStr}});
+	
+	// /////////////////////////////////////////////////////////////////////////////////////////
+	// // TESTING: Writing to a file for now...
+	// // Create element with <a> tag
+	// const link = document.createElement("a");
+
+	// // Create a blog object with the file content which you want to add to the file
+	// const file = new Blob([tileSetStr], { type: 'text/plain' });
+
+	// // Add file content in the object URL
+	// link.href = URL.createObjectURL(file);
+
+	// // Add file name
+	// link.download = "rectilinear.tds";
+
+	// // Add click event to <a> tag to save file.
+	// link.click();
+	// URL.revokeObjectURL(link.href);
+}
\ No newline at end of file

styles/w3.css

+/* W3.CSS 4.15 December 2020 by Jan Egil and Borge Refsnes */
+html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
+/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
+html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
+article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
+audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
+audio:not([controls]){display:none;height:0}[hidden],template{display:none}
+a{background-color:transparent}a:active,a:hover{outline-width:0}
+abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
+b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
+small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
+sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
+code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
+button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
+button,input{overflow:visible}button,select{text-transform:none}
+button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
+button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
+button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
+fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
+legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
+[type=checkbox],[type=radio]{padding:0}
+[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
+[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
+[type=search]::-webkit-search-decoration{-webkit-appearance:none}
+::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
+/* End extract */
+html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden}
+h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}
+.w3-serif{font-family:serif}.w3-sans-serif{font-family:sans-serif}.w3-cursive{font-family:cursive}.w3-monospace{font-family:monospace}
+h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
+hr{border:0;border-top:1px solid #eee;margin:20px 0}
+.w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit}
+.w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc}
+.w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1}
+.w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1}
+.w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center}
+.w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top}
+.w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px}
+.w3-btn,.w3-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
+.w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
+.w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}   
+.w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none}
+.w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none}
+.w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%}
+.w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none}
+.w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block}
+.w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s}
+.w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%}
+.w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc}
+.w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer}
+.w3-dropdown-hover:hover .w3-dropdown-content{display:block}
+.w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000}
+.w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000}
+.w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1}
+.w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px}
+.w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto}
+.w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%}
+.w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%}
+.w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px}
+.w3-main,#main{transition:margin-left .4s}
+.w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
+.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px}
+.w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto}
+.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}
+.w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left}
+.w3-bar .w3-button{white-space:normal}
+.w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0}
+.w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%}
+.w3-responsive{display:block;overflow-x:auto}
+.w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before,
+.w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both}
+.w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%}
+.w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%}
+.w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%}
+.w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%}
+@media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%}
+.w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%}
+.w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}}
+@media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%}
+.w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%}
+.w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}}
+.w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px}
+.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}
+.w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell}
+.w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom}
+.w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important}
+@media (max-width:1205px){.w3-auto{max-width:95%}}
+@media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px}
+.w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative}	
+.w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center}
+.w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}}
+@media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}}
+@media (min-width:993px){.w3-modal-content{width:900px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}}
+@media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}}
+@media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}}
+.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0}
+.w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2}
+.w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0}
+.w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0}
+.w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
+.w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
+.w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
+.w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
+.w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
+.w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none}
+.w3-display-position{position:absolute}
+.w3-circle{border-radius:50%}
+.w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px}
+.w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px}
+.w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px}
+.w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px}
+.w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word}
+.w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%}
+.w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}
+.w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)}
+.w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}
+.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
+.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
+.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
+.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
+.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
+.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
+.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
+.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}
+.w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1}
+.w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75}
+.w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)}
+.w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)}
+.w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)}
+.w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important}
+.w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important}
+.w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important}
+.w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important}
+.w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important}
+.w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important}
+.w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important}
+.w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important}
+.w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important}
+.w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important}
+.w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important}
+.w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important}
+.w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important}
+.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important}
+.w3-padding-64{padding-top:64px!important;padding-bottom:64px!important}
+.w3-padding-top-64{padding-top:64px!important}.w3-padding-top-48{padding-top:48px!important}
+.w3-padding-top-32{padding-top:32px!important}.w3-padding-top-24{padding-top:24px!important}
+.w3-left{float:left!important}.w3-right{float:right!important}
+.w3-button:hover{color:#000!important;background-color:#ccc!important}
+.w3-transparent,.w3-hover-none:hover{background-color:transparent!important}
+.w3-hover-none:hover{box-shadow:none!important}
+/* Colors */
+.w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important}
+.w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important}
+.w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important}
+.w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important}
+.w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important}
+.w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important}
+.w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
+.w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
+.w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important}
+.w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important}
+.w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important}
+.w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important}
+.w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
+.w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important}
+.w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important}
+.w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important}
+.w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important}
+.w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important}
+.w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
+.w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important}
+.w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important}
+.w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important}
+.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important}
+.w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#000!important;background-color:#9e9e9e!important}
+.w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important}
+.w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#616161!important}
+.w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important}
+.w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important}
+.w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important}
+.w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important}
+.w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important}
+.w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important}
+.w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important}
+.w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important}
+.w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important}
+.w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important}
+.w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important}
+.w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important}
+.w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important}
+.w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important}
+.w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important}
+.w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important}
+.w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important}
+.w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important}
+.w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important}
+.w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important}
+.w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important}
+.w3-text-red,.w3-hover-text-red:hover{color:#f44336!important}
+.w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important}
+.w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important}
+.w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important}
+.w3-text-white,.w3-hover-text-white:hover{color:#fff!important}
+.w3-text-black,.w3-hover-text-black:hover{color:#000!important}
+.w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important}
+.w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important}
+.w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important}
+.w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important}
+.w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important}
+.w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important}
+.w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important}
+.w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important}
+.w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important}
+.w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important}
+.w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important}
+.w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important}
+.w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important}
+.w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important}
+.w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important}
+.w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important}
+.w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important}
+.w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important}
+.w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important}
+.w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important}
+.w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important}
+.w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important}
+.w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important}
+.w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important}
+.w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important}
+.w3-border-black,.w3-hover-border-black:hover{border-color:#000!important}
+.w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important}
+.w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important}
+.w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important}
+.w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important}
+.w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}

styles/webtas.css

+body {
+    width: 100vw;
+    height: 100vh;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+
+    display: flex;
+    flex-direction: column;
+}
+
+header {
+    border-bottom: 4px solid #cbd5e0;
+}
+
+.webtas-logo {
+    padding-left: 20px;
+}
+
+.webtas-logo:before {
+    content: '';
+    background: url("/assets/icons/webtas.png");
+    background-size: cover;
+    position: absolute;
+    width: 20px;
+    height: 20px;
+    margin-left:-26px;
+}
+
+#container {
+    width: 100%;
+    flex: 1;
+
+    display: grid;
+    grid-template-rows: 3fr 4px 7fr 4px 200px;
+    grid-template-columns: 200px 4px 200px 4px 1fr;
+}
+
+#tile-list-panel {
+    grid-area: 1 / 1 / span 1 / span 1;
+    display: flex;
+    flex-direction: column;
+}
+
+#tile-list-header {
+    flex: 0 0 auto;
+}
+
+#tile-list {
+    flex: 1 1 0px;
+    overflow-x: hidden;
+    overflow-y: scroll;
+}
+
+#tile-gutter {
+    grid-area: 1 / 2 / span 1 / span 1;
+    cursor: col-resize;
+}
+
+#tile-view-panel {
+    grid-area: 1 / 3 / span 1 / span 1;
+
+    display: flex;
+    flex-direction: column;
+}
+
+#tile-view-header {
+    flex: 0 0 auto;
+}
+
+#tile-view {
+    flex: 1 1 0px;
+    overflow: hidden;
+}
+
+#tile-canvas {
+    width: 100%;
+    height: 100%;
+}
+
+#tile-properties-panel {
+    grid-area: 3 / 1 / span 1 / span 3;
+    display: flex;
+    flex-direction: column;
+}
+
+#tile-properties-header {
+    flex: 0 0 auto;
+}
+
+#tile-properties {
+    flex: 1 1 0px;
+    overflow-x: hidden;
+    overflow-y: scroll;
+}
+
+#simulator-panel {
+    grid-area: 1 / 5 / span 3 / span 1;
+
+    display: flex;
+    flex-direction: column;
+}
+
+#sim-bar {
+    flex: 0 0 auto;
+}
+
+#simulator {
+    position: relative;
+    flex: 1 1 0px;
+    overflow: hidden;
+}
+
+#sim-canvas {
+    width: 100%;
+    height: 100%;
+}
+
+#sim-info {
+    flex: 0 0 auto;
+}
+
+#log-panel {
+    grid-area: 5 / 1 / span 1 / span 5;
+    display: flex;
+    flex-direction: column;
+}
+
+#log-header {
+    flex: 0 0 auto;
+}
+
+#log-container {
+    flex: 1 1 0px;
+    overflow-y: scroll;
+}
+
+.tile-list-entry {
+    width: 100%;
+}
+
+.log-entry {
+    width: 100%;
+    display: flex;
+    flex-direction: row;
+    padding: 0px;
+}
+
+.log-type {
+    width: 80px;
+    flex: 0 0 auto;
+    padding: 2px 8px;
+}
+
+.log-message {
+    flex: 1 1 auto;
+    padding: 2px 8px;
+}
+
+.log-date {
+    width: 160px;
+    flex: 0 0 auto;
+    padding: 2px 8px;
+}
+
+#editor-gutter {
+    grid-area: 2 / 1 / span 1 / span 3;
+    cursor: row-resize;
+}
+
+#simulator-gutter {
+    grid-area: 1 / 4 / span 3 / span 1;
+    cursor: col-resize;
+}
+
+#log-gutter {
+    grid-area: 4 / 1 / span 1 / span 5;
+    cursor: row-resize;
+}
+
+.gutter {
+    background-color: #cbd5e0;
+}
+
+.bar-divider {
+    border-left: 1px solid gray !important;
+    padding: 0 !important;
+    height: 36px;
+    width: 0px !important;
+    margin: 4px 4px;
+}
+
+.simple-data-table td input {
+    width: 80px;
+}
+
+.simple-data-table th {
+    border: none;
+    background-color: #d7d7d7;
+    padding: 0;
+    width: 20px;
+}
+
+.simple-data-table td {
+    border: none;
+    padding: 0;
+    width: 20px;
+}
+
+.simple-data-table input {
+    border: 1px solid #d7d7d7;
+    display: inline-block;
+    padding: 5px;
+}
+
+.simple-data-table input:focus {
+    border: 1px solid #3498db;
+}
+
+.simple-data-table button.remove-row {
+    visibility: hidden;
+}
+
+.simple-data-table button.add-row {
+    visibility: hidden;
+}

test-web-server.py

+import os
+from http.server import HTTPServer, CGIHTTPRequestHandler
+
+def main(port):
+    os.chdir('.')
+    server_object = HTTPServer(server_address=('', port), RequestHandlerClass=CGIHTTPRequestHandler)
+    try:
+        print(f'Web server starting on port {port}.')
+        server_object.serve_forever()
+    except KeyboardInterrupt:
+        server_object.socket.close()
+        print('Web server exiting.')
+
+if __name__ == '__main__':
+    main(8000)
+

tile.js

-
-const tile_geometry = new THREE.PlaneGeometry();
-const tile_material = new THREE.MeshBasicMaterial({ color: 0x00ff00 });
-
-class Glue {
-    constructor(strength, label) {
-	this.strength = strength;
-	this.label = label;
-    }
-}
-
-class TileType {
-    constructor(name, label, color, glues) {
-	this.glues = glues;
-
-	const bitmap = document.createElement('canvas');
-	const ctx = bitmap.getContext('2d');
-
-	const TEX_SIZE = 256;
-	const LINE_DASH = [5 * TEX_SIZE / 100, 3 * TEX_SIZE / 100];
-	const NAME_SIZE = TEX_SIZE / 10
-	const LABEL_SIZE = TEX_SIZE / 5;
-	const GLUE_SIZE = TEX_SIZE / 10;
-	const GLUE_OFFSET = TEX_SIZE / 5;
-	
-	bitmap.width = TEX_SIZE;
-	bitmap.height = TEX_SIZE;
-
-	ctx.fillStyle = color;
-	ctx.fillRect(0, 0, TEX_SIZE, TEX_SIZE);
-
-	ctx.fillStyle = 'black';
-	ctx.textAlign = 'center';
-
-	ctx.font = `${LABEL_SIZE}px Arial`;
-	ctx.fillText(label, TEX_SIZE / 2, 4 * TEX_SIZE / 7);
-
-	ctx.font = `${NAME_SIZE}px Arial`;
-	ctx.fillText(name, TEX_SIZE / 2, 5 * TEX_SIZE / 7);
-
-	ctx.strokeStyle = 'black';
-	ctx.font = `${GLUE_SIZE}px Arial`;
-	ctx.lineWidth = TEX_SIZE / 50;
-
-	// north glue
-	['north', 'east', 'south', 'west'].forEach((side, index) => {
-	    ctx.save();
-	    ctx.rotate(index * Math.PI / 2);
-	    if (index === 1 || index === 2) ctx.translate(0, -TEX_SIZE);
-	    if (index === 2 || index === 3) ctx.translate(-TEX_SIZE, 0);
-
-	    if (this.glues[side]) {
-		ctx.fillText(this.glues[side].label, TEX_SIZE / 2, GLUE_OFFSET);
-		
-		if (this.glues[side].strength == 0) ctx.setLineDash(LINE_DASH);
-		else ctx.setLineDash([]);
-
-		ctx.beginPath();
-		ctx.moveTo(0, ctx.lineWidth / 2);
-		ctx.lineTo(TEX_SIZE, ctx.lineWidth / 2);
-		ctx.stroke();
-		if (this.glues[side].strength > 1) {
-		    ctx.beginPath();
-		    ctx.moveTo(0, 5 * ctx.lineWidth / 2);
-		    ctx.lineTo(TEX_SIZE, 5 * ctx.lineWidth / 2);
-		    ctx.stroke();
-		}
-		
-	    } else {
-		ctx.setLineDash(LINE_DASH);
-
-		ctx.beginPath();
-		ctx.moveTo(0, ctx.lineWidth / 2);
-		ctx.lineTo(TEX_SIZE, ctx.lineWidth / 2);
-		ctx.stroke();
-	    }
-
-	    ctx.restore();
-	});
-
-	this.texture = new THREE.Texture(bitmap);
-	this.texture.needsUpdate = true;
-	this.material = new THREE.MeshBasicMaterial({ map: this.texture });
-    }
-}
-
-class Tile {
-    constructor(type, x, y) {
-	this.type = type;
-	this.x = x;
-	this.y = y;
-
-	this.mesh = new THREE.Mesh(tile_geometry, type.material);
-	this.mesh.position.set(this.x, this.y);
-	scene.add(this.mesh);
-    }
-}
-
-class System {
-    constructor(temperature, tile_types) {
-	this.temperature = temperature;
-	this.tile_types = tile_types;
-
-	this.tiles = [];
-	this.grid = new Map();
-	this.frontier = new Map();
-	this.fitting_tiles = new Map();
-	this.history = [];
-	this.seed = [];
-	
-	this.coord_index_func = (x, y) => {
-	    const a = x <= 0 ? -2*x : 2*x-1;
-	    const b = y <= 0 ? -2*y : 2*y-1;
-	    return (((a + b + 1) * (a + b)) >> 1) + b;
-	}
-
-	this.fitting_index_func = (n, e, s, w) => {
-	    if (n === undefined) n = this.tile_types.length;
-	    if (e === undefined) e = this.tile_types.length;
-	    if (s === undefined) s = this.tile_types.length;
-	    if (w === undefined) w = this.tile_types.length;
-	    const a = (((n + e + 1) * (n + e)) >> 1) + e;
-	    const b = (((s + w + 1) * (s + w)) >> 1) + w;
-	    return (((a + b + 1) * (a + b)) >> 1) + b;
-	}
-
-	this.addTile(0, 0, 0, true);
-    }
-
-    addTile(type_index, x, y, seed=false) {
-	const coord = this.coord_index_func(x, y);
-	const tile = new Tile(this.tile_types[type_index], x, y);
-	if (seed) this.seed.push(tile);
-	else this.history.push(tile);
-
-	this.tiles.push(tile);
-	this.grid.set(coord, type_index);
-
-	this.removeFrontier(x, y);
-	this.addFrontier(x + 1, y);
-	this.addFrontier(x - 1, y);
-	this.addFrontier(x, y + 1);
-	this.addFrontier(x, y - 1);
-    }
-
-    removeFrontier(x, y) {
-	const coord = this.coord_index_func(x, y);
-	if (this.frontier.has(coord))
-	    this.frontier.delete(coord);
-    }
-    
-    addFrontier(x, y) {
-	const coord = this.coord_index_func(x, y);
-	if (!this.grid.has(coord) && !this.frontier.has(coord))
-	    this.frontier.set(coord, [x, y]);
-    }
-
-    matchGlues(g1, g2) {
-	if (g1 === undefined || g2 === undefined)
-	    return 0;
-	else if (g1.strength === g2.strength && g1.label === g2.label)
-	    return g1.strength;
-	else
-	    return 0;
-    }
-    
-    getFittingTiles(x, y) {
-	const n_coord = this.coord_index_func(x, y + 1);
-	const e_coord = this.coord_index_func(x + 1, y);
-	const s_coord = this.coord_index_func(x, y - 1);
-	const w_coord = this.coord_index_func(x - 1, y);
-
-	const n = this.grid.get(n_coord);
-	const e = this.grid.get(e_coord);
-	const s = this.grid.get(s_coord);
-	const w = this.grid.get(w_coord);
-
-	const fitting_key = this.fitting_index_func(n, e, s, w);
-
-	if (this.fitting_tiles.has(fitting_key)) {
-	    return this.fitting_tiles.get(fitting_key);
-	} else {
-	    const fitting_tiles = [];
-	    this.tile_types.forEach((type, index) => {
-		let strength = 0;
-		if (n !== undefined)
-		    strength += this.matchGlues(type.glues.north, this.tile_types[n].glues.south);
-		if (e !== undefined)
-		    strength += this.matchGlues(type.glues.east, this.tile_types[e].glues.west);
-		if (s !== undefined)
-		    strength += this.matchGlues(type.glues.south, this.tile_types[s].glues.north);
-		if (w !== undefined)
-		    strength += this.matchGlues(type.glues.west, this.tile_types[w].glues.east);
-		
-		if (strength >= this.temperature) fitting_tiles.push(index);
-	    });
-	    this.fitting_tiles.set(fitting_key, fitting_tiles);
-	    return fitting_tiles;
-	}
-    }
-
-    getPossibleAttachments() {
-	const attachments = [];
-	
-	this.frontier.forEach((loc, coord) => {
-	    const x = loc[0];
-	    const y = loc[1];
-	    
-	    this.getFittingTiles(x, y).forEach((index) => {
-		attachments.push([x, y, index]);
-	    });
-	});
-
-	return attachments;
-    }
-
-    step() {
-	const attachments = this.getPossibleAttachments();
-
-	if (attachments.length > 0) {
-	    const attachment = attachments[Math.floor(Math.random()*attachments.length)];
-
-	    const x = attachment[0];
-	    const y = attachment[1];
-	    const type = attachment[2];
-	
-	    this.addTile(type, x, y);
-	} else {
-	    console.log("no more possible attachments");
-	}
-    }
-}
-