Preserved Topic: The Birds $Pages that link to <a href="https://ozoneasylum.com/backlink?for=18001" title="Pages that link to Preserved Topic: The Birds" rel="nofollow" >Preserved Topic: The Birds\$

Author	Thread
seadog Obsessive-Compulsive (I) Inmate From: Insane since: Jul 2001	posted 07-22-2001 17:22 I give up. Searched the forum, dloaded the zip file and searched it, and still can't figure out how to do the flying birds on the globe or dreams page. <sigh> Help?
Slime Lunatic (VI) Mad Scientist From: Massachusetts, USA Insane since: Mar 2000	posted 07-22-2001 17:42 Wow, this is a topic that hasn't been brought up since the very very early days of the forum. Let's see if I can find something in the archives... Hmm... all I could find was this, posted in August 2000, which merely mentions it: http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20001015-2-000135.html Anyway, to explain quickly, these are the things you need to know to do it: Absolute Positioning with CSS JavaScript layer/element handling (changing position of an absolutely positioned object) Event capturing with JavaScript (specifically, the mousemove event) You capture the mousemove event, so you know where the mouse is, then you use that to change the position of the birds with respect to the mouse, simultaneously moving the birds a little bit to make them sort of move around the mouse, even when the mouse is still.

Preserved Topic: The Birds\$

Author

Thread

seadog
Obsessive-Compulsive (I) Inmate

From:
Insane since: Jul 2001

posted 07-22-2001 17:22

I give up. Searched the forum, dloaded the zip file and searched it, and still can't figure out how to do the flying birds on the globe or dreams page. <sigh> Help?

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted 07-22-2001 17:42

Wow, this is a topic that hasn't been brought up since the very very early days of the forum. Let's see if I can find something in the archives...

Hmm... all I could find was this, posted in August 2000, which merely mentions it: http://www.ozoneasylum.com/Archives/Archive-000003/HTML/20001015-2-000135.html

Anyway, to explain quickly, these are the things you need to know to do it:

Absolute Positioning with CSS
JavaScript layer/element handling (changing position of an absolutely positioned object)
Event capturing with JavaScript (specifically, the mousemove event)

You capture the mousemove event, so you know where the mouse is, then you use that to change the position of the birds with respect to the mouse, simultaneously moving the birds a little bit to make them sort of move around the mouse, even when the mouse is still.