object heen en weer zwieren?

[purple elve]

Hallo,

ik ben bezig om een gallery te maken van verschillende objecten (catalogus)
Nu staan alle verschillende objecten naast mekaar. Ik wil dat als je met de muis over een van de objecten gaat, dat deze als het ware gaan "zwieren", ff heen en weer bewegen, om uiteindelijk terug stil te komen staan. Het effect moet realistisch lijken, dus van een grote beweging naar een kleine beweging naar een stilstaand object.
Ik heb nu gewerkt met een button waar in de "over" een mc inzit die de beweging geeft. Alleen gebeurt de animatie nu enkel wanneer je echt over het object heengaat met de muis, en stopt deze meteen wanneer je met je muis van het object afkomt. Daardoor krijg je een schok-effect, het object stopt dus meteen met zwieren en wordt terug statisch. Dat is niet echt realistisch. Ik wil dat het object dus start met zwieren als ik er over ga met de muis, en gewoon zien "normale" beweging voortzet, zelfs als ik er ondertussen af ga met mijn muis.
Hoe kan ik dit het beste oplossen?

Bedankt alvast voor de moeite!

Leni

[Wizzikhetmaar2]

Zoiets... (http://www.senocular.com/flash/source.php?id=0.18) heb je nu(?) en Zoiets... (http://www.senocular.com/flash/source.php?id=0.93) wil je?

[Jan]

Dat tweede voorbeeld lijkt (een beetje) op een voorbeeldje dat ik gisteren gemaakt heb:
http://users.telenet.be/jansurf/buttontril/buttontril2.html
En ik dacht daarop even verder te werken en er een zwier aan te geven maar ik kwam van een kale reis thuis. P)
De ene keer kwam het wel mooi trillend tot stilstand maar begon het opnieuw uit te zwieren, dan zag het er weer niet realistisch uit, toen begon het helemaal gek te doen, dan ging het draggen weer niet goed en toen ik er een touwtje aan wilde hangen klopte de omzetting van radialen naar graden weer niet. :X

Ik heb het opgegeven en doe één dezer dagen wel eens een nieuwe poging. Vanaf nul want ik had het mezelf wat te moelijk gemaakt door het object te willen bewegen volgens meetkundige coordinaten van een cirkel.
Dit is het eindresultaat van al die frustratie, het staat je vrij om in het script te gaan 'knoeien'.
http://users.telenet.be/jansurf/zwieren/zwier.swf
En hij komt of niet tot stilstand of heel plots wanneer je het niet verwacht.
http://users.telenet.be/jansurf/zwieren/zwier.fla

Je kan volgens mij best met de _rotation property werken en dit combineren met een 'tween en wat easing'. Maar 't blijft gemakkelijker gezegd dan gedaan.
Volgende links kunnen je misschien wat op weg zetten:
http://livedocs.adobe.com/flash/8/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00001500.html
http://livedocs.adobe.com/flash/8/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00004167.html

Groeten,
Jan

[Wytzeaaa]

Niet helemaal natuurkundig correct, maar het kan er mee door:



dingetje.onEnterFrame = function()
{
if (dragging)
{
this._rotation = 180/Math.PI*Math.atan2(_ymouse - this._y, _xmouse - this._x) - 90;

}

if (!dragging)
{
//Hier gaat het dus om:
speed += dingetje._rotation / 30;
speed *= .9;
dingetje._rotation -= speed;
}

}

[purple elve]

Zoiets... (http://www.senocular.com/flash/source.php?id=0.18) heb je nu(?) en Zoiets... (http://www.senocular.com/flash/source.php?id=0.93) wil je?

jaaaaaaa! dat tweede voorbeeld wil ik inderdaad! Maar ik wil niet draggen en droppen, ik wil enkel de functie van de mouse over hebben. Dus zonder de muis ingeklikt te houden.
Kan het niet met een rollOver en rollOut?

Bedankt voor alle reply's tot nu toe!!!! :)

[purple elve]

het is gelukt!!! Dmv de rollOver en rollOut een mc te laten starten!

[purple elve]

SWF (http://www.djjibaro.com/arthur/charm_zwieren.swf)
en de FLA (http://www.djjibaro.com/arthur/charm_zwieren.fla)

het juweeltje zwiert heen en weer als je er over gaat met de muis en stopt als je er vanaf gaat. Maar daarom moet je goed op het juweeltje staan (lees op het lege rondje), anders dan doet die heel raar. Hij wilt dan precies elke keer opnieuw afspelen of zoiets... echt weird [?] waarom is dat?
Ook beweegt hij nogal in schokken, ik heb nochtand de ease op 100 overal gezet en al gespeeld met de grafieken van de ease, en nog schokt het, en oogt het niet echt natuurlijk.
Kan ik hier nog iets anders aan doen?

Thanks!!!

[Midas]

het juweeltje zwiert heen en weer als je er over gaat met de muis en stopt als je er vanaf gaat. Maar daarom moet je goed op het juweeltje staan (lees op het lege rondje), anders dan doet die heel raar. Hij wilt dan precies elke keer opnieuw afspelen of zoiets... echt weird [?] waarom is dat?Thanks!!!
Symbolen in Flash hebben een lege achtergrond. Enkel gebieden waar je iets op hebt geplaats zullen een rollover krijgen. Je kan dit oplossen door een transparente figuur, met hoogte en breedte van het gebied dat jij wilt dat reageert op je rollover action, bij in het object te plaatsen.

[purple elve]

ja maar als je op een bepaalde plaats van het juweeltje staat dan skipt de mc, en als je op een andere plaats gaat staan van het juweeltje, dan weer niet???????

[Midas]

ja maar als je op een bepaalde plaats van het juweeltje staat dan skipt de mc, en als je op een andere plaats gaat staan van het juweeltje, dan weer niet???????
Ja awel? :S
Als je juweeltje beweegt dan komt er op een andere plaats wel niets hé.
Wanneer het juweeltje van je muis wegbeweegt, dan is er al een rollout actie gebeurt. Als het dan terug tegen je muis komt begint weer de rollover waarbij hij de mc terug afspeelt.

[?]

[purple elve]

just!!!! Amai, ik moet twee keer nadenken eer ik iets schrijf , stom van mij :s
Bedankt voor de tip!!!

[Midas]

Ook beweegt hij nogal in schokken, ik heb nochtand de ease op 100 overal gezet en al gespeeld met de grafieken van de ease, en nog schokt het, en oogt het niet echt natuurlijk.
Kan ik hier nog iets anders aan doen?
Je kan gebruik maken van een "guide layer". Dit wordt gebruikt om een object vloeiend langs een pad te laten bewegen.

1. Maak een laag voor het juweeltje.
2. Selecteer de laag en klik op de knop "Add Guide Layer" (tweede knopje onder de lagen).
3. Teken in de "guide layer" een lijn. Dit gaan we gebruiken als pad waarlangs het object beweegt.
http://i163.photobucket.com/albums/t313/chechimusic/Pad.png
4. Voeg in beide lagen frames toe op volgende manier.
http://i163.photobucket.com/albums/t313/chechimusic/Frames.png
Je ziet dat ik in de "guide layer" alleen frames gebruiken en in de gewone laag in het begin en op het einde een keyframe.
5. Plaats de afbeelding van het juweeltje op de eerste frame in de gewone layer.
6. Selecteer de "selection tool" en zorg ervoor dat de magneet aanstaat. Zo kan je het juweeltje perfect op het beginpunt van het pad plaatsen. Als je het niet zo zou doen heeft de "guide layer" geen effect.
7. Plaats het juweeltje op het beginpunt van het pad.
http://i163.photobucket.com/albums/t313/chechimusic/Magnetisch.png
8. Kopiëer het juweeltje en plaats het op de laatste frame op het eindpunt van het pad.
9. Maak een "motion tween" tussen de uiterste frames van de gewone laag (klik met de rechtermuisknop op een tussenliggende frame en kies "Create Motion Tween").

Nu beweegt het juweeltje recht langs het pad. Het beweegt dus niet mee in de richting van het pad. Dit kunnen we makkelijk oplossen:

10. klik op de "motion tween". Kies in het venster "Properties" de optie "Orient to path".

Voilà ;)

[Jan]

Hey, leuke uitleg over guidelayers EN met visuele uitleg. Helemaal top. Maar op het einde van je motion tween 'hangt' je object daar.
Ok..., frames van de tween kopiëren, reverse frames en erachter plakken en dan maar loopen.

Maar euh, hoe komt dat 'zwierende' ding dan zoals in het echte leven (onder invloed van zwaartekracht) langzaamaan tot stilstand?

Dat was toch de oorspronkelijke vraag meende ik.
Ik wil dat als je met de muis over een van de objecten gaat, dat deze als het ware gaan "zwieren", ff heen en weer bewegen, om uiteindelijk terug stil te komen staan. Het effect moet realistisch lijken, dus van een grote beweging naar een kleine beweging naar een stilstaand object. Als je daarin slaagt (zonder honderd opeenvolgende guidelayers te gebruiken die telkens iets minder breed/lang zijn) ben je een held! :)

Jan
PS: Als een voorwerp aan een touwtje hangt kan je dat touwtje beschouwen als de straal van de cirkel volgens dewelke het voorwerp zich beweegt.
Of beter gezegd: het beweegt zich op een boog van deze cirkel.(http://nl.wikipedia.org/wiki/Boog_%28meetkunde%29)
Jouw guidelayer heeft meer iets weg van een skihelling. :) [:o)]

[michelsteege]

Ff een heel simpel dingetje weet niet of iemand er wat aan heeft en het is nog veel beter uit te werken maar miss komen hierdoor wat ideeën ;)

[Midas]

Hey, leuke uitleg over guidelayers EN met visuele uitleg. Helemaal top. Maar op het einde van je motion tween 'hangt' je object daar.
Ok..., frames van de tween kopiëren, reverse frames en erachter plakken en dan maar loopen.

Maar euh, hoe komt dat 'zwierende' ding dan zoals in het echte leven (onder invloed van zwaartekracht) langzaamaan tot stilstand?

Dat was toch de oorspronkelijke vraag meende ik.
Als je daarin slaagt (zonder honderd opeenvolgende guidelayers te gebruiken die telkens iets minder breed/lang zijn) ben je een held! :)

Heu inderdaad :S . Je zou inderdaad bij de rollout gotoAndPlay een ander guide effect en dan een uitbollende animatie langs een pad kunnen doen, maar dan heb je een slechte overgang.
Bedankt trouwens voor de positieve commentaar op mijn uitleg ;) 8D .

Greetzzz

Midas

[Midas]

Ff een heel simpel dingetje weet niet of iemand er wat aan heeft en het is nog veel beter uit te werken maar miss komen hierdoor wat ideeën ;)
Unexpected file format :S .

[michelsteege]

Komt door mijn cs3 versie maar hier een versie voor flash8

[Jan]

Unexpected file format :S .
Hier idem, en we zijn toch benieuwd naar je heldendaad Michel. :D
Jan

[Jan]

Hmm, ik had tevoren ook al een aantal soorten tweens/easings/transitions geprobeerd maar er (ook) niet helemaal uitgekomen. Of toch niks wat echt realistisch uitzag als een zwierend object aan een touwtje dat langzaam tot stilstand komt. Nuttig/handig voor andere zaken maar niet voor dit (denk ik).

Achteraf bekeken vind ik de mijne nog niet zo slecht, alleen dat ie niet tot stilstand komt.(en dat de graden/hoek van het touwtje niet helemaal klopt)
http://users.telenet.be/jansurf/zwieren/zwier.swf
http://users.telenet.be/jansurf/zwieren/zwier.fla

Jan