Closed Thread Icon

Preserved Topic: Round and Round Pages that link to <a href="https://ozoneasylum.com/backlink?for=18108" title="Pages that link to Preserved Topic: Round and Round" rel="nofollow" >Preserved Topic: Round and Round\

 
Author Thread
Osaires
Paranoid (IV) Inmate

From: oslo, Norway
Insane since: Aug 2001

posted posted 08-21-2001 13:42

How can i program a object to go round as in a circle?
like this: http://www.ozones.com/play/ball/index.html



mobrul
Bipolar (III) Inmate

From:
Insane since: Aug 2000

posted posted 08-21-2001 14:51

do you mean the ball in the center?
or do you mean the multi-balls that orbit the center?
They are done two different ways...

mobrul

Osaires
Paranoid (IV) Inmate

From: oslo, Norway
Insane since: Aug 2001

posted posted 08-21-2001 17:13

(multi-balls that orbit the center)
The dots round the pictures inn the middle



[This message has been edited by Osaires (edited 08-21-2001).]

Relain
Paranoid (IV) Inmate

From: westernesse
Insane since: Jul 2000

posted posted 08-21-2001 17:52

yet again i've also been wondering about this, specifically what the maths [note s ] functions are to make circular motion, its some sin function. see i was thinking about making the dots on the dotmenu script [see topic for dark's demo] sort of come out like in a spiral or something, but i don't know what function would move it like that. ideas?

Dark
Neurotic (0) Inmate
Newly admitted
posted posted 08-22-2001 00:48

It's all in the math functions, view the source code at DHTMLCentral, he explains how to change the functions to do just what you want

more talk

"I am about to -- or I am going to -- die: either expression is correct."
~~ Dominique Bouhours, French grammarian, d. 1702

Dark
Neurotic (0) Inmate
Newly admitted
posted posted 08-22-2001 01:01

check this out, he combines all his scripts for a interface. Stumble in the dark untill you find the words "have you ever experinced DHTML" then you will see a awesome interfaced, I thought it was macro or flash when I first saw it! I was like damn I didnt nkwo you could do that in DHTML.

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

Osaires
Paranoid (IV) Inmate

From: oslo, Norway
Insane since: Aug 2001

posted posted 08-22-2001 09:07

Thaks

Dark
Neurotic (0) Inmate
Newly admitted
posted posted 08-22-2001 15:36

Np

______________________
Are you afraid of the Dark

RoyW
Bipolar (III) Inmate

From:
Insane since: Aug 2001

posted posted 08-24-2001 18:42

Hi,
To keep this solution simple I have not made it cross browser. It only works in IE5+ and NS6+.

code:
<HTML>
<HEAD>
<title>Circle</title>

<SCRIPT>

function moveElem(id, x, y)
{
document.getElementById(id).style.left = x;
document.getElementById(id).style.top = y;
}


var Radius = 100;
var Angle = 0;
var CenterX = 200;
var CenterY = 200;

function animate()
{
setTimeout("animate()", 40);

Angle = Angle + 0.05;
var x = CenterX + Radius * Math.sin(Angle);
var y = CenterY + Radius * Math.cos(Angle);

moveElem("blob", x, y);
}

</SCRIPT>
</HEAD>

<BODY BGCOLOR="black" TEXT="white" ALINK="yellow" VLINK="yellow" LINK="yellow" onLoad="animate()">

<DIV id="blob" style="position:absolute">CIRCLE</DIV>

</BODY>
</HTML>


To make it cross browser you just have to kake the moveElem a cross browser function. (I can post a cross browser version if you want)

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 08-24-2001 19:28

RoyW, I see that you are new here, so... Welcome to the Asylum, enjoy your stay!



[This message has been edited by mr.maX (edited 08-24-2001).]

Dark
Neurotic (0) Inmate
Newly admitted
posted posted 08-24-2001 20:12

Welcome to the A s y l u m
*Dark passes RoyW 2 black pills*


______________________
Are you afraid of the Dark

Wakkos
Maniac (V) Mad Scientist

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

posted posted 08-24-2001 20:57

Hey! What an intro!

catch that Mr.Max!


.-rotate script by Mr.Max

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 08-24-2001 21:19

Wakkos, I don't have to catch up with anything, heh...

Just take a look at the DHTML swirl animation that's on my "about" page...

Wakkos
Maniac (V) Mad Scientist

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

posted posted 08-24-2001 21:31

Catch that RoyW!



Edit> A few competition is always good...

[This message has been edited by Wakkos (edited 08-24-2001).]

Dark
Neurotic (0) Inmate
Newly admitted
posted posted 08-24-2001 23:40

hmmmmmm it made my head spin around in small circles, I think that picture is hot,but who is the ugly guy in there?

mr.maX
Maniac (V) Mad Scientist

From: Belgrade, Serbia
Insane since: Sep 2000

posted posted 08-25-2001 00:10

That picture was taken a way back in April 1997, so it' very very old, heh...

RoyW
Bipolar (III) Inmate

From:
Insane since: Aug 2001

posted posted 08-25-2001 00:36

Hi,
Thanks for the welcome!
I am not sure of what "Catch that" means?

I got here indirectly through a JavaScript site that featured one of Doc Ozones scripts. I have a conversion of that script here, http://www.javascript-fx.com/mouse_trail/circle/demo.html
I always knew how to move in a circle, but the swirl script was, well, unique!!

The thing is, I don't have any imagination, but I do know how to program.
For example http://www.javascript-fx.com/page_anim/wavy/demo5.html
The original idea wasn't mine, but I was able to covert it to 3D.

I am here to extend my boring programmers mind and hopefully get some"style".

Looks like a fun forum
document.write(Math.randomFunnyComment() );
RoyW


Bugimus
Maniac (V) Mad Scientist

From: New California
Insane since: Mar 2000

posted posted 08-25-2001 01:10

Welcome RoyW! I like that wavy script a lot. dHtml is mucho cool.

Wakkos
Maniac (V) Mad Scientist

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

posted posted 08-25-2001 03:00

Those guys here are increible. I was making stuff like an idiot just to make a ramdon function....

Congratulations guys! (and when i say Guys, i mean ALL the guys in the Asylum)


BTW, catch that mr.Max!! = http://www.javascript-fx.com/page_anim/wavy/demo5.html
just kidding...

« BackwardsOnwards »

Show Forum Drop Down Menu