Publicera ditt flashspel…

Ett enkelt sätt att publicera sitt spel är att använda sig av sin dropbox(!). Lägg helt enkelt in filerna i public mappen och högerklicka på html-filen och vips är det publicerat online… Jag visar också hur man gör för att korta ner sin dropbox-url till något lite roligare och hur man ftp-ar upp en fil på en webbserver.

Ljud i flash

Här är ett ganska långt blogginlägg (=många filmer) för att försöka förklara ljuduppspelning i flash, från ett enkelt frameljud, till att initiera och kontrollera ett ljudobjekt med ett framescript. Det är också lite ”nästa nivå” på programmering, dvs. att lägga alla script i ett framescript istället för att lägga det på ett movieclip t.ex.

Baskunskap om ljud i flash(jäkligt fort dock)

Del 1/3 om ljudobjekt och framescriptande
(från tutorialen: http://www.swinburne.edu.au/design/tutorials/P-flash/T-Flash-Sound-How-to-create-a-volume-slider/ID-36/)

Del 2/3 om ljudobjekt och framescriptande

Del 3/3 om ljudobjekt och framescriptande

Simpelt flash-spel med timer och poäng

Här är ett enkelt spel som använder onClipEvent-script för att hålla koll på tiden samt att samla och redovisa poäng:

kort presentation:

kod-presentation:

resursfiler (prova själv först annars är du en fegis)

Animera movieclip med onClipEvent-script

Såhär gör man för att animera ett movieclip(AS2.0) med ett onClipEvent-script:

och såhär för att använda piltangenterna för att flytta och hitTesta mot andra movieclip:

Hooray an array!

Vi sjunker djupare och djupare ner i nördträsket med ännu lite mer kod-exempel att använda i sex och samlevnads-projektet. Denna gång har vi tittat lite på Arrayer, dvs. en variabel med en rad av värden som är avdelade med kommatecken. Arrayer är bra att använda om man vill spara och hämta många olika värden på ett ställe(från ett variabel-namn). Motsatsordet till engelskans ”array” är ”disarray”. Det betyder oordning. Bara det är ju en god anledning att kolla lite närmare…

Lite allmänt om Arrayer:

En tillämpning där värden samlas in och läses av:

Dragreglage

Här är en film som beskriver hur man gör ett dragreglage av två movieclip som ligger i ett tredje. Reglaget skickar en variabel mellan ett och tio till ett textfält och begränsas av ett ”spår”…

Fla-filen kan du dropboxa ner här:

Klippdockan…

I flash- och andra multimediasammanhang använder man ibland funktioner för att klicka och flytta saker för att få den virtuella världen att efterlikna den verkliga. I film ett visar jag ett sätt att drag-and-droppa movieclip(drasläppa filmklipp) i flash…

…och i film två visar jag hur man kommenterar sin kod så att den är lätt att förstå för någon annan eller för dig själv vid ett senare(eller mycket senare) tillfälle.

Det finns ju en massa kul användningsområden för dra-och-släpp. Hittar du något kul sätt på nätet får du gärna lägga en kommentar som tips.

Ex1: http://www.madmenyourself.com/ inte så mycket dra-och-släpp, men himla rolig personlig-stil-konfigurator

Ex2: http://www.barbie.com/butterfly/ (obs, varning om du är känslig för rosa!!!) här är också bara klicka och förändra, men, ja du fattar vad man skulle kunna göra!!!

Mask i äpplet

Hallå!

Jag har två filmer från multimedia lektionerna att dela med mig. En film om hur masker funkar (där jag i slutet lämnar en cliff-hanger om en speciell sorts masker) och en annan om hur man kan få in mycket text på liten yta genom att använda sig av en komponent. Glöm inte att kommentera =)

Mask i flash CS4:

TextArea Component Flash CS4:

För att du skall komma vidare i projektet, så skall du även producera en lösning på två grafiska problem. Den ena handlar om hur varje ”skärm” för de olika epokerna skall layoutas – det får gärna vara samma design men olika innehåll – med rubrik, bild, text, årtal, grafiskt lull-lull etc. Den andra handlar om hur tidslinjen skall se ut. Här finns det en del exempel på hur man kan lösa det. Man kan jobba både horisontellt och vertikalt och även om jag redan har styrt uppgiften mot att det skall vara en horisontell tidslinje kommer här ett exempel på vertikal tidslinje, som faktiskt är ganska fin. Någon riktigt fin horisontell tidslinje har jag inte hittat(och inte letat ihjäl mig efter heller) men Här är en ganska fin horisontell navigation, som kan vara lite inspirerande, kanske mer för hur innehållet skulle kunna se ut än som tidslinje, men ändå! Hittar du någon cool får du gärna kommentera inlägget eller dela med dig på något annat sätt!

Fler timelines:
BBC sajtens fina historiska timeline

Coverflow i flash(ingen timeline, men skulle kanske kunna användas som navigation)

Linjärt berättande, del 1

Idag pratade vi om kursmål för den nya kursen multimedia B och hur den skiljer sig från A-kursen. Lite mer fördjupning och lite mer spets, men i stort sett bara mer av samma… I projektet ”Det kreativa århundradet” kommer vi att skapa en presentation med de olika stilepokerna presenterade i en tidslinje och då kan man ju använda sig av en sidledsscrollning i flash…

Flashfilen finns att ladda ned från projektsidan under klassidan.

Knapp av movieclip i flash

Här visar jag hur man gör för att göra ett movieclip till en knapp. Det har också lite fina features som att movieclipet spelas upp när muspekaren är över och spelar tillbaka när muspekaren rullar av. Detta är innebär lite Action Script 2.0 kodning, men man behöver inte förstå allt för att kunna kopiera!

onClipEvent (enterFrame) {

if (this.hitTest(_root._xmouse, _root._ymouse, true)) {

this.nextFrame();

this.swapDepths(_root.getNextHighestDepth());

} else {

this.prevFrame();

}

}

onClipEvent (mouseUp) {

if (this.hitTest(_root._xmouse, _root._ymouse, true)) {

trace(”hej!”);

}

}

Skapa ett movieclip med en animering, gå ut på scenen, markera moviclipet och lägg till scriptet nedan!

onClipEvent (enterFrame) {
	if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
		this.nextFrame();
		this.swapDepths(_root.getNextHighestDepth());
	} else {
		this.prevFrame();
	}
}
onClipEvent (mouseUp) {
	if (this.hitTest(_root._xmouse, _root._ymouse, true)) {
		trace("hej!");
	}
}