Closed Thread Icon

Preserved Topic: Join the edges Pages that link to <a href="https://ozoneasylum.com/backlink?for=18476" title="Pages that link to Preserved Topic: Join the edges" rel="nofollow" >Preserved Topic: Join the edges\

 
Author Thread
Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 07-20-2001 16:45

In the Trypwire there's an image who goes and comes, ok, i can do that, but is possible to do it going only in one direction? i mean, like a single circle image spinning..

Well, hope my english had explain enough, if not, please write back...


.-rotate script by Mr.Max

(correcting URL to avoid the 'funny' effect mentioned below.... )

[This message has been edited by DL-44 (edited 09-15-2001).]

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 07-20-2001 17:22

Yeah, that's easy. Just take the viewing window width (say it's 200 pixels). Then the final 200 pixels of the image that will be moving must be the same as the first 200 pixels in that image. Say the image is going from the right to the left. When the final 200 pixels of the right side of the image enter the viewing area, you should be able to shift the entire thing over, all the way back, so its left is aligned to the left of the viewing area, and *what's seen inside the viewing area won't change*. Then you can keep moving it to the left, and as far as the viewer knows, nothing happened. If the left and right sides of the image are identical, then the transition is seamless.

mobrul
Bipolar (III) Inmate

From:
Insane since: Aug 2000

posted posted 07-20-2001 17:57

There is also another way (I think)
Make your image seamless, then set it as the container (div, table, etc.) background.
There is a CSS attribute--'background-position'--which you can set and change w/ JS. If the image is seamless, when it repeats (as backgrounds do), the edges will match and the effect is complete.
I know that this works on IE 4.0 and on. Not sure about Netscape...actually, probably not...maybe NN6.
Somethin' else to think about.
mobrul

Dark
Neurotic (0) Inmate
Newly admitted
posted posted 08-02-2001 15:26

that link to Trypwire is so funny....i don't think he made the hidden portion long enough.it keeps comming out and being visable if you run the mouse along the screen.



[This message has been edited by Dark (edited 08-02-2001).]

(ditto my earlier edit...)

[This message has been edited by DL-44 (edited 09-15-2001).]

Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 09-14-2001 23:56

Ok. I can make a loop function, how do i set up the variable to 'background-position' attribute?

I mean,
i=0
while i<0 do
i+1
end while or whatever, i'll look later how to make a loop

background-position='i'

Is something like this possible???


.-rotate script by Mr.Max

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 09-15-2001 00:46

document.getElementById('theid').style.backgroundPosition = i + 'px';

(note that JS references to style sheet attributes use capitalization rather than hyphens.)

bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

posted posted 09-15-2001 00:54

dark thats an old effect, he used (I think) frames to center the image when he used it as his front door.



:[ Computers let you make more mistakes faster than any other invention in human history, with the possible exceptions of handguns and tequila. ]:

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

posted posted 09-15-2001 02:35

DL-44 went and edited the links in both Wakkos and Dark's post, so now they link to the correct page and the problem Dark mentioned won't be visible anymore.

DocOzone
Maniac (V) Lord Mad Scientist
Sovereign of all the lands Ozone and just beyond that little green line over there...

From: Stockholm, Sweden
Insane since: Mar 1994

posted posted 09-15-2001 02:35

document.getElementById('theid').style.backgroundPosition

I had way many problems trying to get this to work on Opera, and it worked strangely on most of the other older browsers, even with my cross-platform stuff included. I ended up scrapping this concept for the ozonicLabs project, and used <div>s instead, just pushed them around.

Your pal, -doc-

Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 09-15-2001 05:40

I have problems in anyplace...
Let me keep trying..

LOL I made some loops that make Max Beauty Crash!!!!!!!


[This message has been edited by Wakkos (edited 09-15-2001).]

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 09-15-2001 08:31

If HTML Beauty crashed when you went to Internal Preview mode, then its Internet Explorer's fault, it crashed itself and HTML Beauty together...

Bugimus
Maniac (V) Mad Scientist

From: New California
Insane since: Mar 2000

posted posted 09-21-2001 11:06

Wakkos,

Your question interested me so I finally figured out how to create a panorama image in Bryce 3d and used it to create a demo page. It's just as simple as Slime described. You just have two divs with the same picture and then nest them into another div and make sure it's clipped. Then when one scrolls off the edge, just reposition it on the other side of the visible div. Anyway, if you're still having trouble with your page and need some ideas, feel free to check out my code. I really like that panorama feature in Bryce... thanks for inspiring me to finally use it!
http://bugimus.com/gurus/panorama/panorama.html

Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 09-21-2001 17:19

Ehem, well, Bugimus, i have nothig to do so, that's exactly what i wanted.
I just change some layer positions, delete some layer that i didn't want, deleted your credits, and put it to work!!!

Muchas Gracias Pana!

Bugimus
Maniac (V) Mad Scientist

From: New California
Insane since: Mar 2000

posted posted 09-21-2001 19:05

De nada. Muéstreme el sitio cuando se termina. Amaría ver lo que usted lo hizo... you crazy wacky green blooded hispanic Vulcan who uses my sigs in his posts!!!



[This message has been edited by Bugimus (edited 09-21-2001).]

Dracusis
Maniac (V) Inmate

From: Brisbane, Australia
Insane since: Apr 2001

posted posted 09-21-2001 20:20

Wow! That looks sooooo cool Bugs!

Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 09-21-2001 21:28

Hey Good news and bad news
First the good one:

I made what i wanted with Bugs Script, I have an image, (not a good image, but i'll work on it, it was just to test) and everything goes fine: see it here

Bad news: that doesn't work Why? I don't know, but it looks like is not reading my CSS file. or any Style tag.

I made another one without the file, and i posted here but it doesn't work.... works the script but not the index instruction..

Both of them work perfect when i look them in my PC, but not when i up load them.....

Thanks....

Edit> http://www.wakkos.f2s.com/cucapelua.html works excelent, i put all the style inside the HTML tag, no outside file......


[This message has been edited by Wakkos (edited 09-21-2001).]

Bugimus
Maniac (V) Mad Scientist

From: New California
Insane since: Mar 2000

posted posted 09-21-2001 23:15

Hey, that's pretty cool! Now you need to work on making it work better for different resolutions. Maybe tonight I can take another look at that part. Hmm... I just might have to steal some of this idea back from you

Wakkos
Maniac (V) Mad Scientist

From: Azylum's Secret Lab
Insane since: Oct 2000

posted posted 09-22-2001 03:12

LOL, I was about to post and i saw my sig and hit "edit" and after writing, i was no allow to do that!!!!!

Well, www.wakkos.f2s.com (the server is a shit, and i had to reload very hard to see the changes)
i made it, of course that i still don't control the resolutions changes, the image has a still line, that's where you can see they join (my background is perfect, no join lines - or jaggie, dunno - tought by Doc in a tut around there)
The problem is calculating the variables to make it fit exactly.....
I didn't use a Panorama because i want something that fit with fire, maybe if I find Bryce i could make something near....

If you have a technique to calculate the variables, I'll thank that, I'm still trying to understand the script, playing with it.....


3rdperson
Paranoid (IV) Inmate

From: your subconscious. (scared yet?)
Insane since: May 2001

posted posted 09-22-2001 03:42

threep jumps in with a suggestion:
"if you're looking at fire, then mahjqa is the man to talk to - start a photoshop thread.
his old fire animation has to wrap to work properly.
i believe you start with the clouds filter - you'll find that when you render clouds, it wraps perfectly. then, i guess you work from there!

but i don't have a copy of PS on this PC, so i can't offer much more help than that.
good luck!"

« BackwardsOnwards »

Show Forum Drop Down Menu