Using prime numbers to make better backgrounds
designfestival.com
Using prime numbers to make better backgrounds
1–10 of 57 posts
Re: Using prime numbers to make better backgrounds
#2There's a typo in the title of the second 'chapter'.
"That’s great. But wa/s/ has all this got to do with web design?"
Re: Using prime numbers to make better backgrounds
#3Simple, elegant, effective. I know how I'm spending my evening...
Re: Using prime numbers to make better backgrounds
#4Here's links to the raw lego images:
http://www.sitepoint.com/examples/primes/lego-bg1.jpg http://www.sitepoint.com/examples/primes/lego-bg2.png http://www.sitepoint.com/examples/primes/lego-bot1.png http://www.sitepoint.com/examples/primes/lego-bot2.png http://www.sitepoint.com/examples/primes/lego-headsb.png http://www.sitepoint.com/examples/primes/lego-heads-2.png http://www.sitepoint.com/examples/primes/lego-mids1.png http://www.sitepoint.com/examples/primes/lego-mids2.png
Re: Using prime numbers to make better backgrounds
#5Cool, but these numbers don't have to be primes. They just have to be coprimes (like (8,9)).
The least common multiple of two coprimes 'a' and 'b' is a*b.
Re: Using prime numbers to make better backgrounds
#6They're also useful for reverb effects, in very much the same way. See http://www.npr.org/2010/08/03/128935865/queens-brian-may-roc... (under "On The 'Stomp-Stomp-Clap' Section Of 'We Will Rock You'")
Also, I think the technique will work as long as the numbers are relatively prime, which may be a bit easier to design around.
Re: Using prime numbers to make better backgrounds
#7Wow, very impressive! I will definitely be trying this out. It reminded me of my discrete mathematics class, so now I'm wondering if there are any other cool principles that can be applied to design
Re: Using prime numbers to make better backgrounds
#8Gonna try this with pseudo-random opacity styling for even more variations.
Re: Using prime numbers to make better backgrounds
#9Brilliant interesting article about a very simple but clever idea. I am not sure if I would use this css background technique, but the lego example is brilliant.
Some articles trigger lots of ideas in my mind, this was one of them.
Re: Using prime numbers to make better backgrounds
#10I won't get a chance to write this up, but in a similar vein, if you split the grain/texture off of an image, you can scale and stretch the image as needed, then drop a fairly small, tiled grain texture back on top. I think it is nicer to do two grain textures, one for lighter and one for darker. Make the grain image be solid white or black and put the grain in the alpha channel.