Show HN: Triangul-Art – make pixel art but with triangles • Hacker News Board

Re: Show HN: Triangul-Art – make pixel art but with triangles

#21

Post by phkahler » Fri, Apr 01, 2016, 1:48 PM UTC

There is something about this that makes certain kinds of things easier to draw. And I'm not talking about isometrics. Not sure what it is...

Re: Show HN: Triangul-Art – make pixel art but with triangles

#22

Post by Retr0spectrum » Fri, Apr 01, 2016, 2:01 PM UTC

This was fun: https://i.imgur.com/rOZxLAz.png

Re: Show HN: Triangul-Art – make pixel art but with triangles

#23

Post by wyldfire » Fri, Apr 01, 2016, 2:17 PM UTC

maxwellito wrote: post #8

jbnicolai wrote: post #7

Earlier quoted context omitted.

Just serialize the state in the hashfragment of the URL ;)

Better find a good and efficient way to serialise it, otherwise it's gonna reach the URL length limitation. :-O But if you're up for it, please make a PR! :-D

Just encode the hashes of all possible bitmaps into the code of the site. Lookup the hash and display the bitmap.

A simple 256-bit hash is probably plenty but if I'm off by a few thousand orders of magnitude, just make it a 512-bit hash. :)

Re: Show HN: Triangul-Art – make pixel art but with triangles

#24

Post by amelius » Fri, Apr 01, 2016, 2:30 PM UTC

Franciscouzo wrote: post #11

amelius wrote: post #3

What is the best way to draw an (xy-axis-aligned) rectangle with this? And what is the word for xy-axis-aligned rectangle? :)

just axis-aligned rectangle

Yes, but in this case it is not clear where the axes run.

Re: Show HN: Triangul-Art – make pixel art but with triangles

#25

Post by anowlcalledjosh » Fri, Apr 01, 2016, 2:51 PM UTC

maxwellito wrote: post #8

jbnicolai wrote: post #7

Earlier quoted context omitted.

Just serialize the state in the hashfragment of the URL ;)

Better find a good and efficient way to serialise it, otherwise it's gonna reach the URL length limitation. :-O But if you're up for it, please make a PR! :-D

Base65536 https://github.com/ferno/base65536 (only slightly /s)

Re: Show HN: Triangul-Art – make pixel art but with triangles

#26

Post by jerf » Fri, Apr 01, 2016, 3:22 PM UTC

maxwellito wrote: post #8

jbnicolai wrote: post #7

Earlier quoted context omitted.

Just serialize the state in the hashfragment of the URL ;)

Better find a good and efficient way to serialise it, otherwise it's gonna reach the URL length limitation. :-O But if you're up for it, please make a PR! :-D

A 24-bit color stored in base64 gets stored in 4 characters. Your default 20x30 map, multiplied by 4 bytes, is still just 2400 bytes. That fits in a URL, quite comfortably, at least as far as browsers are concerned.

If you want to pack tighter, a palettized serialization would work fine here. Since you don't have a gradient tool or anything else that can span colors, you have a bound on the amount of information being put into the image by the fact the human is only clicking so many times and can only put so much effort into it.

Basically, store each 24-bit color at the beginning with a tight mapping (4 bytes each with a base64), put an end-marker on the palette set, store the map size, then store the palette entry of each of the width x height triangles. If the user uses less than 256 colors, the default 20x30 size you bring up will end up as 4 times colors + 800 bytes, and that's before you do things like bitpacking ("I see the palette only has 8 colors in it so I only need three bits per cell") or any simple RLE you may be inclined to.