Smoke Effect

[Steve C]

Hi, I've had a strange request for a website. The client is after a
smoke effect which will gradually fill the screen for a few moments
before clearing again. This is too be written in Javascript, has
anyone out there got any ideas on how this could be accomplished?

Many thanks for any help on this one!!!

Steve C

[Erwin Moller]

Steve C wrote:

Hi, I've had a strange request for a website. The client is after a
smoke effect which will gradually fill the screen for a few moments
before clearing again. This is too be written in Javascript, has
anyone out there got any ideas on how this could be accomplished?

Many thanks for any help on this one!!!

Steve C

Hi Steve,

Have a look at CSS-positioning.
Very short version:
1) Create a bunch of DIV's or SPAN's
2) move them around over your screen, using JS.

Be sure you test for all major browsers, and also test their capabilities
before you run your routines.

Good luck,
Erwin Moller

PS: Let us know when you are finished. I am curious how it will look. :-)

[Steve Chadaway]

Thanks Erwin, I was stuck thinking in the pixel at a time style
thoughts, but your idea could work nicely. I will have a try with that
and let you know how it comes out.

Thanks again

*** Sent via Developersdex http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!

[Robert]

In article <41***********************@news.xs4all.nl>,
Erwin Moller
<si******************************************@spam yourself.com> wrote:

Steve C wrote:

The client is after a
smoke effect which will gradually fill the screen for a few moments
before clearing again.

Have a look at CSS-positioning.
Very short version:
1) Create a bunch of DIV's or SPAN's
2) move them around over your screen, using JS.

Did the poster mean to create several transparent images of different
densities and move them around the screen? Perhaps only one slightly
cloudy transparent image is needed, but several divs with the image
positioned a few pixels apart is needed. You could slowly expand the
size of one div then introduce another div in the middle of the screen
then expand it. Maybe vary the density of the transparency in the image
to create a cloud pattern & rotate & expand several divs of this.

I hope the poster doesn't mind me expanding or clarifying his idea.

Robert

[Steve Chadaway]

Thanks Robert, all ideas welcome at this stage, lets just hope it looks
as good as it sounds. In the process of costing it for the client at
the moment, but will let you guys know how it turns out.

Cheers

Steve

*** Sent via Developersdex http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!

[Erwin Moller]

Robert wrote:

In article <41***********************@news.xs4all.nl>,
Erwin Moller
<si******************************************@spam yourself.com> wrote:

Steve C wrote:

> The client is after a
> smoke effect which will gradually fill the screen for a few moments
> before clearing again.
Have a look at CSS-positioning.
Very short version:
1) Create a bunch of DIV's or SPAN's
2) move them around over your screen, using JS.

Did the poster mean to create several transparent images of different
densities and move them around the screen? Perhaps only one slightly
cloudy transparent image is needed, but several divs with the image
positioned a few pixels apart is needed. You could slowly expand the
size of one div then introduce another div in the middle of the screen
then expand it. Maybe vary the density of the transparency in the image
to create a cloud pattern & rotate & expand several divs of this.

I hope the poster doesn't mind me expanding or clarifying his idea.

Hi Robert and Steve,

Haha, of course Steve doesn't mind. He was asking for ideas, wasn't he?
Your idea (transparancy) sounds like fun.
It could actually be a lot better because my original suggestion didn't
include transparency. I was thinking just 'clouds'.
Transparence gives probably a better effect because normal smoke is also a
little transparent.
However, your solution could be a little slow (If you grow and use
transparancy) on low-end machines. Steve will figure this out.

Just play around Steve, and if you finished, don't forget to publish your
solution somewhere for others to enjoy, before M$ patents it. ;-)

I am curious what you come up with!

Regards,
Erwin Moller

Robert

[Andrew Urquhart]

*Erwin Moller* mentioned:
[viewport transparency, smoke effects for OP]

A rather lame, not for general use, tongue-in-cheek, all-body
fade-out-in effect might be:
http://www.andrewu.co.uk/temp/opacityFader.asp
[IE5.5+, Firefox (likely includes earlier Gecko versions as well), maybe
Konqueror too?]
--
Andrew Urquhart
- Contact me: http://andrewu.co.uk/contact/
- 'Staccato signals of constant information
A loose affiliation of millionaires and billionaires' - Paul Simon