[Flash] Hoe maak je dit ont_zettend koele logo?

Hallo,

Ik zit met een vriend even wat Flash ontwerpen te bekijken. Op een oude versie van de site van het Whitney Museum (New York) staat een tof logo: http://whitney.org/bitstreams/ (even op 'enter bitstreams' klikken)

Hoe maak je zoiets? Heeft iemand daar 3 dagen al die puntjes apart zitten tweenen? (respect!) of is er een snellere manier om zoiets gedaan te krijgen? Beweeg trouwens je muis over het logo voor de special effects.

rubenski wijzigde dit bericht 15-05-2005 23:25 (10%)

Ik heb eventjes gekeken maar het is gewoon een tween, geen idee of het handmatig gedaan is (kan dit met swish oid?) maar het is iig geen actionscript.

Btw, de directe link is: http://whitney.org/bitstreams/flow.swf

Wolfboy wijzigde dit bericht 15-05-2005 23:33 (19%)

het zou goed kunnen dat iemand er 3 dagen op heeft zitten tweenen...

iig dat ie ze gewoon stuk voor stuk heeft gedaan, mssn gewoon een basistween voor het eerste puntje en dan steeds kopieeren en aanpassen...

Is het goed als ik je het "fla" bestand geef zodat je kan zien hoe het gedaan is?

DMV actionscript zou het in iedergeval niet heel moeilijk moeten zijn, duplicate mc en dan een beetje coordinaten gaan defineren, maar ik vrees dat deze gozer getweend heeft voor zn leven!

Als je de animatie goed analyseert zie je dat de letters iedere keer anders opbouwen, dat wil dus zeggen dat hij ze niet handmatig getweend heeft. Waarschijnlijk laat hij random stipjes vanuit random coordinaten met een random snelheid naar vooraf vastgelegde coordinaten vliegen

André: Volgens mij is het steeds dezelfde animatie.

Verder lijkt het me het makkelijkst om dit met AS te maken. Is veel dynamischer. Kan je zo aanpassen voor een explosie effect of iets dergelijks.

quote:

André schreef op maandag 16 mei 2005 @ 00:04:
Als je de animatie goed analyseert zie je dat de letters iedere keer anders opbouwen, dat wil dus zeggen dat hij ze niet handmatig getweend heeft. Waarschijnlijk laat hij random stipjes vanuit random coordinaten met een random snelheid naar vooraf vastgelegde coordinaten vliegen

Dan zie jij meer dan ik, voor zover ik het kan zien is het gewoon een statische tween (kheb er ook nog een decompiler op los gelaten en die is het met me eens)

Er is daar iemand heeeeeeel erg lang bezig geweest

Ik heb eventjes zitten turen en volgens mij doet-ie ook elke keer precies hetzelfde. Het allerlaatste puntje dat aan komt vliegen (van de e) maakt een soort gekke sprong. Misschien is het toch handmatig gedaan dan. In elk geval respect zeg mooi. Zou je dit sneller via actionscript kunnen doen dan handmatig?

quote:

niels88 schreef op zondag 15 mei 2005 @ 23:45:
Is het goed als ik je het "fla" bestand geef zodat je kan zien hoe het gedaan is?

Ik ben wel geïnteresseerd natuurlijk, maar ik geloof niet dat dat netjes/legaal/hier toegestaan is, dus laat maar even.

rubenski wijzigde dit bericht 16-05-2005 00:59 (51%)

quote:

rubenski schreef op maandag 16 mei 2005 @ 00:53:
In elk geval respect zeg mooi. Zou je dit sneller via actionscript kunnen doen dan handmatig?

Dat is natuurlijk maar afhankelijk van je ervaring met flash en actionscript.

quote:

Ik ben wel geïnteresseerd natuurlijk, maar ik geloof niet dat dat netjes/legaal/hier toegestaan is, dus laat maar even.

Anders download je eventjes de trial van Sothink SWF Decompiler

Hier is dus een simpel aplicatie voor..
Tijdje geleden gezien.. weet alleen helaas nietmeer welke het was..
Zoek eens op www.flashfocus.nl geloof dat het daar tussen progs staat

Als je nou wat ouder was geweest had je misschien de tijd van de demo's op de 386's nog meegemaakt, en dan had je geweten dat dit in 4 kb past, fullscreen, voor elke tekst die je maar wilt. Met andere woorden - zo cool en spectaculair is het helemaal niet.

quote:

"Any sufficiently advanced technology is virtually indistinguishable from magic."
_{Arthur C. Clarke}

Je zou van elk puntje een particle kunnen maken. Dit particle-ding is een object met een startpunt, een rustpunt, en een eindpunt. Vervolgens maak je een generieke functie moveParticle of zo, en die bouwt een eerstegraadsvergelijking die overeenkomt met de lijn tussen het startpunt en het rustpunt. Dan is het een kwestie van het volgen van die lijn, oftewel gewoon een standaard tween genereren die aan een actie verbonden is. Doe hetzelfde voor rustpunt > eindpunt, en dan ben je klaar.

Als je dit soort stunts in 3d doet is het hetzelfde, maar toch waren er op een 486 ook al demo's die complex morphende figuren hadden - van een puntjeskubus naar een puntjescirkel. In feite niet veel verschillend van dit, maar stukken gaver . En 100% ASM .

quote:

Yoozer schreef op maandag 16 mei 2005 @ 12:43:
Als je nou wat ouder was geweest had je misschien de tijd van de demo's op de 386's nog meegemaakt, en dan had je geweten dat dit in 4 kb past, fullscreen, voor elke tekst die je maar wilt. Met andere woorden - zo cool en spectaculair is het helemaal niet.

[...]


Je zou van elk puntje een particle kunnen maken. Dit particle-ding is een object met een startpunt, een rustpunt, en een eindpunt. Vervolgens maak je een generieke functie moveParticle of zo, en die bouwt een eerstegraadsvergelijking die overeenkomt met de lijn tussen het startpunt en het rustpunt. Dan is het een kwestie van het volgen van die lijn, oftewel gewoon een standaard tween genereren die aan een actie verbonden is. Doe hetzelfde voor rustpunt > eindpunt, en dan ben je klaar.

Als je dit soort stunts in 3d doet is het hetzelfde, maar toch waren er op een 486 ook al demo's die complex morphende figuren hadden - van een puntjeskubus naar een puntjescirkel. In feite niet veel verschillend van dit, maar stukken gaver . En 100% ASM .

whehe... 100% ASM;
och ja de goede oude tijd

maar inderdaad, je verhaal klopt wel; dit kun je vrij gemakkelijk ook in actionscript maken (een stuk makkelijker dan tweenen iig)

XangadiX wijzigde dit bericht 16-05-2005 15:43 (3%)

Ik heb even lopen klooien met DHTML:

http://andrescholten.nl/index.php/dhtml-slideletters/

André wijzigde dit bericht 18-01-2007 11:44 (35%)

quote:

André schreef op maandag 16 mei 2005 @ 20:41:
Ik heb even lopen klooien met DHTML:

http://andrescholten.nl/index.php/dhtml-slideletters/

oeh, dopigheden, hij is ook telkens anders

André wijzigde dit bericht 18-01-2007 11:44 (12%)

Ik ga even zo'n programma zoeken om mee achter de schermen te kijken. Ik heb zelf weinig gebruik gemaakt van Actionscript in Flash. Ik had het nooit nodig, omdat ik vooral mini-anims voor logo's en dergelijke maakte. Maar ik begrijp dat het niet zo advanced is. Maar het is wél erg origineel en dan hoeven dingen niet zo geavanceerd te zijn om indruk te maken. (Neem Mondriaan, hoewel die weer niet zo'n indruk op mij maakt, maar je begrijpt het idee). Tof ding trouwens André en redelijk vlug gemaakt blijkbaar.

rubenski wijzigde dit bericht 16-05-2005 22:56 (9%)

Het is idd niet zo advanced idd, even in het kort zoals ik het gedaan heb: coordinaten vastgelegd voor de letters, daarna alle punten random in een vierkant buiten het scherm geplaatst. Dan gewoon via een lineaire formule de punten naar hun plek laten 'lopen', en om ze niet allemaal tegelijk aan te laten komen een random vertraging aan elk puntje gegeven. Ditzelfde kan ik nog een keer herhalen waardoor ze ook weer van het scherm af vliegen.

quote:

Yoozer schreef op maandag 16 mei 2005 @ 12:43:
Als je nou wat ouder was geweest had je misschien de tijd van de demo's op de 386's nog meegemaakt, en dan had je geweten dat dit in 4 kb past, fullscreen, voor elke tekst die je maar wilt. Met andere woorden - zo cool en spectaculair is het helemaal niet.

[...]


Je zou van elk puntje een particle kunnen maken. Dit particle-ding is een object met een startpunt, een rustpunt, en een eindpunt. Vervolgens maak je een generieke functie moveParticle of zo, en die bouwt een eerstegraadsvergelijking die overeenkomt met de lijn tussen het startpunt en het rustpunt. Dan is het een kwestie van het volgen van die lijn, oftewel gewoon een standaard tween genereren die aan een actie verbonden is. Doe hetzelfde voor rustpunt > eindpunt, en dan ben je klaar.

Als je dit soort stunts in 3d doet is het hetzelfde, maar toch waren er op een 486 ook al demo's die complex morphende figuren hadden - van een puntjeskubus naar een puntjescirkel. In feite niet veel verschillend van dit, maar stukken gaver . En 100% ASM .

Ja, daar ben ik dan net niet oud genoeg voor I guess. Je beschrijving van de werking van zo'n generieke functie begrijp ik niet helemaal. Poept die functie elke keer een uniek pad van A naar B uit? En het moet volgens mij een tweedegraads functie zijn gezien de kromming van de paden? Ik vermoed dat dit handmatig gedaan is omdat de paden die de puntjes afleggen zo verschillend lijken. Maar misschien kom ik er nog achter hoe dit specifieke filmpje nu echt in elkaar zit...

quote:

André schreef op maandag 16 mei 2005 @ 23:02:
Het is idd niet zo advanced idd, even in het kort zoals ik het gedaan heb: coordinaten vastgelegd voor de letters, daarna alle punten random in een vierkant buiten het scherm geplaatst. Dan gewoon via een lineaire formule de punten naar hun plek laten 'lopen', en om ze niet allemaal tegelijk aan te laten komen een random vertraging aan elk puntje gegeven. Ditzelfde kan ik nog een keer herhalen waardoor ze ook weer van het scherm af vliegen.

Ok, begrepen. Leuk idee voor mijn nieuwe website template. Maar wel een beetje gejat natuurlijk

rubenski wijzigde dit bericht 16-05-2005 23:08 (20%)

quote:

André schreef op maandag 16 mei 2005 @ 23:02:
Het is idd niet zo advanced idd

Held!

Zie de source van dit praktijkvoorbeeld van Clay's DHTML-library. Moet ongetwijfeld op eenzelfde manier kunnen in actionscript.

Kheb even met dat Sothink zitten pielen. Ik word er niet echt wijs uit. Ik zie bijzonder weinig action scripting. Ik zie uberhaupt bijzonder weinig eigenlijk . Maarja, ik begrijp het idee erachter. daar ging het om. Spanks

rubenski wijzigde dit bericht 16-05-2005 23:22 (3%)

Er is ook geen actionscripting
Behalve dan het start en stop enzo is er geen actionscript.
Als je naar de MC kijkt waar die puntjes in bewegen dan zie je dat er een stuk of 100 lagen gebruikt zijn met ladingen afzonderlijke tweens.

Dus code is er idd niet

Ow ok, ik dacht dat dat misschien kwam doordat ik een limited versie van Sothink had. Ouderwetsch handwerk dus Ik kon zelf soms al uren zitten pielen aan kleine Flash filmpjes. Ik neem aan dat de bouwer wel een slimme truck ervoor heeft. Punt en pad aanmaken, kopiëren en telkens aanpassen I suppose.

quote:

André schreef op maandag 16 mei 2005 @ 20:41:
Ik heb even lopen klooien met DHTML:

http://andrescholten.nl/index.php/dhtml-slideletters/

Damd, echt ik heb veel respect voor u ze. Wat ge toch allemaal fixt, niet te doen. 'k Ga die code eens proberen uit te pluizen, kvind het heel vet van zoiets in code te doen. Oki, met programmeer-taal als background weet ik dat dit redelijk "simpel" te doen is, maar toch. Echt nice

'k Zen ne fan aan't worre van uw werk en comments

André wijzigde dit bericht 18-01-2007 11:45 (9%)

quote:

I_M_P_A_C_T schreef op maandag 16 mei 2005 @ 23:51:
[...]


Damd, echt ik heb veel respect voor u ze. Wat ge toch allemaal fixt, niet te doen. 'k Ga die code eens proberen uit te pluizen, kvind het heel vet van zoiets in code te doen. Oki, met programmeer-taal als background weet ik dat dit redelijk "simpel" te doen is, maar toch. Echt nice

'k Zen ne fan aan't worre van uw werk en comments

Ik heb de code iets netter en uitbreidbaarder (is dat een woord?) gemaakt, dus je kunt nu ook zelf letters toevoegen

quote:

Yoozer schreef op maandag 16 mei 2005 @ 23:16:
[...]

Held!

ik had even niets te doen

/edit:
Voor de compleetheid de mouseover en de fly-out ook maar gemaakt

André wijzigde dit bericht 17-05-2005 00:44 (19%)