Onze Top 50 Pro Flash-technieken in nummer 20 plaveit voor designers de weg naar dynamisch succes, maar we hadden zo veel code en content dat het gewoon niet allemaal in ons blad paste.
Daarom hier exclusief de tips 41-50 met nog meer technieken en bronnen die je moet kennen om je Flash-skills naar ongekende hoogten te brengen.
Klik hier om alle code en voorbeelden te downloaden
41 Een Flash-game bouwen – Maak eerst een eenvoudig prototype
Door: Luke Whittaker, Directeur www.stateofplaygames.com
Speelplezier moet je eerste prioriteit zijn als je een Flash-game gaat maken. En de beste manier om dit te perfectioneren is door eerst een prototype met simpele graphics te maken. Wij deden dit met het nieuwste spel van State of Play, Headspin: Storybook, een puzzelspel dat rond een pop-upboek gemaakt is. Daardoor wisten we hoeveel pop-ups er moesten komen, net als hun posities en groottes. Het artwork kon zo precies gemaakt worden. Als je te vroeg in het proces al met het uiteindelijke artwork werkt, brengt dit het testproces in gevaar. Je bent geheid minder geneigd al het harde werken overboord te gooien. Een mindere game is dan het resultaat. Een eenvoudige variant geeft je ook een beter idee hoe de game werkt. Je wordt minder afgeleid door de graphics. Het werk dat je in een prototype steekt, is geen verspilde tijd. Bij Headspin: Storybook gebruikten we uiteindelijk het prototype als codebasis voor het hoofdspel. Het uiteindelijke product konden we dus snel realiseren nadat we tevreden waren over gameplay.
42 How to be a graphic designer without losing your soul van Adrian Shaughnessy
Door: www.laurenceking.com
Dit boek is een must-have voor iedereen die zijn eigen zaak of freelance werk wil opzetten. Deze 160 pagina’s dikke pageturner bespreekt welke attributen de moderne designer nodig heeft, hoe en waar je werk kunt vinden, interviewtechnieken, de voordelen en gevaren van het freelance werken, de ins en outs bij het hebben van een studio en hoe je jezelf moet promoten om nieuw werk te vinden.
43 Gratis Flash-extensies
Door: Andre Weier, Flash-developer www.nalindesign.com
Sommige gratis Flash-extensies (MXP/JSFL) zorgen echt voor een betere workflow. Een van mijn favorieten is “Useful Instance Helper” / “Useful Timeline Helper” van Big Spaceship. Met “Useful Instance Helper” kun je in de IDE gegroepeerde Movie Clip-instanties op de stage aanpassen. Het bovenste veld is handig als je een instantie van Movie Clip hebt die op veel hoofdframes staat en je ze allemaal dezelfde naam wilt geven zonder op elk los frame te klikken. Selecteer de instantie en typ de naam in. Kies gewoon een laag uit, voer een naam in en druk op “set”.
44 Gratis Flash-scripts
Door: www.hotscripts.com/category/flash
Hot Scripts is een indrukwekkende verzamelplek op het web met meer dan 40.000 bronnen die aan webdevelopment gerelateerd zijn. Het Flash-gedeelte kent een archief met Flash-bronbestanden, een database met losse Flash-films op het web, een collectie met online tutorials en handleidingen over webdevelopment in Flash en een lijst met websites die content voor de Flash-developer aanbieden. Neem een kijkje, je zult er geen spijt van krijgen.
45 RegExr – Regular Expression Testing-tool
Door: George Profenza, Flash-developer www.disturbmedia.com
Grant Skinner heeft een handige intuïtieve tool voor het leren over en bouwen van ‘Regular Expressions’ gebouwd. Ik heb nooit goed begrepen wat deze rare collecties met symbolen betekenen, maar Tooltips heeft het me makkelijk uitgelegd. Download de desktopversie van de online RegExr-applicatie om met testen te beginnen.
46 Gratis Flash-templates
Door: www.flashmo.com
Flashmo.com biedt gratis Flash-templates en FLA-bronbestanden (waaronder Flash-templates, Flash-intro’s, Flash-effecten, 3D thumbnailgallery’s en Flash-fotogallery’s) aan om te delen met Flash-developers en -designers over de hele wereld. De indrukwekkende selectie met 200 Flash-templates is gratis te downloaden.
47 Essentiële Flash-sneltoetsen
Door: Andre Weier, Flash-developer www.nalindesign.com
Als je het zat bent elke letter in het Flash Actions-paneel (Handelingen) te moeten typen of de dropdown-menu’s te gebruiken om een actie te kiezen, dan kun je met sneltoetsen je workflow verbeteren. Een sneltoets is – als je het nog niet kent – een input van een of meerdere toetsen om een actie op te roepen.
Hier zijn twee voorbeelden:
Een voorbeeld van een toets: open het Actions-paneel met een druk op “F9”. Dit gaat veel sneller dan het paneel via het menu te open of door erop te klikken.
Een voorbeeld van meerdere toetsen:
- open een nieuw Flash-bestand en druk op “F9″
- klik in het Actions-paneel
- druk tegelijk op “Esc”, “f” en “n”
- als het goed is, verschijnt automatisch function () { }
Hier is een lijst met handige, tijdbesparende sneltoetsen:
ACTIES:
01. function () { } = Esc + f + n
02. trace = Esc + t + r
03. gotoAndStop() = Esc + g + s
04. gotoAndPlay() = Esc + g + p
05. stop() = Esc + s + t
06. play() = Esc + p + l
07. getURL = Esc + g + u
FRAMES:
01. Frame toevoegen = F5
02. Frame verwijderen = Shift + F5
03. Hoofdframe toevoegen = F6
04. Leeg hoofdframe toevoegen = F7
05. Symbool maken = F8
SYSTEEMSTANDAARDEN
Opslaan = Ctrl + s
Ongedaan maken = Ctrl + z
Knippen = Ctrl + x
Kopiëren = Ctrl + c
Plakken = Ctrl + v
Als je persoonlijke shortcuts wilt maken, dan je een eigen profiel instellen door Keyboards Shotcuts (Sneltoetsen) uit het Edit-dropdownmenu (Bewerken).
48 ActionScript 3-bronnen
Door: www.kirupa.com
Kirupa kent een indrukwekkende verzameling Flash- en ActionScript-tutorials en -bronnen. De tutorials dekken veel Flash-versies en zijn te volgen via stap-voor-stap-handleidingen met screenshots, voorbeeldcode en de Flash-code in actie. Veel nieuwere tutorials worden ook als video aangeboden.
49 Het CS4 Flash Accessibility-paneel
Door: Steven Jenkins, Features-redacteur www.webdesignermag.co.uk
Het Flash Accessibility-paneel (Toegankelijkheid) biedt gebruikers de mogelijkheid om toegankelijkheidsinformatie voor schermlezers toe te voegen en toegankelijkheidsopties voor individuele Flash-objecten of hele Flash-applicaties in te stellen. Je kunt het vinden via Window>Other Panels>Accessibility (Venster>Andere Deelvensters>Toegankelijkheid) of de snelkoppeling Shift+F11. Onder de opties van het panel vind je Make Object Accessible (Film Toegankelijk Maken). Deze is standaard geactiveerd en zorgt ervoor dat de informatie aan schermlezers wordt doorgegeven. Als je hem deactiveert, wordt er geen informatie aan een schermlezer doorgegeven. Description (Beschrijving) is een zeer nuttige optie, aangezien deze door een schermlezer gelezen wordt. Hou deze dus beknopt, maar wel relevant.
50 Koop en verkoop Flash-componenten
Door: www.flashden.net
FlashDen is een Envato Marketplace waar ontwikkelaars en designers rechtenvrije stockbestanden voor Adobe Flash-projecten en websites in het algemeen kunnen kopen en verkopen. De bestanden worden voor ongeveer een dollar verkocht. Ben je een developer en op zoek naar een extra zakcentje? Schrijf je dan in en begin met je verkoop.