Tutorials

NavnDatoTypeForfatterSværhedsgrad
Animeret Perlin noise

Intro Denne guide er beregnet som en introduktion til og nem opsætning af et animeret Perlin noise. Den er baseret på arbejdet af Seb Lee-Delisle(http://www.sebleedelisle.com/2007/11/3d-perlin-noise-in-flash/), Ron Valstar(http://www.sjeiti.com/?p=305) og selvfølgelig Ken Perlin(http://mrl.nyu.edu/~perlin/doc/oscar.html). Perlin noise er et specialiseret slags noise som har en smoothing/gradient:

11 sep 2009Tekst tutorialArtmosMedium
Intro til RegExp og Intro til Skinning i Flex Session

Intro Sidste år, afholdt vi midt under sommerens hedebølge et DFUG arrangement i Århus, hvor Flashger og Bjeld præsenterede RegExp og Skinning i Flex som aftenens emner. Vi troede at optagelserne fra mødet var gået tabt (da de krævede log in? for at kunne ses), og derfor har mange måtte spørge forgæves efter link til aftens optagelser. Et smut i arkiverne

24 jun 2009Tekst tutorialFlashgerMedium
Opsætning af DFUG medlemskab

Intro Danish Flash-Platform User Group bedre kendt som DFUG har virtuelt til huse på FlashForum.dk, og du kan med din FlashForum.dk profil ændre status for dit medlemskab i DFUG. Sådan gør du Logget ind på FlashForum.dk har du mulighed for at tilgå din profil/konto. Du finder link til "konto" i øverste højre hjørne: Min konto På "Min Konto" siden kan du se dine stats for din profil.

18 jun 2009Tekst tutorialFlashgerLet
Amfphp Blog/Guestbook

Indledning. I denne tutorial vil vi lave en Blog/Questbook med mulighed for at tilføje kommentarer. Vi vil sende data mellem flash og server med amfphp og lagre de afsendte data i mySQL. De data flash modtager vil dynamisk tilpasse sidens layout til indholdet.

21 jan 2009Tekst tutorialgillieMedium
Amf PHP Del 2 (2/2)

I denne tutorial vil du lære hvordan du kan lave et login-system i Flash ved hjælp af MySql og amfPHP. Vi vil også se på hvordan du sikkert kan kryptere den data du ligger i databasen. Før du ser denne bør du have set den første i rækken Hvis du har spørgsmål til tutorialen, så skal du bare spørgeløs :) Du kan hente source filerne: her Denne tutorial er delt op i 2 "bidder" pga. dens længde.

17 nov 2008Video tutorialjakobhsMedium
Amf PHP Del 2 (1/2)

I denne tutorial vil du lære hvordan du kan lave et login-system i Flash ved hjælp af MySql og amfPHP. Vi vil også se på hvordan du sikkert kan kryptere den data du ligger i databasen. Før du ser denne bør du have set den første i rækken Hvis du har spørgsmål til tutorialen, så skal du bare spørgeløs :) Du kan hente source filerne: her Denne tutorial er delt op i 2 "bidder" pga. dens længde.

13 nov 2008Video tutorialjakobhsMedium
Amf PHP Del 1

I den første del af min kommende tutorial-række omkring amfphp, vil jeg gennemgå hvordan du installere amfphp og derefter laver din første amfphp service. Derefter skal vi lave en lille flash application som kan sende et navn til amfphp fx flashforum, hvorefter serveren vil sende "Hej Flashforum, det virker!". Dette er min første video tutorial jeg har lavet, så jeg håber i kan bruge tutorialen til noget. I kan hente source filerne Her

21 okt 2008Video tutorialjakobhsLet
Analog ur med nat og dag

Intro Som sagt er motivationen til denne tutorial at komme lidt ind på forskelle fra ActionScript 2 til ActionScript 3. Forskelle som nogen gange kan skræmme folk fra at tage skridtet til at code ActionScript 3. Håbet med denne tutorial er at bevise at ActionScript 3 slet ikke er farlig og faktisk, "synes jeg", lettere og mere logisk end de foregående versioner.

26 sep 2008Tekst tutorialbjeldMedium
Subversion control med Flex

Indledning Som du måske ved er Flex Builder bygget på open source IDE'et Eclipse Eclipse er en af de mest anvendte og velfungerende udviklings miljøer på markedet i dag. En af de helt store fordele ved Eclipse er at det er open source, og dermed give alle adgang til at udvikle moduler, plugins og værktøjer til IDE'et. I denne tutorial vil jeg vise hvordan du kan tilføje. Subversion

26 jun 2008Tekst tutorialFlashgerMedium
Email contact form - AS3 & PHP

Intro Nu har emnet været oppe en del gange: "hvordan laver man en contact form i flash?". Så nu besluttede jeg mig for at lave min første tutorial her på Flash Forum. Jeg viser hvordan du sender data fra din Swf til en php fil, og så sender mailen fra php. færdig version

23 maj 2008Tekst tutorialjakobhsMedium
Godt i gang med SWFObject 2.0

Hvorfor egentlig SWFObject? Se, det er en rigtig, rigtig, RIGTIG lang historie og en historie der er så betændt og så fyldt med religion at jeg ikke vil komme ind på det i denne artikel, vi har haft Muhammed-kriser nok ;-) Kort fortalt kan man bare sige, at SWFObject i øjeblikket er den bedste måde at embedde swf-filer på, hvis man vil sikre kompatabilitet på tværs af flest mulige platforme og sikre at de brugere som ikke har den nødvendige version af, eller slet ikke har, Flash Player installeret bliver præsenteret for alternativt indhold.

18 mar 2008Tekst tutorialMadsterMedium
Intro til "projects" i Flex 3

Denne video er den første i række hvor vi ser lidt nærmere på de nye features der er i Flex 3. I denne video ser vi nærmere på hvordan man opretter og bedst muligt udnytter de features der drejer sig om projekter i Flex 3. Har du aldrig arbejdet med Flex før kan du stadig sagtens se med, da videoen er meget basic og ud over at vise de nye features, også viser generel opsætning af et Flex projekt. Du kan selv komme igang med at arbejde med Flex 3 i dag. Hent en trial version på : http://www.adobe.com/products/flex/

26 feb 2008Video tutorialFlashgerLet
Dynamisk desktop flv player med projector fil - Del 3

Note: Se videoen i "FullScreen mode" for bedste oplevelse.

16 feb 2008Video tutorialFlashgerMedium
Indtroduktion til Arrays13 feb 2008Video tutorialFlashgerLet
Dynamisk desktop flv player med projector fil - Del 2

Note: Se videoen i "FullScreen mode" for bedste oplevelse.

13 feb 2008Video tutorialFlashgerMedium
Dynamisk desktop flv player med projector fil - Del 1

Note: Se videoen i "FullScreen mode" for bedste oplevelse.

12 feb 2008Video tutorialFlashgerMedium
Skin Flash CS3 components

I denne tutorial viser vi hvordan man skinner Flash CS3 components. I dette eksempel laver vi et Dynamisk text felt med en masse tekst, tilknytter et UIScrollBar component, og ændrer i dets grafik.

23 jan 2008Video tutorialbjeldLet
Begynder website del 3

"Begynder website" er en tutorial delt op i 3 videoer. Du lærer at sætte et simpelt website op ud fra et layout designet i photoshop som vi importerer ind i flash. Du lærer at lave knapper med rollover effekt, lave MovieClips, simpel tekst med links i og et billedegallery hvori du kan bladre frem og tilbage mellem billederne. Dette er video 3/3 (De andre tutorials der refereres til i videoen er endnu ikke lagt op på FlashForum.dk)

21 jan 2008Video tutorialbjeldLet
Begynder website del 2

"Begynder website" er en tutorial delt op i 3 videoer. Du lærer at sætte et simpelt website op ud fra et layout designet i photoshop som vi importerer ind i flash. Du lærer at lave knapper med rollover effekt, lave MovieClips, simpel tekst med links i og et billedegallery hvori du kan bladre frem og tilbage mellem billederne. Dette er video 2/3 (De andre tutorials der refereres til i videoen er endnu ikke lagt op på FlashForum.dk)

21 jan 2008Video tutorialbjeldLet
Begynder website del 1

"Begynder website" er en tutorial delt op i 3 videoer. Du lærer at sætte et simpelt website op ud fra et layout designet i photoshop som vi importerer ind i flash. Du lærer at lave knapper med rollover effekt, lave MovieClips, simpel tekst med links i og et billedegallery hvori du kan bladre frem og tilbage mellem billederne. Dette er video 1/3 (De andre tutorials der refereres til i videoen er endnu ikke lagt op på FlashForum.dk)

20 jan 2008Video tutorialbjeldLet
Loop videoklip i flash

Det kan være nærmest deprimerende at få .FLV filer til at loope i flash ved at loade dem ind, afspille og så starte forfra når .FLV filen er slut. Der opstår som regel et lille hak. I denne tutorial viser jeg hvordan du kan embedde et videoklip i et MovieClip og derved opnå et perfekt loop. Denne teknik egner sig bedst til små sekvenser som kan bruges til effekter der ser ud som om de kører i uendelighed når de looper.

12 jan 2008Video tutorialbjeldLet
Flash JavaScript Smooth all bitmaps3 jan 2008Video tutorialTunaMedium
After Effects to Flash - Custom text effects 3 jan 2008Video tutorialThomatrixMedium
Custom Events i ActionScript 3

Med ActionScript 3 er det blevet nemt at bruge og dispatche Events. I denne tutorial kikker vi på hvordan vi kan lave vores egne Custom Events ved at extende Event klassen. Note: Denne tutorial bruger Flex som ActionScript Editor.

29 dec 2007Video tutorialbjeldMedium
Color keying med After Effects28 dec 2007Video tutorialCubanPeteMedium
OOP, Intro til Basis begreber og principper

Dette er en DRAFT tutorial, hvilket vil sige at der ikke er lavet hård-korrektur. Du kan derfor selv være med til at gøre opmærksom på kryptiske formuleringer, stavefejl eller andet. Vi sætter pris på din hjælp Introduktion I denne artikel vil vi se på 4 kerne/basis forståelser og principper inden for objekt orienteret (OO) udvikling. Disse begreber/principper er ikke basis viden for at kunne sammenstykke en applikationsarkitektur, men i stedet basis viden for godt design af de enkelte byggesten, nemlig objekterne.

27 dec 2007Tekst tutorialFlashgerMedium
svnX til Mac

Med svnX til Mac, kan du nemt hente sourcekode fra diverse svn repositories. I denne tutorial bruger vi svnX til af hente PaperVision3D 2.0 Beta. Links fra tutoriallen: http://code.google.com/p/papervision3d/ - Url til SVN Repository http://www.lachoseinteractive.net/ - svnX til MAC

21 dec 2007Video tutorialbjeldLet
Papervision3D - Bitmap Material18 dec 2007Video tutorialbjeldMedium
Papervision3D - Basic setup18 dec 2007Video tutorialbjeldMedium
After Effects til Flash - Wave effekt17 nov 2007Video tutorialThomatrixLet
After Effects til Flash - Custom tekst effekter17 nov 2007Video tutorialThomatrixLet
After Effects til Flash - Fede tekst effekter17 nov 2007Video tutorialThomatrixLet
XML Basics - del 317 nov 2007Video tutorialThomatrixMedium
XML Basics - del 217 nov 2007Video tutorialThomatrixLet
XML Basics - del 117 nov 2007Video tutorialThomatrixLet
Flex Component Kit til Flash CS317 nov 2007Video tutorialFlashgerMedium
Menusystem med 3 stadier17 nov 2007Video tutorialCubanPeteMedium
Intro til klasser - del 117 nov 2007Video tutorialFlashgerMedium
Simpelt backendsystem i php og MySQL - del 3

Systemet er bygget til at kunne redigere og slette tekstfelter men ikke billeder. Du har mulighed for, at oprette alle de felter i databasen du har brug for og slette dem igen. Jeg vil i den nærmere fremtid gøre det muligt at oploade billeder til serveren gennem systemet, men for nu er det ikke muligt. Alle filer til disse tutorials finde du under Bilag

17 nov 2007Video tutorialCubanPeteMedium
Simpelt backendsystem i php og MySQL - del 2

Systemet er bygget til at kunne redigere og slette tekstfelter men ikke billeder. Du har mulighed for, at oprette alle de felter i databasen du har brug for og slette dem igen. Jeg vil i den nærmere fremtid gøre det muligt at oploade billeder til serveren gennem systemet, men for nu er det ikke muligt. Alle filer til disse tutorials finde du under Bilag

17 nov 2007Video tutorialCubanPeteMedium
Simpelt backendsystem i php og MySQL - del 1

I 3 tutorials vil jeg vise hvordan du kan installere et simpelt backend system på din server. Systemet er let at gennemskue, hvis du bare har en smule indsigt i html og evt. php. Det er nemlig bygget således, at når du opdaterer et tekstfelt, sendes rettelserne fra php dokumentet til databasen og outputtes i et xml format, som du så kan kalde fra flash og dermed få adgang til rettelserne. Hele systemet er beskyttet med login, så andre ikke kan få adgang til det uden et brugernavn og et password.

17 nov 2007Video tutorialCubanPeteMedium
Import af video17 nov 2007Video tutorialbjeldLet
Attach Sound - Del 117 nov 2007Video tutorialCubanPeteLet
MovieClipLoader - del 117 nov 2007Video tutorialbjeldLet
Flash i Fullscreen - del 117 nov 2007Video tutorialbjeldLet
Højrekliks menu - del 117 nov 2007Video tutorialbjeldLet
Analogur17 nov 2007Video tutorialbjeldLet
Intro til Strategy Pattern

Dette er en DRAFT tutorial, hvilket vil sige at der ikke er lavet hård-korrektur. Du kan derfor selv være med til at gøre opmærksom på kryptiske formuleringer, stavefejl eller andet. Vi sætter pris på din hjælp. Preface

17 nov 2007Tekst tutorialFlashgerMedium
OOP - Interfaces

Pre Script Denne artikel er foranlediget af det netop overståede DFUG møde i Århus, hvor Martin Bjeld og jeg selv holdt et oplæg omkring strukturering og opbygning af et projekt, samt videre så på hvordan nogle enkelte elementer var sat sammen. I oplæget blev der blandt andet diskuteret interfaces i flash, og på baggrund af et generelt ønske om en indføring i begrebet, er følgende udarbejdet.

17 nov 2007Tekst tutorialFlashgerSvær
Intro til Design Patterns og Objekt Orienterede design principper

Design Principper Når man taler om objekt design er der en række principper man bør forsøge at overholde i høj grad som muligt. Overholdelse af disse principper giver en lang række fordele, som både kan vise sig inden, under og efter udviklingen af et system. Et par af de mest gængse principper er:

17 nov 2007Tekst tutorialFlashgerMedium
Sådan bruger du SWFObject

Baggrund Som de fleste af jer nok allerede har hørt, udgav Microsoft for nylig en opdatering til Internet Explorer, som tvinger os flashfolk til at ændre den måde vi embedder swf filer i html. (Det skal siges at det faktisk ikke er Microsoft der er skurken i denne sag. De blev sagsøgt og tabte. Webstandards.org har mere om historien.)

17 nov 2007Tekst tutorialThulstrupLet
Placering af MovieClips i Fullscreen Flash

Som opfølgning på vores lille 'Flash i fullscreen' videotutorial, kommer her en tutorial der viser hvordan man placerer sine movieclips. I eksemplet her vil vi placerer fem movieclips, et i hvert hjørne samt et i midten: // sæt (0,0) registreringspunktet til at være i øverste venstre hjørne Stage.align = "TL"; // sæt scaleMode til noScale, så indholdet i swf'en ikke kan skaleres Stage.scaleMode = "noScale"; var sizeListener:Object = new Object();

17 nov 2007Tekst tutorialThulstrupLet
Anti cache - del 2

I de følgende eksempler bruger jeg SWFObject til at embbede swf-filerne. Hvis du ikke er vant til benytte SWFObject, er her en tutorial der giver dig en hurtig gennemgang: Sådan bruger du SWFObject. Problem

17 nov 2007Tekst tutorialThulstrupMedium
Anti Cache - del 1

Når du loader en fil (html, swf, txt, xml, php, asp, o.s.v.), vil den som standard blive cached af din browser. Det betyder at næste gang browseren bliver bedt om at hente den samme fil, vil den blive hentet fra cachen istedet for fra serveren. Det er muligt at ændre din egen browsers caching indstillinger, men du har ingen kontrol over hvordan brugeren har indstillet sin browser. Løsningen på dette problem er at loade dine filer med en unik nøgle. F.eks: holder_mc.loadMovie("eks.swf?nocache=1118251655640");

17 nov 2007Tekst tutorialThulstrupLet
Math Basic 6: Den Trillende Kugle - del 4

Husk at du kan finde en gennemgang af de brugte termer og begreber i "Introduktion til Math. i Flash" Pre Script De sidste par uger har vi set på hvordan vores vi kan sætte en række forhold op det miljø vores kugle befinder sig i. Det har både været tyngde, friktion, bounce og lidt afprøvning af hvordan vi kan vende én retning til en anden. Introduktion

17 nov 2007Tekst tutorialFlashgerLet
Math Basic 5: Den Trillende Kugle - del 3

Husk at du kan finde en gennemgang af de brugte termer og begreber i "Introduktion til Math. i Flash" Pre Script. I sidste del af ”Den Trillende Kugle” så vi på hvordan vi fik sat vores miljø op, så kuglen blev påvirket af tyngdekraft og hvordan vi definerede hvor langt kuglen kunne falde, før den skulle stoppe. Netop dette ”stop” af kuglen virker fortsat meget hårdt og unaturligt. Introduktion:

17 nov 2007Tekst tutorialFlashgerLet
Math Basic 4: Den Trillende Kugle - del 2

Husk at du kan finde en gennemgang af de brugte termer og begreber i "Introduktion til Math i Flash". PreScript I del 1 af ”Den Trillende Kugle” så vi lidt på hvordan vi kunne bruge acceleration til at gøre længden på en vector kortere eller længere; omformuleret til praktisk tale, gjorde vi velociteten på vores objekts x og y akser større eller mindre. Introduktion

17 nov 2007Tekst tutorialFlashgerLet
Math Basic 3: Den Trillende Kugle - del 1

Husk at du kan finde en gennemgang af de brugte termer og begreber i "Introduktion til Math i Flash". Pre Script I foregående tutorial sluttede vi af med at tilføje acceleration til vores objekt, ved gentagende at lægge en værdi til en variabel for velocitet, og videre lægge denne velocitet til vores objekts egenskaber vi ønskede at præge. Introduktion

17 nov 2007Tekst tutorialFlashgerLet
Math Basic 2: Den Efterfølgende Pil

Husk at du kan finde en gennemgang af de brugte termer og begreber i "Introduktion til Math i Flash". Pre Script I sidste uges tutorial Den Drejende Pil fik vi hul på hvordan vi bruger tangens eller rettere den omvendte tangens funktion Math.atan2 som gav os den vinkel vi gerne vil dreje vores pil til, målt i radianer. – radianer vi derefter kunne omskrive til grader og bruge til at rotere pilen. Introduktion

17 nov 2007Tekst tutorialFlashgerLet
Math Basic 1: Den Drejende Pil

I denne Basic Math tutorial skal vi først se på hvordan vi kan bruge Math.antan2 til at bestemme hvor meget et objekt skal drejes for at være på samme vinkel som f.eks. brugerens mus. Det kunne selvfølgelig være alt muligt andet end lige brugerens mus, f.eks. et objekt der repræsenterende brugerens ”rum skib” i et spil, og den følgende objekt var et fjendtlig skip. I denne Basic tutorial vil vi dog holde os til en pil vi ønsker hele tiden skal drejer sig efter hvor musen befinder sig på skærmen.

17 nov 2007Tekst tutorialFlashgerLet
Gentagende baggrundsmønster

For at opnå denne effekt skal vi bruge to ting: Vi skal bruge en funktion 'doResize', som aflæser bredden og højden af swf'en. Denne funktion vil vi kalde, når swf'en skifter størrelse. Vi skal bruge en funktion 'createTiles', som fylder et område (på størrelse med swf'en) med vores mønster. doResize funktionen For at vi kan opfange når swf'en ændre størrelse, skal 'scaleMode' sættes til "noScale": Stage.scaleMode = "noScale"; Herefter kan vi oprette et stageListener objekt:

17 nov 2007Tekst tutorialThulstrupMedium
Lyd i Flash - del 4

Se et eksempel på hvad du kommer til at lave Download .fla filen Indtil videre har vi oprettet et sound objekt med to knapper, en afspil/pause knap og en stop knap. Vi viser også brugeren hvor mange minutter og sekunder der er blevet afspillet samt hvor meget af sangen der er downloadet – i form af en preloader. Sidst men ikke mindst giver vi brugeren muligheden for, at skrue op og ned for lyden.

17 nov 2007Tekst tutorialCubanPeteMedium
Lyd i Flash - del 3

Se et eksempel på hvad du kommer til at lave Download .fla filen Indtil videre har vi oprettet et sound objekt med to knapper, en afspil/pause knap og en stop knap. Derudover har viser vi også brugeren hvor mange minutter og sekunder der er blevet afspillet. Den samlet kode ser således ud. /************************************************************************

17 nov 2007Tekst tutorialCubanPeteMedium
Lyd i Flash - del 2

Se et eksempel på hvad du kommer til at lave Download .fla filen Hvis du ikke har læst den første tutorial, kan du læse den her. Nu da vi har fået lavet vores første lydobjekt og dermed kan afspille mp3 filerne i flash, vil det selvfølgelig være rart, for os selv og brugeren af playeren, at kunne styre lyden.

17 nov 2007Tekst tutorialCubanPeteMedium
Lyd i Flash - del 1

Se et eksempel på hvad du kommer til at lave Download .fla filen Dette er en serie af lydtutorials i Flash. Den er delt op i små bidder, så du ikke går død i en kilometer lang tutorial.

17 nov 2007Tekst tutorialCubanPeteMedium
Introduktion Til Math i Flash

Denne tutorial vil være en kort gennemgang af den matematik der kommer til at lægge til grund for de Math tutorials der kommer til at følge her på FlashForum.dk. Idéen med denne tutorial eller gennemgang er at lave en reference som du kan vende tilbage til og se de formler og beskrivelser som du måtte støde på senere. – en mini-reference til de anvendte begreber og formler. Koordinatsystemet i flash.

17 nov 2007Tekst tutorialFlashgerLet
Kør din flash movie baglæns

MovieClip.prototype.playhead = function(dir) { this.onEnterFrame = function() { if (dir == "ff") { this.gotoAndStop(this._currentframe+1); } if (dir == "rr") { this.gotoAndStop(this._currentframe-1); } }; }; Brug sådan her! mc.onRollOver = function() { this.playhead("ff"); }; mc.onRollOut = function() { this.playhead("rr"); }; Copy paste det hvis du har lyst :)

17 nov 2007Tekst tutorialbjeldLet
Preloader med onEnterFrame

For at starte helt simpelt kommer der her først en preload funktion til at loade én Flash film. Først kommer hele koden som helhed, dernæst prøver jeg at dele det op i bider. Forord Vi antager at vi har en flashfilm som vi gerne vil preloade inden vi afspiller den. Vi vil gerne vise brugeren i procent %, hvor langt filen er loaded, så han/hun kan følge med i hvor lang tid der mangler. Når Det hele er loaded ind skal vores flash starte. // Stop timeline stop();

17 nov 2007Tekst tutorialbjeldLet