Comment créer un mouvement en spirale? - Forums de discussion
Navigation
Accueil du forum » Flash » Comment créer un mouvement en spirale?
Le sujet
Bonjourà tous!
Je crée un site dans lequel je souhaiterai faire apparaitre des petites spheres les unes à la suite des autres. Elles partiraient du centre de l'écran puis grandiraient en tournant le long d'une spirale et finiraient, avec leur taille définitive , en arc de cerle.
Ainsi, une fois en place je voudrais qu'elles deviennent les boutons d'un menu.
Voici un exemple du mouvement :http://mxprototypes.free.fr/spirale.php3.
Cependant je n'arrive pas à le faire marcher et je ne veux pas qu'elles soient dépendantes du curseur.
Je voudrais qu'elles se suivent sur la même trajectoire en spirale mais qu'elles se séparent à la fin pour trouver chacune leur place.
L'explication est longue mais l'animation est simple.
Seulement je suis limité en flash et je bute dessus depuis une semaine.
Si vous avez des idées, merci d'avance.
Je crée un site dans lequel je souhaiterai faire apparaitre des petites spheres les unes à la suite des autres. Elles partiraient du centre de l'écran puis grandiraient en tournant le long d'une spirale et finiraient, avec leur taille définitive , en arc de cerle.
Ainsi, une fois en place je voudrais qu'elles deviennent les boutons d'un menu.
Voici un exemple du mouvement :http://mxprototypes.free.fr/spirale.php3.
Cependant je n'arrive pas à le faire marcher et je ne veux pas qu'elles soient dépendantes du curseur.
Je voudrais qu'elles se suivent sur la même trajectoire en spirale mais qu'elles se séparent à la fin pour trouver chacune leur place.
L'explication est longue mais l'animation est simple.
Seulement je suis limité en flash et je bute dessus depuis une semaine.
Si vous avez des idées, merci d'avance.
________________
krefft
Les réponses
Teste sa, mais incompatible avec firefox il me semble... et c'est du HTML
Pense à mettre l'image nommée f1.gif dans le meme dossier
[i][Message édité par dollar le 04/11/2006 à 00h18'59]
Pense à mettre l'image nommée f1.gif dans le meme dossier
<SCRIPT LANGUAGE="JavaScript">
<!-- abdelaziz_info@yahoo.fr
var mes_roses='f1.gif" width="42" height="53" height="35';//Put your image name here!!
var amount=7;
var cnter=70;
var step;
var currStep = 0;
var Xpos = 0;
var Ypos = 0;
if (document.all)
{
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">')
document.write('<div id="c" style="position:relative">');
for (n=0; n < amount; n++)
document.write('<img src=" '+mes_roses+'" style="position:absolute;top:0px;left:0px">')
document.write('</div>')
document.write('</div>')
function abdelaziz_info(){
Xpos = document.body.scrollLeft+event.x-5;
Ypos = document.body.scrollTop+event.y-5;
}
document.onmousemove = abdelaziz_info;
}
else if (document.layers)
{
window.captureEvents(Event.MOUSEMOVE);
for (ns=0; ns < amount; ns++)
document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+mes_roses+"'></LAYER>");
function Ainfo(evnt){
Xpos = evnt.pageX-5;
Ypos = evnt.pageY-5;
}
window.onMouseMove = Ainfo;
}
function roses(){
if (currStep<0.0550)
step=0.001;
if (document.all)
{
for (i=0;i<ieDiv.all.c.all.length;i++)
{
ieDiv.all.c.all<i>.style.top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);
ieDiv.all.c.all[i].style.left = Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);
}
}
else if (document.layers)
{
for ( i = 0 ; i < ns ; i++ )
{
var temp="n"+i
document.layers[temp].top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150);
document.layers[temp].left =Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150);
}
}
currStep += step;
setTimeout("roses()", 30);
if (currStep>0.0540)
{
step+=0.002;
if (document.layers)
{
for ( i = 0 ; i < ns ; i++ )
{
var temp="n"+i
document.layers[temp].top =Ypos+cnter*Math.cos((currStep+i*4.5)/5)
document.layers[temp].left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)
}
}
else if (document.all)
{
for (i=0;i<ieDiv.all.c.all.length;i++)
{
ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((currStep+i*4.5)/5)
ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((currStep+i*4.5)/5)
}
}
}
if (step > 0.5)
{
step=0.5;
cnter-=8;
}
if (document.layers)
_y=-window.innerWidth;
else if (document.all)
_y=-document.body.clientWidth;
if (cnter <= _y)
{
currStep=0;
step=0.001;
cnter=70;
}
}
roses();
// -->
</SCRIPT>
[i][Message édité par dollar le 04/11/2006 à 00h18'59]
________________
dollar
Désolé si c long.... pense aussi a placer une image nommée f1.gif dans le meme dossier que ces 2 pages HTML
<SCRIPT LANGUAGE="JavaScript">
<!--abdelziz_info@yahoo.fr
////votre image
var mon_image='f1.gif" width="42" height="53" height="35';var amount=8;
var cnter=70;
var step;
var currStep = 0;
var Xpos = 0;
var Ypos = 0;
if (document.all)
{
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">')
document.write('<div id="c" style="position:relative">');
for (n=0; n < amount; n++)
document.write('<img src=" '+mon_image+'" style="position:absolute;top:0px;left:0px">')
document.write('</div>')
document.write('</div>')
function iabdelaziz_nfo(){
Xpos = document.body.scrollLeft+event.x-15;
Ypos = document.body.scrollTop+event.y-15;
}
document.onmousemove = iabdelaziz_nfo;
}
else if (document.layers)
{
window.captureEvents(Event.MOUSEMOVE);
for (ns=0; ns < amount; ns++)
document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+mon_image+"'></LAYER>");
function ntsfleurs(evnt){
Xpos = evnt.pageX-5;
Ypos = evnt.pageY-5;
}
window.onMouseMove = ntsfleurs;
}
function Zinfo(){
if (currStep<0.0550)
step=0.001;
if (document.all)
{
for (i=0;i<ieDiv.all.c.all.length;i++)
{
ieDiv.all.c.all[i].style.top = Ypos+cnter*Math.cos((currStep+i*2.5)/8)*Math.sin((currStep)*150);
ieDiv.all.c.all[i].style.left = Xpos+cnter*Math.sin((currStep+i*2.5)/8)*Math.sin((currStep)*150);
}
}
else if (document.layers)
{
for ( i = 0 ; i < ns ; i++ )
{
var temp="n"+i
document.layers[temp].top = Ypos+cnter*Math.cos((currStep+i*2.5)/8)*Math.sin((currStep)*150);
document.layers[temp].left =Xpos+cnter*Math.sin((currStep+i*2.5)/8)*Math.sin((currStep)*150);
}
}
currStep += step;
setTimeout("Zinfo()", 30);
if (currStep>0.0540)
{
step+=0.002;
if (document.layers)
{
for ( i = 0 ; i < ns ; i++ )
{
var temp="n"+i
document.layers[temp].top =Ypos+cnter*Math.cos((currStep+i*2.5)/8)
document.layers[temp].left=Xpos+cnter*Math.sin((currStep+i*2.5)/8)
}
}
else if (document.all)
{
for (i=0;i<ieDiv.all.c.all.length;i++)
{
ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((currStep+i*2.5)/8)
ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((currStep+i*2.5)/8)
}
}
}
if (step > 1.5)
{
step=1.5;
cnter-=8;
}
if (document.layers)
_y=-window.innerWidth;
else if (document.all)
_y=-document.body.clientWidth;
if (cnter <= _y)
{
currStep=0;
step=0.001;
cnter=70;
}
}
Zinfo();
// -->
</SCRIPT>
________________
dollar
Pages
A lire également
- Les conditions générales d'utilisation du site
Top-sites membres
Discussions récentes dans les forums
| Sujet | Forum |
|---|---|
 Echange liens : famille, écologieSujet posté par gurney1138 le 02/09/2008 à 21h28'25 |
 |
| URGENT (92) : WebTV recherche DEVELOPPEUR/WEMASTER (H/F) Sujet posté par omegatv le 02/09/2008 à 10h34'49 |
 |
| Re: échange cours Anglais/webdeveloper Réponse postée par jimmy le 31/08/2008 à 20h57'16 |
|
 Re: le site web du plombierRéponse postée par rer le 28/08/2008 à 11h53'39 |
 |
| Re: liens avec mes 2 sites immobilier Réponse postée par texass le 28/08/2008 à 08h01'44 |
|
| Re: Echange Liens -> 2 Sites informatique & Internet PR4 Réponse postée par texass le 28/08/2008 à 08h00'27 |
|
| Echange Automatique [Réglé] Sujet posté par touret le 25/08/2008 à 10h42'40 |
|
| recherche webmaster bénévole pour modifs site www.yvelines-breizh.fr Sujet posté par fulgoni le 23/08/2008 à 17h56'00 |
|
 Conseil: Quels logiciels ?Sujet posté par 1cyril le 19/08/2008 à 20h35'35 |
 |
| Le travail partagé à distance sur un même projet. Sujet posté par rer le 19/08/2008 à 17h10'50 |
|
Tribune libre
CNIL: 1098091
Connectés: 16
Connectés: 16