Not for the cicada example, but yes for the web aspect.
In the cicada example the point is that one predator would evolve to align its boom cycle so that it had a common divisor with the cycle of the cicada.
Since the predator's cycle is variable, it is evolutionarily optimal if the cicada only comes out every prime number of years.
They can, but by being so highly variable, the cicada boom cycle becomes a less important survival driver than other factors, such as predator cycles, weather, etc. In a closely-paired ecosystem, with relatively few variables, you do see remarkable coevolution between predators and prey. When the prey removes their boom cycle from the dominant evolutionary stressors on the predator, differential survival of the predator will be determined far more by the dominant factors.
It's important to note that, for the cicada, they are not a staple diet but rather an opportunistic one that occurs only once in a few generations. This means that the predator's cycle would have to skip generations in order to be effective. This is unlikely, given that that cycle would have no evolutionary advantage in the intermediary, and would thus be diluted by more pressing concerns.
It's interesting that the cicadas have the cycles they do. Why not also go 23, 29, etc? There's obviously a trade off between being more frequent but also encountering more predators - I'm just curious why they settled on the cycles that they did.
They only mate once before dying. I assume waiting 29 years would increase the odds of a pre-mating death. Maybe even death from old age. How long can an insect live?
Coprimality is still the relevant property. But if one number can be adjusted, then the only way to guarantee coprimality is for the other number to be a prime.
Almost. Coprimality can never be guaranteed. If the numbers are p and q, with p prime and q being adjustable, just take q=p. Then they match up, showing that this barrier isn't enough.
The other relevant barrier we have is probably that a 6-year wasp has difficulty stretching its cycle by a factor of 3--much more difficult than a single year or two.
Using coprime-length looping rhythms on top of each other can also create some pretty interesting sounds.
Take a rhythm in 4/4 (say a standard rock snare backbeat, playing on the second and fourth note of a four note bar), layer on a cymbal pattern which repeats every three notes, then a bass drum pattern which repeats every five notes. The effect is fairly subtle because the snare keeps everything sounding like 4/4, but the feel of the rhythm is constantly shifting.
I found a nice YouTube video demonstrating this a while back, but unfortunately all I can find now is videos of polyrhythms where the loops all have the same duration but different numbers of beats per duration... which is an interesting technique in and of itself :)
Wow, 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
Brilliant 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.
I 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.
Hey guys, I actually mocked up a woodgrain test page while I was developing the article but I ended up preferring the lego and curtain examples. But if your interested:
This is very well explained, but not all that novel. Brian Eno used to generate long soundscapes like this, using loops of mutually prime lengths of time.
Yes it is a known technique also in 3D games. Related, but more complicated (research) topic is infinite/arbitrarily-sized non-looping texture generation from arbitrary sample images.
It also is the core of "method ringing", a kind of bell ringing from the 17th century and persisting today. Imagine some folks clanging away at 10 bells in a church tower for hours on end, never repeating, and never developing a melody. Each person is operating a single bell and repeating their pattern with a unique period.
Except for the small detail that it isn't true. In change ringing, what you do is to cycle through some subset of the permutations of N bells. So you might begin 123456 123465 124365 and so on. The whole thing is made up of blocks of N bells in each of which each bell is rung once. Therefore, all bells have (on average) the same period: one ring, on average, out of every N.
The bells are hung in such a way that they naturally want to swing with equal periods, so you don't have to disturb one too much to make it ring one place earlier or later in the cycle. (A bell is never moved by more than two places.)
I don't see any reason why a peal of bells couldn't be set up to produce the effect jws described, but it wouldn't be at all the same thing as change ringing.
The experimental-music band Bull of Heaven recently released a prime-looping generative piece that they project will last 8,462,937,602,125,701,219,674,955.2362595095 years before repeating.
1. The most common cicadas come out every year or every other year.
2. The 17-year cicadas (for example) don't come out once every 17 years -- they come out every single year. Just in different broods (groups differing by phase). Some broods are much bigger than others of course, and broods are often located in different parts of the country, but many broods can and do overlap.
So I dunno. I'm guessing they're 13 and 17 year cicadas because that's how long it takes to develop.
Consider, though, that these groups of cicadas don't really "care" about one another from a genetic standpoint. If the broods don't interact, they're basically different sets of genes that only interact via mutations, so the principle still holds.
What's interesting about that is how the broods might diverge to coprime emergence schedules to prevent competition.
Well, they do care. The idea is to starve out predators. If there is another set of cicadas feeding them, then it doesn't work for just you to avoid them.
KirinDave's point is that there is no "idea." If the groups are disjoint, there's no conspiracy, no way for them to interact with each other. If you and your group avoid the predators, then you will thrive. It doesn't matter that another group does not. Evolution happens at the level of genes, not groups.
I'm guessing they're 13 and 17 year cicadas because that's how long it takes to develop.
That's a tautology. "A baby takes 9 months to be born because that's how long it takes to develop." Well, yes, but the question becomes, why does it take that amount of time to develop? Were there direct selection pressures acting on that length of time, or is that length of time mostly a function of other variables which are acted on directly by selection pressure?
This is the perfect Hacker News article. I learned something new and mathematically-interesting about the natural world, the author came up with a clever hack to enliven backgrounds, and we learn how to apply that to improve our own designs.
This article was truly awesome. I'm kicking myself for having not thought of it before because it seems like such a simple concept! Makes me wonder what else out there I haven't thought of... ;)
It's interesting that it's almost impossible to pin down a verbal guideline for what people should be submitting (besides "anything that gratifies one's intellectual curiosity") but pretty easy to point to a given article and say that, yes, this definitely is Hacker News.
It'd be pretty awesome if we could have an HN that's just this sort of stuff (with a strong tendency toward false-negatives vs. false-positives—i.e. no "maybe good", only "definitely good.") I wouldn't mind even if it only had two or three new posts per day—fewer, guaranteed posts means I could actually stand to add it to my RSS reader, vs. the current HN which is more of a firehose: good to stick a bottle in every once in a while, not good to stand in front of.
Thinking on that, here's one way it could be implemented on top of the current HN: if there was some sort of "way, way up"-vote button that (besides being an actual "I wish I had N upvotes to give this" upvote-N-times button) worked as a sort of moral negative to flagging, such that when it had been hit [some threshold] times for an article, the article would get linked into the "/awesome" sublist, that might be enough to make it happen—if we trust the userbase to not abuse it.
If everyone started to way-way-up-vote everything they currently just up-vote, perhaps one could stick a CAPTCHA (or three) on it to make it just annoying enough to disuade abuse (at the cost of further false negatives from people now too lazy to use it.)
I dare to disagree. While learning about Cicadas and prime numbers is ok, its application to "enliven backgrounds" seems very futile to me. Hacking means breaking the rules, crack the black box, find new game changing ways to do things that will prove useful for a lot of people. Hacking is not about finding slightly vain design tricks.
In summary, this article is far from what I would upvote. A good indicator of the relative weakness of it is the few interesting comment it triggered.
In fact, some month ago I would come to HN, and read the comments, and find a lot of savoury meat for my curiosity hunger, without even bothering to get check the original article that was only the starting point of high-level exchanges of views on the matter.
PS: Recent articles seem to focus on visual design (pixels and colors), which is very surprising on a website that is so obviously anti-design...
For those of you that have Firefox 4, it might be fun to play around with the new "-moz-element()" function that allows you to embed one (or more!) html elements as a background image, using this to create a series of prime-spaced overlapping colors.
And some people still question the value of pure math. These design tricks would anger some of my design friends, who still believe you can be left brain OR right brain.
While not the same thing, the concept of increasing the degree of realism/getting away from things that are too regular reminded me of Perlin Noise: http://en.wikipedia.org/wiki/Perlin_noise
Why is it that "design" sites have the worst design? Yes, please be sure to destroy the page margins, and set a min width on the page so that I have to scroll horizontally to read the end of lines. Classic.
56 comments
[ 3.4 ms ] story [ 110 ms ] thread"That’s great. But wa/s/ has all this got to do with web design?"
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
The least common multiple of two coprimes 'a' and 'b' is a*b.
http://en.wikipedia.org/wiki/Coprime
http://www.wolframalpha.com/input/?i=coprime+to+50
In the cicada example the point is that one predator would evolve to align its boom cycle so that it had a common divisor with the cycle of the cicada.
Since the predator's cycle is variable, it is evolutionarily optimal if the cicada only comes out every prime number of years.
It's important to note that, for the cicada, they are not a staple diet but rather an opportunistic one that occurs only once in a few generations. This means that the predator's cycle would have to skip generations in order to be effective. This is unlikely, given that that cycle would have no evolutionary advantage in the intermediary, and would thus be diluted by more pressing concerns.
The other relevant barrier we have is probably that a 6-year wasp has difficulty stretching its cycle by a factor of 3--much more difficult than a single year or two.
Also, I think the technique will work as long as the numbers are relatively prime, which may be a bit easier to design around.
Take a rhythm in 4/4 (say a standard rock snare backbeat, playing on the second and fourth note of a four note bar), layer on a cymbal pattern which repeats every three notes, then a bass drum pattern which repeats every five notes. The effect is fairly subtle because the snare keeps everything sounding like 4/4, but the feel of the rhythm is constantly shifting.
I found a nice YouTube video demonstrating this a while back, but unfortunately all I can find now is videos of polyrhythms where the loops all have the same duration but different numbers of beats per duration... which is an interesting technique in and of itself :)
They also have an interactive tool that generates HTML/CSS: http://www.3x4grid.com
Some articles trigger lots of ideas in my mind, this was one of them.
http://www.sitepoint.com/examples/primes/woodgrain.html
It's not bad, but I don't think it's killer yet.
I've got a very raw maze generation example somewhere if anyone's interested.
The graphics are a bit nasty but the concept is works. There seems to be a diagonal pattern emerging, but a fourth layer would certainly break that.
Edit: See also -
http://en.wikipedia.org/wiki/Ambient_1:_Music_for_Airports
http://en.wikipedia.org/wiki/Generative_music
http://www.cs.sunysb.edu/~vordonezroma/texturesynth.pdf
(There are some mind blowing generated images in the linked PDF.)
http://en.wikipedia.org/wiki/Change_ringing
The bells are hung in such a way that they naturally want to swing with equal periods, so you don't have to disturb one too much to make it ring one place earlier or later in the cycle. (A bell is never moved by more than two places.)
I don't see any reason why a peal of bells couldn't be set up to produce the effect jws described, but it wouldn't be at all the same thing as change ringing.
Both produce music according to a simple algorithm, but the algorithms are different.
http://bullofheaven.com/media/260.html
1. The most common cicadas come out every year or every other year.
2. The 17-year cicadas (for example) don't come out once every 17 years -- they come out every single year. Just in different broods (groups differing by phase). Some broods are much bigger than others of course, and broods are often located in different parts of the country, but many broods can and do overlap.
So I dunno. I'm guessing they're 13 and 17 year cicadas because that's how long it takes to develop.
What's interesting about that is how the broods might diverge to coprime emergence schedules to prevent competition.
That's a tautology. "A baby takes 9 months to be born because that's how long it takes to develop." Well, yes, but the question becomes, why does it take that amount of time to develop? Were there direct selection pressures acting on that length of time, or is that length of time mostly a function of other variables which are acted on directly by selection pressure?
pquerna's recent post about OpenSSL memory in node (and elsewhere) is another that comes to mind. http://news.ycombinator.com/item?id=2411144
keep 'em coming I say!
This article was truly awesome. I'm kicking myself for having not thought of it before because it seems like such a simple concept! Makes me wonder what else out there I haven't thought of... ;)
It'd be pretty awesome if we could have an HN that's just this sort of stuff (with a strong tendency toward false-negatives vs. false-positives—i.e. no "maybe good", only "definitely good.") I wouldn't mind even if it only had two or three new posts per day—fewer, guaranteed posts means I could actually stand to add it to my RSS reader, vs. the current HN which is more of a firehose: good to stick a bottle in every once in a while, not good to stand in front of.
Thinking on that, here's one way it could be implemented on top of the current HN: if there was some sort of "way, way up"-vote button that (besides being an actual "I wish I had N upvotes to give this" upvote-N-times button) worked as a sort of moral negative to flagging, such that when it had been hit [some threshold] times for an article, the article would get linked into the "/awesome" sublist, that might be enough to make it happen—if we trust the userbase to not abuse it.
If everyone started to way-way-up-vote everything they currently just up-vote, perhaps one could stick a CAPTCHA (or three) on it to make it just annoying enough to disuade abuse (at the cost of further false negatives from people now too lazy to use it.)
http://news.ycombinator.com/over?points=200
HN has loads of hidden features. I suggest judicious use of google's search operators to find them all.
Somebody should really put together a guide to all these half-hidden features, either as a wiki or an individual effort.
In summary, this article is far from what I would upvote. A good indicator of the relative weakness of it is the few interesting comment it triggered.
In fact, some month ago I would come to HN, and read the comments, and find a lot of savoury meat for my curiosity hunger, without even bothering to get check the original article that was only the starting point of high-level exchanges of views on the matter.
PS: Recent articles seem to focus on visual design (pixels and colors), which is very surprising on a website that is so obviously anti-design...
1 is not a prime number. Also, the "simplest" possible set of primes would be 2, 3, and 5.
A fairly pedestrian example that I whipped up: http://web.njit.edu/~md224/backgroundtest.html (Firefox 4 only!)
http://www.fullmalls.com )====
Air jordan(1-24)shoes $30
Handbags(Coach l v f e n d i d&g) $35
Tshirts (Polo ,ed hardy,lacoste) $15
Jean(True Religion,ed hardy,coogi) $30
Sunglasses(Oakey,coach,gucci,A r m a i n i) $15
New era cap $12
Bikini (Ed hardy,polo) $20
accept paypal and free shipping
http://www.fullmalls.com )====
http://www.fullmalls.com )====
http://www.fullmalls.com )====
http://www.fullmalls.com )====
http://www.fullmalls.com )====
http://www.fullmalls.com )====
http://www.fullmalls.com )====
http://www.fullmalls.com )====