Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Textures.js is a JavaScript library for creating SVG patterns

riccardoscalco.it

Post reply on HN
Print view View original

11–20 of 45 posts

Re: Textures.js is a JavaScript library for creating SVG patterns

#11

Post by Bjorkbat »

bane wrote: post #6

Woah, take's me back to late 80s computing when colors were few but paint programs all used to have patterns in them. There's a really nice additive effect with patterns that can give a designer a way to show combinations of things together in a way that color really can't (bonus it's better for some visual impairments). For example, take a series of lines for one value: \ \ \ \ \ \ \ \ \ and a series for another kin…

For me it harkens back to when I studied landscape architecture in university. A simpler time.

Re: Textures.js is a JavaScript library for creating SVG patterns

#12

Post by agys »

bane wrote: post #6

Woah, take's me back to late 80s computing when colors were few but paint programs all used to have patterns in them. There's a really nice additive effect with patterns that can give a designer a way to show combinations of things together in a way that color really can't (bonus it's better for some visual impairments). For example, take a series of lines for one value: \ \ \ \ \ \ \ \ \ and a series for another kin…

In heraldry colours can be 'encoded' with specific patterns.

https://en.wikipedia.org/wiki/Tincture_(heraldry)

Re: Textures.js is a JavaScript library for creating SVG patterns

#14

Post by beaker52 »

agys wrote: post #12
bane wrote: post #6

Woah, take's me back to late 80s computing when colors were few but paint programs all used to have patterns in them. There's a really nice additive effect with patterns that can give a designer a way to show combinations of things together in a way that color really can't (bonus it's better for some visual impairments). For example, take a series of lines for one value: \ \ \ \ \ \ \ \ \ and a series for another kin…

In heraldry colours can be 'encoded' with specific patterns. https://en.wikipedia.org/wiki/Tincture_(heraldry)

Really interesting idea to be aware of, thank you.

Re: Textures.js is a JavaScript library for creating SVG patterns

#17

Post by b0rsuk »

bane wrote: post #6

Woah, take's me back to late 80s computing when colors were few but paint programs all used to have patterns in them. There's a really nice additive effect with patterns that can give a designer a way to show combinations of things together in a way that color really can't (bonus it's better for some visual impairments). For example, take a series of lines for one value: \ \ \ \ \ \ \ \ \ and a series for another kin…

The technique is called 'dithering'. Have fun reading about it - I did!

Re: Textures.js is a JavaScript library for creating SVG patterns

#18

Post by b0rsuk »

rajangdavis wrote: post #7

Previous discussions/posts: https://news.ycombinator.com/item?id=9224776 https://news.ycombinator.com/item?id=12399964 I thought this was pretty awesome when I first saw it posted here, but unfortunately haven't found a good use case for it yet. Thanks for sharing this again, had been a while since I thought of this library!

Board games. Website design. When you start playing board games, you realize how many colorblind people are there! They're everywhere. Modern boardgames are usually designed to accommodate color blindness, but for example Race for the Galaxy only now got a 2nd edition.

Re: Textures.js is a JavaScript library for creating SVG patterns

#19

Post by brulard »

b0rsuk wrote: post #16

Once upon a time someone on HN posted about an old-school book describing patterns for graphs. Very useful for SVG, for website design, for colorblind people. I failed to bookmark it. Can someone help?? How to find that book?

This one? https://archive.org/stream/graphicpresentat00brinrich#page/2...
Post reply on HN