Arkiv for maj 2007

Lav din egen højre-kliks menu i Flash

onsdag, 30. maj 2007

ContextMenuSkrev i sidste uge en lille indlæg om Jubii Yeah, hvor jeg blandt andet fortalte hvordan vi på det projekt udnytter muligheden for at man kan tilpasse højre-kliks menuen i Flash. Dagens indlæg handler om hvordan du selv kan gøre det samme.

Hjælpen i Flash på dette område er faktisk god og dækkende, men det svære med hjælp er jo at man skal vide hvad tingene hedder for at kunne finde det, og den klasse som styrer højre-kliks menuen hedder ContextMenu, og selve menupunkterne er af typen ContextMenuItem.

Herunder er et meget simpelt eksempel:

var Menu_cm:ContextMenu = new ContextMenu();

//Skjuler de eksisterende menupunkter, svarende til at menu=false i html
Menu_cm.hideBuiltInItems();

//Opretter mit eget menupunkt
var MenuPunkt1_cmi:ContextMenuItem = new ContextMenuItem("Min menu", testFunktion);

//Tilføjer punktet til min menu
Menu_cm.customItems.push(MenuPunkt1_cmi);

//Sætter min menu til at være den menu der skal bruges
this.menu = Menu_cm;

function testFunktion() {
	trace("weeeee :-) ");
}

Koden burde være temmeligt selvforklarende, men der er et par ekstra ting der er værd at bemærke.

Hvis den funktion som du sætter menupunktet til at kalde ikke eksisterer, så dukker menupunktet simpelthen ikke op når man højre-klikker. For i det hele taget at kunne se punktet, så skal du kalde en funktion der findes, som dog så kan være stort set tom som i dette tilfælde.

Når du har planer om at ændrer højre-kliks menuen, så må menu parametret i html’en ikke samtidig være sat til false, det vil nemlig altid overrule det som du sætter det til inde i Flash-filen. Med andre ord, er menu=false, så dukker der ingen punkter op.

Det er også muligt at ændre på menupunktet efter det er tilføjet, eksempelvis kan du disable det:

MenuPunkt1_cmi.enabled = false;

Eller ændre teksten:

MenuPunkt1_cmi.caption = "Ny tekst";

Alt i alt er det super nemt og brugt rigtigt kan det være særdeles nyttigt.

M!s forsidejagt 2007 - finale

torsdag, 24. maj 2007

M! Forsidejagt 2007 FinaleJa, nu linkede jeg jo i sin tid til det galleri som vi havde lavet til første del af Forsidejagten 2007, men i år er der også en finale med 5 delvindere som der skal stemmes om, og den skal i naturligvis ikke snydes for:

M!s Forsidejagt 2007 Finale

Yeah er på vej!

onsdag, 23. maj 2007

Jubii Yeah - TopcornerDer har været lidt stille på bloggen på det sidste, og det vil jeg gerne undskylde, men det er der faktisk en rigtig god grund til.
Er nemlig i fuld gang med et stort projekt, nok det største jeg har været med til, som hedder Jubii Yeah!

Vi er stadig en lille måned fra en beta launch, men da tingene for alvor er begyndt at tage form, så har jeg fået lov til at afsløre lidt om hvad det går ud på.

Jubii Yeah er et dansk, communitybaseret videodelingssite alla Youtube, men med en masse ekstra garniture, blandt andet i form af billeder og links.

Jubii Yeah - Videoplayer screenshot thumbnailVideoplayer
En af de ting der er på plads er videoplayeren som du kan se til højre. (Klik på den for at se en større udgave)

Bemærk dog at der kun er tale om et screenshot, men den er naturligvis lavet i Flash, som af indlysende årsager er valgt til at være fundamentet omkring hele videodelen på Jubii Yeah.

Da man ligesom på tilsvarende sites også får mulighed for at bruge Yeah til at vise video på sin blog m.m. så har vi fokuseret meget på at holde videoplayeren støjfri og clean, så den kan passe godt ind så mange steder som muligt.

Jubii Yeah - Videoplayer rightclickEn anden ting som vi også gør, er at bruge muligheden for at højreklikke lidt mere aktivt. Det gør at man har nem adgang til de mest brugte funktioner i interfacet uden at skulle flytte musen derhen. Det er måske ikke ekstremt vigtigt i en lille videoplayer, da der ikke er så langt, men det er særdeles nyttigt i fullscreen.

Derudover er det også et godt sted at have ekstra funktioner som kan være nyttige, men som ikke bliver brugt hyppigt nok til at de skal optage plads i hovedinterfacet.

Nå, det var lige hvad jeg ville løfte sløret lidt for i denne omgang, men lur mig om ikke der kommer en blogpost eller to til inden Yeah går i luften.

Er der i øvrigt bestemte features og muligheder som du selv savner meget på tilsvarende sites, så skal du være velkommen til at smide en kommentar, så kan det jo være at det kommer med.

Fullscreen og onMouseMove problem (bug?)

mandag, 14. maj 2007

Har lige siddet og kæmpet med et drilsk problem som kun opstod når jeg skiftede til displayState fullscreen i Flash Player 9.

Problemet viste sig at skyldes, at der ikke bliver sendt nogle onMouseMove events mens det lille overlay, hvor der står at man skal trykke på ESC for at forlade fullscreen, er på skærmen.

Så, derfor bare et lille heads up hvis i selv skulle rende ind i noget lignende som drillede.

Note: Tastatur events er ligeledes slået helt fra når man kører fullscreen, men det er nævnt i dokumentationen, hvilket dette ikke var.

XRay - Din debugger ven i nøden!

torsdag, 10. maj 2007

Flash er med tiden blevet bedre til mange ting, men mulighederne for seriøs debugging har til alle tider været temmeligt mangelfulde.

Javist, men kan lave traces til output-vinduet når man arbejder i Flash, og har man debug-udgaven af Flash Player installeret kan man se de selvsamme traces når man ser en swf-fil i browseren.
Men, at udskrive den ene værdi efter den anden er ikke en særligt optimal måde at debugge på, og det er her Xray kommer på banen!

Xray består af to ting, en komponent som installeres i Flash og et lille program der sådan set bare er en swf.
Komponentet placerer man i roden af sit projekt, og woila, når man herefter kører programmet er samtlige objekter i filen tilgængelige i en simpelt træ-struktur:

XRay Screenshot

Og ikke nok med at man kan se dem, man kan rent faktisk også ændre dem.

XRay er intet mindre end et fantastisk lille værktøj, og så er det ovenikøbet gratis!

Du kan finde det her:
XRay

Creative Suite 3 trials

onsdag, 9. maj 2007

Enten har de været svære at finde, eller også er de først blevet tilgængelige nu, hvorom alt er, så kan du downloade prøve-versioner af produkterne fra CS3 suiten her:
Creative Suite 3 trials

Ønsker du en komplet pakke som trial skal den dog desværre bestilles på DVD.

Silverlight - har Microsoft set lyset, vinder de kun sølv eller udgår de helt af løbet?

torsdag, 3. maj 2007

SilverlightMicrosoft annoncerede for et par dage siden Silverlight, det endelige navn for WPF/E, som kort fortalt gør det muligt at udvikle interaktive oplevelser til browseren ved hjælp af .Net.
Eller, sagt på en anden måde, så er det Microsofts svar på Flash Player, og mange blogposts rundt omkring har også stillet det op som en episk kamp mellem Silverlight og Flash, men den direkte duellering er jeg ikke helt enig i.

Umiddelbart er Silverlight for mig meget mere et angreb på Flex og Apollo, end det er på Flash, i hvert fald i den nuværende version.

Grunden til det er, at Silverlight er skræddersyet til at gøre det nemt for eksisterende .Net-udviklere at lave avancerede, netbaserede RIAs, hvilket på Adobe fronten er det som Flex bruges til.
Derudover gør Silverlight det også muligt at udvikle webbaserede applikationer i det samme udviklingsmiljø som man laver “rigtig” software i, hvilket igrn svarer til det som Apollo kan, bare den anden vej rundt. (Apollo gør det nemt at lave software i det samme udviklingsmiljø som man laver websites.)

Men hvorfor synes jeg så ikke at Silverlight er et angreb på Flash?
Simpelthen fordi at Silverlight i den nuværende version slet ikke er målrettet designere, og det er designere som skaber de sammenhængende, interaktive oplevelser som Flash er så godt til.

Det er der flere grunde til, og en af de væsentligste er det software man har til rådighed.
Udover at man kan lave Silverlight-applikationer ved hjælp af ren kode (XAML) i eksempelvis Visual Studio, så er der også lanceret software til at designe applikationerne i, henholdsvis Expression Blend og Expression Design.

Expression Design screenshotExpression Design er værktøjet til at tegne og designe i, skal man sammenligne det med andre programmer så vil det være Illustrator eller Fireworks.

Mere om Design:
Expression Design

Expression Blend 2 screenshotExpression Blend er, som navnet antyder, programmet hvor man sætter design og kode sammen, laver animation m.m.

Mere om Blend:
Expression Blend

Og du kan finde en masse videotutorials om dem, og de andre programmer i Expression suiten, her:
Knowledge center

Jeg vil ikke lave en dybdeborende analyse af programmerne, men jeg har installeret og leget lidt med begge to.

Indtrykket af dem er lidt rodet, og jeg synes så absolut godt man kan fornemme at programmerne ikke er så gennemarbejdede som Flash (er jo trods alt første version), men vigtigst af alt, så gør de det absolut ikke nemt at migrere fra Flash og til Silverlight, da stort set alt gøres på en anden måde.

Som et eksempel kan nævnes tidslinien i Blend, der ikke længere består af frames, men rent faktisk er en tidslinie med minutter og sekunder, hvilket er et kæmpe skift for folk der eksempelvis laver figuranimation, og en basal funktion som muligheden for at tilføje easing til en animation kunne jeg ikke umiddelbart finde.

Muligheder for at importere formater fra andre programmer, eksempelvis eps- og pdf-filer glimrer også ved deres fravær. Man kan ganske vidst importere psd-filer, men disse omdannes bare til et fladt lag, så det er ikke meget bevendt. Netop workflowet mellem de forskellige designværktøjer er en af de helt store svagheder, for da Design er så simpelt et værktøj som det er, så kan man ikke nøjes med det, men er nød til også at bruge eksempelvis Photoshop. Det helt smidige workflow er jo selvfølgelig også først kommet til Flash i den nyeste CS3 version, men derfor er det klart noget man vil savne og blive frustreret over alligevel.

Derudover skal jeg ærligt indrømme at jeg syntes at det sorte/grå look er enormt mørkt og deprimerende, men det er jo meget et spørgsmål om smag og behag.

Nå ja, softwaren kommer udelukkende til Windows, så designere der har Mac som platform, og dem er der nogle stykker af, får slet ikke lov at lege med.

Men er det så helt skidt?
Nej, absolut ikke, Silverlight indeholder skam et par ting som Flash ikke har.

Fra start af er det i stand til at arbejde med ægte 3D objekter, som man kan importere og rotere direkte i Blend.
Papervision3D er ganske vidst på vej til Flash, men jeg tvivler på at det bliver nær så smidigt at arbejde med, og heller ikke nær så komplet, da det jo er en nødløsning fordi at muligheden netop ikke er indbygget i Flash Player.

Den indbyggede Ressource-manager virker også umiddelbart til at være meget bedre og mere gennemtænkt end den der findes i Flash og de øvrige Adobe programmer.
Det vil gøre det meget nemmere at arbejde mange på samme projekt, og at få kode fra udvikleren leveret smidigt videre til designeren, eller omvendt.

Et andet sted hvor Silverlight har en klar fordel er video. Ikke fordi det i sig selv er bedre til at vise video, men fordi det kan vise video i det almindelige Windows Media Player format wmv.
Umiddelbart har wmv ingen kvalitetsfordel i forhold til flv, men Microsofts platform til at distribuere video til mange brugere samtidig, herunder især livestreams, er væsentligt mere udbygget en Adobes tilsvarende, og rigtig mange tv-stationer har i forvejen video liggende i det format, hvilket gør det til en no-brainer at bruge Silverlight.

Summa summarum
Som jeg skrev i toppen, så tror jeg godt at Silverlight kan bide skeer med Flex og Apollo, men for mig er det ikke et reelt alternativ til Flash i den nuværende version, men man kan jo aldrig vide hvad der sker senere.

Note
Et af de punkter hvor Microsoft til stadighed halter er deres corporate website. For at installere Expression Design skulle jeg først logge ind med Windows Live ID, registrere mig med navn og adresse, klikke på et link i en e-mail (som i øvrigt blev markeret som spam) og først derefter kunne jeg downloade det. Det synes jeg helt ærligt er temmelig tåbeligt, Microsoft burde da være så begejstrede for at man som potentiel kunde har lyst til at prøve deres software, at de gjorde det så nemt som muligt at få den installeret.

I øvrigt, så har jeg med vilje ikke linket til andre blogindlæg eller artikler om Silverlight. Det skyldes at langt de fleste af dem enten er meget pro Microsoft eller pro Adobe, så hvis jeg skulle linke til dem skulle jeg også bruge en masse tid på at notere hvilke ting i de artikler jeg var enig eller uenig i, og hvilke ting der var decideret usande, for dem er der desværre også en del af på begge fronter.

Update 7/5
Fandt lige en god post af Grant Skinner om Silverlight der var et link værd:
A Flash of Silverlight? My analysis