Quick Tips: Endre størrelsen SWF bruker BrowserCanvas
Del
Del
Del
Del
Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
Har du noen gang for å endre størrelsen på innebygde SWF basert på brukermedvirkning /innspill, som hvordan Newgrounds lar deg endre størrelsen visse Flash spill å passe på skjermen? Dette kan gjøres ved hjelp av Javascript Vel, heldig for deg det er denne lille klassen der ute som kalles BrowserCanvas som gjør alt den stygge jobben for deg, og i denne rask spiss jeg skal vise deg hvordan du bruker den. Først av alt trenger vi en kode editor. Jeg skal bruke FlashDevelop for denne opplæringen fordi vi skal skrive både Action Hotell og HTML Hotell og dette er en god kode editor for begge. Dette er ikke noe obligatorisk, slik at du kan bruke hva programvaren du vil. Hvis du ønsker å bruke det, men vet ikke hvordan, sjekk ut denne nybegynnere guide til FlashDevelop. Neste du trenger BrowserCanvas klassen så gå hit og laste den ned og lese en mer detaljert oversikt over det . Også trenger du et bilde som skal representere innholdet (jeg har brukt de Activetuts + logo) og et bilde som representerer resize behandleren. Jeg har tatt både i nedlasting kilde så du bør være i orden. Nå som vi er forberedt la oss begynne! For å se hvordan dette fungerer tilsett setMinMax () metoden til AS klasse som vi jobbet med Og endre createObjects () metode som så: Hva dette egentlig betyr er begrenser størrelsen på SWF-fil til et minimum av 300px For å se resultatet kompilere koden og laste HTML-fil. Nå bør du ikke være i stand til å endre størrelsen på SWF utenfor grensene. Jeg håper du finner denne lille klassen så nyttig som jeg gjør. Merk at det ikke kan fungere i alle nettlesere som de alle har forskjellige måter å tolke Javascript Legg gjerne igjen en kommentar hvis noen trinn er uklart Merk:..
og ExternalInterface klasse i Actionscript. Men hva om du ikke vet Script
i det hele tatt?
Forutsetninger
privat funksjon setMinMax (). void {_canvas.minHeight = _canvas.minWidth = "300"; _canvas.maxHeight = "500"; _canvas.maxWidth = "800";}
private funksjons createObjects (): void {if (ExternalInterface.available) {_canvas = nye BrowserCanvas (scene); setMinMax (); } _logo = Ny logo () som Bitmap; addChild (_logo); _arrows = new Sprite (); _arrows.buttonMode = true; _arrows.addChild (nye piler () som Bitmap); addChild (_arrows); _arrows.addEventListener (MouseEvent.MOUSE_DOWN, onMouseDown); _arrows.addEventListener (MouseEvent.MOUSE_UP, onMouseUp);}
av 300px Hotell og maksimum 800px
av 500px
.
Konklusjon
Jeg har ikke lagt den fullstendige HTML-kode som du ser i demoen fordi jeg ønsket å holde det enkelt, og det var utenfor omfanget av denne opplæringen. HTML-filen fra demoen er inkludert i nedlastingen pakken slik at du kan sjekke kildekoden der. Anmeldelser