JQuery noise generator • Hacker News Board

Re: JQuery noise generator

#21

Post by lwhi » Mon, Mar 07, 2011, 1:26 AM UTC

jedsmith wrote: post #18

lwhi wrote: post #9

Earlier quoted context omitted.

No, when something is overused, it actually does become a cliche. Perhaps noise can improve the visual quality of a design when it's used subtly. However, I'm increasingly seeing it (over) used in a conspicuous way, and I think it's become a trend. In some cases, I think there's an element of 'lets jump on the bandwagon'. Round corners definitely became a cliche. EDIT: re. noise - see dribbble for proof.

Do you mean dribbble uses noise subtly or that it's contributing to the overuse? Your point is a bit vague. I would guess the former, because I think the noise really adds to their presentation. It almost feels like I can rub the lettering on the paper.

I think dribbble highlighted the use of noise to a wider group of people. I agree it can add to a design - but I think their use of it is largely stylistic.

Re: JQuery noise generator

#22

Post by Tyrant505 » Mon, Mar 07, 2011, 1:30 AM UTC

lwhi wrote: post #4

I like the fact that this is jQuery - and that it could probably be used dynamically with other effects. .. but I'm starting to think noise + block-color backgrounds are starting to become a bit cliche.

Cliche, trend, or progress?

Re: JQuery noise generator

#23

Post by lwhi » Mon, Mar 07, 2011, 1:33 AM UTC

Tyrant505 wrote: post #22

lwhi wrote: post #4

I like the fact that this is jQuery - and that it could probably be used dynamically with other effects. .. but I'm starting to think noise + block-color backgrounds are starting to become a bit cliche.

Cliche, trend, or progress?

A trend quickly progressing towards becoming a cliche :)

Re: JQuery noise generator

#24

Post by zone411 » Mon, Mar 07, 2011, 1:38 AM UTC

captaincrowbar wrote: post #16

Rapp wrote: post #3

Earlier quoted context omitted.

Sorry, it might be a bit confusing if you're not used to github. Here is an interactive demo: http://rappdaniel.com/noisy/

I don't get it either. Your demo link just leads to a page with some text boxes on it. I tried it in Firefox and Safari and can't see anything that looks "noisy". I tried changing some of the parameters but that just crashed Firefox.

Increase the opacity and look at the background.

Re: JQuery noise generator

#25

Post by systemtrigger » Mon, Mar 07, 2011, 2:26 AM UTC

fizx wrote: post #5

Any benchmarks?

There is a little variation in how the noise renders across browsers. FF vs Chrome vs Safari: http://dl.dropbox.com/u/17455578/noise.png

Re: JQuery noise generator

#26

Post by ronaldj » Mon, Mar 07, 2011, 3:19 AM UTC

Rapp wrote: post #14

ronaldj wrote: post #11

Why does everything have to be JQuery dependent these days?

It could very easily be converted to any framework of your choosing, I originally created it in pure javascript. Do you have any requests for frameworks you'd like me to port it to?

Nope. I'd write it in plain vanilla JS. Frameworks are great, but sometimes I think the world is too dependent on them.

Re: JQuery noise generator

#27

Post by jarin » Mon, Mar 07, 2011, 3:20 AM UTC

Oh this is awesome. It's the last thing I need to completely eliminate images from my website.

All the rest is cross-browser gradient and rounded corner code from http://css3please.com, and I'm debating whether to vectorize the picture of me via raphael.js or do an inline data-URL image in my CSS (it might be considered cheating).

Re: JQuery noise generator

#28

Post by zbanks » Mon, Mar 07, 2011, 4:44 AM UTC

I set up a jsperf to do some benchmarking:

http://jsperf.com/noisy

If you can help out by running the tests, it'll be great to compare browsers.

This isn't exactly the perfect tool for the job, but it's close enough.

Re: JQuery noise generator

#29

Post by chrisbroadfoot » Mon, Mar 07, 2011, 4:47 AM UTC

ohrite wrote: post #12

lwhi wrote: post #10

Perlin noise[1] could be a nice addition. [1] http://en.wikipedia.org/wiki/Perlin_noise

I hacked up http://github.com/ohrite/jquery-perlin a while back. edit: I had to go look at it. Now I want to go back and clean it up.

... and write a demo page :)

Re: JQuery noise generator

#30

Post by zbanks » Mon, Mar 07, 2011, 4:49 AM UTC

ronaldj wrote: post #26

Rapp wrote: post #14

Earlier quoted context omitted.

It could very easily be converted to any framework of your choosing, I originally created it in pure javascript. Do you have any requests for frameworks you'd like me to port it to?

Nope. I'd write it in plain vanilla JS. Frameworks are great, but sometimes I think the world is too dependent on them.

If you're doing this sort of manipulation, it's not like you can't afford the extra cycles.