Archief - info: hoe beginnen aan flash sites ?

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.

Arten

Legacy Member
Hellu

ik ben zo een beetje aan flash terug begonne, heb er vroeger al mee gewerkt enzo dus die lessons waren redelijk snel terug doorlopen

Nu vraag ik me alleen af hoe je bv een hele site (een dynamische site noemt men dat zeker?) maakt in flash ?

zijn hier ergens goede tutorials voor te vinden want ik vind er enkel voor effectjes en van die animatiekes, maar dat is dus niet wat ik zoek.

alvast bedankt he

Dafference

Legacy Member
Misschien moet je eens een flashsite-template downloaden en die fla eens goed bestuderen. Maar het gaat dus vooral om keyframes, en die te koppelen aan een menu via actionscript, en dan moet je uiteraard zien dat je ook stops zet anders loopt je movie in het honderd.

Eens je dat doorhebt kan je sites bouwen, de rest leer je aldoende.

Bigbuddha

Legacy Member
tja, old school flash werkt inderdaad met keyframes. Maar tegenwoordig als je full flash sites maakt en dynamisch(dit is aan een databases koppelen) dan wordt alles gescript. 'k Werk dagelijks een uur of 10 aan zo'n sites en wij programeren alles op het eerste keyframe praktisch. Zelfs de tweens worden gescript. Als je dit wil leren denk ik dat je eerst wat met xml/flash koppelingen moet spelen. Genoeg tutorials doorvoor. En dan leren tweenen met scripting. die kombineren om dynamische lijsten te maken die ook wat animatief zijn. En vandaaruit weer verder leren. Met andere woorden: Veel tuts en veel lezen ;) good luck.

NeoNeke

Legacy Member
uit kirupa.com --> http://www.kirupa.com/developer/mx/full_site.htm

dit is de meer handige manier als je niet zo direct goed kan scripten en 't is al een wat betere oplossing dan met keyframes werken, namelijk MovieClips laden.

Op dezelfde sites staan ook hoe je site dynamisch maakt aan de hand van scripts (XML enzovoorts)

De motiontweens scripten heb ik zelf nog nooit gedaan en is misschien eens handig om te bekijken thx to Bigbuddha daarvoor :)

Arten

Legacy Member
hei hei

alvast bedankt voor de nuttige info !!
als je werkt zoals big budha met databases, wat versta je dan onder databases ? heb je dan een server met mysql nodig ?

manson

Legacy Member
-=CmX=- zei:
hei hei

alvast bedankt voor de nuttige info !!
als je werkt zoals big budha met databases, wat versta je dan onder databases ? heb je dan een server met mysql nodig ?
tenminste !

mysql -> php -> xml -> flash is een prachtige manier om het dynamische van php/mysql te koppelen aan het enorm gemak van xml inlezen in flash
zeker iets over opzoeken

Bigbuddha

Legacy Member
of SQL - .NET - XML - Flash, dat is ook een mogelijkheid, zo doen wij het.
Maar je kan beginnen met de koppeling XML - Flash eens te bekijken, serverside kan je erna nog.

Uit je eerste posting maak ik uit dat je het begrip "dynamische website" niet echt begreep. Nu in het vak, ahum ;) Wordt met dynamische site bedoeld dat het een site is die dynamische content laat zien. Dus content die uit databases komt. Dit kan een productlijst zijn, een fotoalbum, enz... er zijn er zelfs die zover gaan dat de teksten op de site in een db zitten om zo door een minimale aanpassing een maximale dynamiek te bekomen op de site.

Vergis je dus niet dat dynamisch als beweging wordt gezien. 't is niet omdat iets beweegt(cfr flash) op een website dat het dynamisch is. Dan spreken we eerder of een animatieve site. dynamisch is dus iets heel anders als animatief. Het leuke aan flash is dat je die twee kan samenvoegen. Om dynamische content op een animatieve manier te kunnen laten zien.

niet om voor eigen winkel te spreken, maar onze company site http://www.atyoursite.be is daar een bescheiden voorbeeld van. Alles is dynamische(van menu tot teksten en fotos) en op een animatieve manier weergegeven.

Hopelijk is het zo duidelijk.

LunchBox

Legacy Member
Bigbuddha zei:
Zelfs de tweens worden gescript
persoonlijk vind ik dah wa 'over the top'.. zag in't begin ook even het grote licht - 'whoah gekunt bijna alles scripten', en het is zo je kan daar héél ver in gaan // maar vaak valt het buiten budget (intensiever) en is het helemaal niet "makkelijker te onderhouden" ofzo.

stoem voorbeeld, wil je'n bal van links naar rechts laten bewegen kan je dat volledig gaan scripten met posities die veranderen en weet ik veel -- maar je kan'm ook op positie1 zetten > positie2 zetten en tween instellen. welk van de twee gaat het snelst aanpasbaar zijn als de klant ineens van mening verandert (en dah's niet nieuw dat men dah doet).. nugoed je kan er meer geld aan verdienen misschien // maar als dat onnuttig wordt is het ook nimeer plezant gewoon.

dah wouw'k toch even kwijt.. kvind dus dat je'n mooie gulden middenweg kan kiezen tussen de twee -- dingen die je 'hergebruikt' (menu items) dynamisch on stage plaatsen, allemaal mee akkoord maar je kan evengoed één item dan nog steeds met frames gedaan hebben om het 'snel aanpasbaar' te houden (in je library, wat dan als instance-template fungeert) dan dat je ALLES tot in de kleinste details in code hebt beschreven.. want die laatste methode is naar mijn inzien 'niet altijd even snel aanpasbaar'. (en in de wereld van deadlines kan je maar beter op tijd iets afhebben)

om dan ff persoonlijk te worden: ik zou liever 10u/dag bezigzijn met zaken aan te passen die nog wat zichtbaar zijn (en dus meer "nieuwe dingen' op die dag gezien hebben) dan 10u/dag bezigzijn aan het aanpassen van foutjes in (iemands) code omdat de opdrachtgever van mening is verandert.. want dah's heel de tijd in code redeneren en je ziet minder afwisselend werk.

__
misschien even een héle vérre vergelijking waar jullie hoop ik nog kunnen volgen; maar XML laat ons toe eigen tags te maken DUS zou je in principe alles dat je maar wil kunnen beschrijven in een xml-file.. zo bijvoorbeeld de beweging die iemand maakt: (puur fictief)
Code:
<beweging>
	<linkerbeen>
		<xChange>
			<xPosVan>214.6</xPosVan>
			<xPosNaar>138.5</xPosNaar>
		</xChange>
		<yChange>
			<yPosVan>12.4</yPosVan>
			<yPosNaar>224.5</yPosNaar>
		</yChange>
	</linkerbeen>
	<rechterbeen>
		<xChange>
			<xPosVan>28.3</xPosVan>
			<xPosNaar>96.4</xPosNaar>
		</xChange>
		<yChange>
			<yPosVan>356.6</yPosVan>
			<yPosNaar>22.9</yPosNaar>
		</yChange>
	</rechterbeen>
</beweging>
en ga zo maar door met paar honderd(/duizend) regels voor een enkele beweging.. zou het niet handiger zijn gewoon een visuele opname te hebben van de beweging.. wel de flash tijdslijn stelt je daartoe overzichtelijk (met keyframes) in staat, en dat voordeel kan je maar best benutten wanneer het nodig is. voor een computer zou het absoluut niet uitmaken.. keyframes of deze data-sturing, maar voor ons 'mensen' is het vaak handiger iets te kunnen zien // hope we can agree on that bigbuddha :)

ONTOPIC dan nog even;
hangt van hetgeen je wil bereiken af.. ikzelf begin altijd visueel in photoshop - en ga dan alle elementen omzetten naar flash // dan de datasturing etc tot het geheel 'werkt' zoals het zou moeten werken.. dah's een mogelijke aanpak, je kan ook rechtstreeks in flash ontwerpen maar ik merk daar een beperkte vrijheid voor mezelf -- een lijntje, een kadertje > kheb werkelijk pixels nodig om iets te maken, en zal die pixels nadien wel omzetten naar vectorsquares. (als't een gepixeled ontwerp betreft)

dus "hoe begin je", wel alles begint bij een idee.. en nog een raad:
stop je zoektocht naar een StepByStep guide naar flash websites -- je leert flash / je leert wat een website omvat -- je combineert > en voor je't weet ben je'r al.

The Patriot

Legacy Member
Tweens kunde scipten met dynTween ook is heel gemakkelijk moet gewoon een as fileke toevoegen in uw mappen in flash en ge kunt er gebruik van maken :)

Bigbuddha

Legacy Member
LunchBox zei:

Uiteraard moet je het evenwicht vinden tussen wat te scroipten en niet. Een header of een intro animatie hoeft inderdaad niet gescript te zijn. Zeker niet als je met wat snelle tweens hetzelfde resultaat kan bekomen.

Ik bedoelde eerder tweens die dynamisch moeten zijn. Voornamelijk recursieve tweens die aan de hand van dynamische data moeten gebeuren. Dus bewegingen die anders zijn als de data anders is. Dan heb je eigenlijk niet veel keuze om te scripten. Je hebt dus zeker gelijk als je zegt dat er een gezonde mix moet zijn. Je moet inderdaad alles door een "time is money" bril bekijken.

Voor tweens zijn ondertussen ook al genoeg componenten te vinden die scripten tot een minimum herlijden. Bij ons persoonlijk wordt als er gescript wordt, alles zo herbruikbaar mogelijk gescript.

De tijd dat flash enkel nog voor grafische designers was is ook al lang voorbij, ondertussen moet je ook al volleerde scripter zijn wil je nog meekunnen. ;)

Flipkikker

Legacy Member
@BigBuddha:
ik heb al enkele sites van jou gezien, prachtig werk en men ziet ook onmiddellijk dat je ervaring hebt met flash, maar waar heb je de kennis opgedaan. en wat bedoel je met scripten? bedoel je hiermee dat je ook de grafische elementen (zoals foto's en andere images) positioneert met script?
mijn nieuwe site voor mijn vader zou ik namelijk in flash maken (is geen noodzaak, maar zo leer ik het meteen ;)) en ik wil het meteen goed doen.

op de momentele site van dimowo: http://www.dimowo.be/flashN.htm zie je een goed voorbeeld van wat ik zou willen, bij de realisaties zie je een strip met foto's, waarbij die rij kan bewegen door met de muis erover te gaan, en er een grote foto en enkele middelgrote foto's weergegeven worden. foto's zouden via php uit een mysql database ingeladen worden, maar ik vraag me af hoe ik dit moet koppelen aan flash. kun je me enkele sites geven die jij gebruikt hebt om een goede basis te krijgen, want ik neem aan dat je ook veel van je kennis verkregen hebt door zelfstudie en veel proberen :)

mvg RealReality

Bigbuddha

Legacy Member
Flipkikker zei:
@BigBuddha:
ik heb al enkele sites van jou gezien, prachtig werk en men ziet ook onmiddellijk dat je ervaring hebt met flash, maar waar heb je de kennis opgedaan. en wat bedoel je met scripten? bedoel je hiermee dat je ook de grafische elementen (zoals foto's en andere images) positioneert met script?
mijn nieuwe site voor mijn vader zou ik namelijk in flash maken (is geen noodzaak, maar zo leer ik het meteen ;)) en ik wil het meteen goed doen.

op de momentele site van dimowo: http://www.dimowo.be/flashN.htm zie je een goed voorbeeld van wat ik zou willen, bij de realisaties zie je een strip met foto's, waarbij die rij kan bewegen door met de muis erover te gaan, en er een grote foto en enkele middelgrote foto's weergegeven worden. foto's zouden via php uit een mysql database ingeladen worden, maar ik vraag me af hoe ik dit moet koppelen aan flash. kun je me enkele sites geven die jij gebruikt hebt om een goede basis te krijgen, want ik neem aan dat je ook veel van je kennis verkregen hebt door zelfstudie en veel proberen :)

mvg RealReality

Toch al 10 jaar menig uur per dag bezig met flash, waaronder de laatste 4 jaar Fulltime. 'k Denk dat een gezonder mix van grafisch inzicht en programmeer structuur het beste is om ergens te geraken met flash. Veel designers haken af, of geraken niet verder met flash omdat scripting niet hun ding is. Veel scripters haken af omdat design hun ding niet is. Daarom is flash dezer dage zo "moeilijk". Ondertussen werken veel bureaus in teams met scripters en designers. Zo lossen ze de brug op.

Met scripten bedoel ik(in de meeste projecten) het laten zien van "records" uit XML(gegenereerd door .Net of php, whatever). Dus lijsten waar images te tonen zijn met tekst. Ook detail pagina's laten zien. Iets visible maken of niet. Een winkel op een map van belgië zetten dmv _x en _y. Dus niet gewoon als instance droppen. Een achtergrond van blauw tinten naar rood tinten laten morphen. Niet met een standaard tween, maar met een script zodat je makkelijk meerderen tween kan implementeren. Enz. In principe alles waar het "handig" is om te scripten, daar doe ik het wel. Iets wat veel gebruikt wordt, wat altijd net iets anders gebruikt wordt. Daar dus.

't Is gewoon een kwestie vaan heel veel leren, opzoeken, tutorials, sites bekijken en ontleden, en wat volgen wat er nieuw is in flash. Maar vooral een goede basis van opleiding. Grafische vormgeving en Toegepaste Info is een mooie combinatie ;)

Flipkikker

Legacy Member
thx, bigbuddha :bow:
scripting zal voor mij geen probleem zijn (voordat ik aan webdesign begon veel met c++ gewerkt, met een voorafje van java ;) ), iets designen (of proberen tot design te komen) doe ik ook nog eens graag ;)
maar zoals je zegt, je gebruikt scripts om iets automatisch op te bouwen ipv met tweens te werken -> dit is exact wat ik nodig zal hebben, maar het is dus mogelijk :)
opleiding heb ik nog niet. kben 16 atm, 17 over een maandje :ironic:

snel een edit ^^
je gebruikt dus mysql -> php -> xml -> flash heb ik begrepen uit bovenstaande post, bedoel je hiermee mysql -> php vars -> xml file schrijven -> met flash lezen ? of kan het ook zonder de tussenstap van xml?

Bigbuddha

Legacy Member
We gebruien hier .NET/SQL/XML/Flash in deze volgorde. Met .Net halen we records uit de SQL database. En generen we een XML pagina dm van een query en wat loops. Deze pagina wordt dan ingelezen in flash als XML. Hier kan je dan ook weer dmv loops alle vars uittrekken en in arrays stoppen om zo bv te weten hoeveel maal je een clip moet attatchen voor een lijst op te bouwen.

PHP werkte ik vroeger wel mee. Je hebt dan een pagina search.php bv. waar je in php code loopt door records en telkens een node van een xml output. Dus een XML parse in PHP eigenlijk. Deze pagina kan je perfect loaden in flash. dus niet search.xml, maar search.php -> wat voor flash een xml is. omdat hij op de server geparsed is tot xml.

Je kan de xml overslaan, maar dan moet je alles in string doorgeven en met lange teksten enz ,is dat niet echt handig. Er zijn trouwens genoeg xml parsers voor flash ook. Die halen alle attributes en values per node uit je xml en maken er een array van.

Aan de hand van arrays met vars kan je dan weer alles doen. Je hebt bv. een array met titles van een menu.xml. (statische xml omdat deze bv. vast ligt, moet dus niet altijd php zijn) Als je die xml door een parse script gooit in flash, dan heb je een array met titles. Dan kan je een count doen, weet je perfect hoeveel erinzitten. Dan attach je een "template" die je in je library hebt zitten, net evenveel keer als je items in je array hebt. Per attatch schuif je de _y wat pixels op en geef je de value van de array door aan dat template. In dat template staat een dynamisch tekstvlak dat gevuld wordt et voila. Een menu. Op die template kan je ook knoppen leggen en actions toevoegen natuurlijk.

Klein verloop van een basic menu. Komt nog heel wat bij kijken, maar dan heb je al een idee.

Flipkikker

Legacy Member
thx, aan deze uitleg heb ik idd wat gehad :)
.net kan ik dus nog niet, kzal voorlopig nog met php werken en refereren naar xmlfile.php ipv xmlfile.xml dmv de parsing ;)

grtz RealReality
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan