Difference between revisions of "Flash"
(31 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | + | == Shape Hints == | |
+ | |||
+ | The maximum number of shape hints for any given shape tween is 26. | ||
+ | |||
+ | [[Image:shapehints.png]] | ||
+ | |||
+ | == Flash Font Artifact Glitch == | ||
+ | |||
+ | [[Image:flashartifact.png]] | ||
+ | |||
+ | installing new font (Calibri) causes polygonal artifacts for no reason in the MCs where font is used | ||
+ | |||
+ | == Flash banner checker == | ||
+ | |||
+ | http://www.adopstools.com/ | ||
+ | |||
+ | == Shape Tween crashes flash == | ||
+ | |||
+ | Shape tween on line with gradient fill consistently crashes flash on legit version of CS3 | ||
+ | |||
+ | [http://www.dreamsyntax.org/work/flashcrash.txt Flash Crash Report] | ||
+ | |||
+ | == Compression / Cache glitch in flash == | ||
+ | |||
+ | Have you just spent an inordinate amount of time trying to compress your flash file? Have you compressed all your assets into minuscule peanuts in photoshop and reswapped them endlessly to no avail and insane frustration? Does the file size spike at Frame 1 for absolutely no reason? | ||
+ | |||
+ | COPY ALL YOUR FRAMES AND PASTE IT INTO A NEW FLASH | ||
+ | |||
+ | SOMETIMES THERE IS A GLITCH AND FLASH CONTINUES TO "THINK" THAT YOUR FILE IS HUGE EVEN AFTER YOU SWAP ASSETS. | ||
+ | |||
+ | I HAVE LEARNT THIS THE HARD WAY | ||
+ | |||
+ | Note: reading it off different types of devices may adversely affect file size. eg thumbdrive/portable hdd. | ||
+ | |||
+ | == Crossdomain == | ||
+ | |||
+ | http://livedocs.adobe.com/flash/8/main/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Parts&file=00001621.html | ||
+ | |||
+ | == Filters in Flash == | ||
+ | |||
+ | filters re-render the object so sometimes if you have filter on one keyframe and no filter on the next it can cause a bit of jiggling of position EVEN THOUGH BOTH ITEMS WILL BE SAME INSTANCE SAME SIZE SAME X Y COORDINATES | ||
+ | |||
+ | SOLUTION: apply filter of 0 to all keyframes of that instance | ||
+ | |||
+ | == CS4 == | ||
+ | cs4 has lots of new features too and i want to learn them... | ||
+ | Learn more about CS4's new features: | ||
+ | * http://www.adobe.com/newsletters/edge/october2008/articles/article6/index.html?trackingid=DWZSX | ||
+ | |||
+ | == Syncing with sound == | ||
+ | |||
+ | * http://www.communitymx.com/content/article.cfm?page=3&cid=20926 | ||
+ | |||
+ | == Flash Shortcuts == | ||
+ | |||
+ | *Q - Transform | ||
+ | *V - Selection Tool | ||
+ | *A - Sub selection | ||
+ | *P - Pen | ||
+ | *T - Text | ||
+ | |||
+ | *F5 - Add frame | ||
+ | *Shift-F5 - Remove frame | ||
+ | *F6 - Add Keyframe | ||
+ | *F7 - Add blank Keyframe | ||
+ | |||
+ | == Easing == | ||
+ | |||
+ | [[Image:easing.gif]] | ||
+ | |||
+ | == SWF to AVI == | ||
+ | |||
+ | to convert swf to avi, use: [http://www.pizzinini.net/projects/swf2avi/ swf2avi] | ||
+ | |||
+ | == Flash Banners == | ||
+ | |||
+ | Standard Flash Banner Sizes:<br> | ||
+ | 250 x 250 Square<br> | ||
+ | 200 x 200 Small Square<br> | ||
+ | 468 x 60 Banner<br> | ||
+ | 728 x 90 Leaderboard<br> | ||
+ | 300 x 250 Inline Rectangle<br> | ||
+ | 335 x 280 Large Rectangle<br> | ||
+ | 120 x 600 Skyscraper<br> | ||
+ | 160 x 600 Wide Skyscraper<br> | ||
+ | |||
+ | I reckon the three most important sizes are: Inline Rectangle, Banner, and Skyscraper. | ||
+ | |||
+ | IN ASIA THEY SEEM TO CALL THE INLINE THE "LREC" INSTEAD | ||
== Actionscripted Tweening == | == Actionscripted Tweening == | ||
Line 17: | Line 105: | ||
<table> | <table> | ||
<tr> | <tr> | ||
− | <td> | + | <td valign=top> |
For Google: | For Google: | ||
<pre>on (release) { | <pre>on (release) { | ||
Line 25: | Line 113: | ||
}</pre> | }</pre> | ||
</td> | </td> | ||
− | <td> | + | <td valign=top> |
− | For others: | + | For others (eg: ad2one): |
<pre> | <pre> | ||
on (release) { | on (release) { | ||
− | getURL( | + | getURL(clickTag, "_blank"); |
} | } | ||
</pre> | </pre> | ||
Line 35: | Line 123: | ||
</tr> | </tr> | ||
</table> | </table> | ||
− | |||
== Reducing File Size == | == Reducing File Size == | ||
Line 41: | Line 128: | ||
*Save duplicated objects as movieclips and reinsert them as iterations of the same mc. | *Save duplicated objects as movieclips and reinsert them as iterations of the same mc. | ||
*Shorten the length of loops. | *Shorten the length of loops. | ||
+ | |||
+ | == Effects I like == | ||
+ | |||
+ | http://page-flip.com/ | ||
+ | |||
+ | == Trace Bitmap == | ||
+ | |||
+ | Trace Bitmap function - posterise effect | ||
+ | |||
+ | == Toggle Flash == | ||
+ | |||
+ | [http://flash.melameth.com/togflash.html Toggle Flash] is a useful utility for windows ie that lets you toggle flash quickly. | ||
+ | |||
+ | == TROUBLESHOOTING ALARMING BUT SILLY PROBLEMS == | ||
+ | |||
+ | Q: WHY DOES MY TEXT INPUT APPEAR LOPSIDED WHEN I FIRST ENTER IT IN??<br> | ||
+ | A: this may be because you are entering it into an instance of a movieclip which has been put in an angle. stop editing it in place and it will be straight when you first enter it, instead of disturbingly askew. USE THE DAMN ALIGN PANEL ALL THE TIME | ||
+ | |||
+ | Q: WHY DOESN'T MY CODE WORK? I'VE CHECKED IT MILLIONS OF TIMES AND ITS CORRECT???<br> | ||
+ | A: Check that its set to publish the correct version of Actionscript. If you are writing in Actionscript 2, make sure its exporting in Actionscript 2! | ||
+ | |||
+ | Q: WHAT DO I DO IF WHEN I PUBLISH A FILE, ONE OF MY LOGOS IS MISALIGNED BY 1 PIXEL???? | ||
+ | A: RESAVE THE ORIGINAL LOGO WITH A WHITE/BACKGROUND BORDER AROUND IT OF ABOUT 2PX AND THE BACKGROUND BORDER CAN BE CHEWED UP WITHOUT AFFECTING THE LOGO ITSELF. GLITCH IN FLASH PERHAPS??!?? ARGH???? | ||
+ | |||
+ | == From Photoshop to Flash : Exporting layer as PNG == | ||
+ | |||
+ | export layer as PNG 24 with alpha channel and it will have transparency in flash | ||
+ | |||
+ | * http://www.pretentiousname.com/ps_exportlayersfast/index.html : photoshop script | ||
+ | |||
+ | |||
+ | == New things == | ||
+ | |||
+ | we use DMT for all of our UI: | ||
+ | |||
+ | http://gilamran.blogspot.co.il/2013/06/dmt-basic-tutorial.html | ||
+ | |||
+ | For our particle effects we use Sparticle + Away3D | ||
+ | |||
+ | http://www.effecthub.com/tool | ||
+ | |||
+ | And finally, for timeline based tweens, we use Flump: | ||
+ | |||
+ | https://github.com/threerings/flump |
Latest revision as of 14:26, 10 February 2014
Contents
- 1 Shape Hints
- 2 Flash Font Artifact Glitch
- 3 Flash banner checker
- 4 Shape Tween crashes flash
- 5 Compression / Cache glitch in flash
- 6 Crossdomain
- 7 Filters in Flash
- 8 CS4
- 9 Syncing with sound
- 10 Flash Shortcuts
- 11 Easing
- 12 SWF to AVI
- 13 Flash Banners
- 14 Actionscripted Tweening
- 15 Preloader
- 16 Clicktag
- 17 Reducing File Size
- 18 Effects I like
- 19 Trace Bitmap
- 20 Toggle Flash
- 21 TROUBLESHOOTING ALARMING BUT SILLY PROBLEMS
- 22 From Photoshop to Flash : Exporting layer as PNG
- 23 New things
Shape Hints
The maximum number of shape hints for any given shape tween is 26.
Flash Font Artifact Glitch
installing new font (Calibri) causes polygonal artifacts for no reason in the MCs where font is used
Flash banner checker
Shape Tween crashes flash
Shape tween on line with gradient fill consistently crashes flash on legit version of CS3
Compression / Cache glitch in flash
Have you just spent an inordinate amount of time trying to compress your flash file? Have you compressed all your assets into minuscule peanuts in photoshop and reswapped them endlessly to no avail and insane frustration? Does the file size spike at Frame 1 for absolutely no reason?
COPY ALL YOUR FRAMES AND PASTE IT INTO A NEW FLASH
SOMETIMES THERE IS A GLITCH AND FLASH CONTINUES TO "THINK" THAT YOUR FILE IS HUGE EVEN AFTER YOU SWAP ASSETS.
I HAVE LEARNT THIS THE HARD WAY
Note: reading it off different types of devices may adversely affect file size. eg thumbdrive/portable hdd.
Crossdomain
Filters in Flash
filters re-render the object so sometimes if you have filter on one keyframe and no filter on the next it can cause a bit of jiggling of position EVEN THOUGH BOTH ITEMS WILL BE SAME INSTANCE SAME SIZE SAME X Y COORDINATES
SOLUTION: apply filter of 0 to all keyframes of that instance
CS4
cs4 has lots of new features too and i want to learn them... Learn more about CS4's new features:
Syncing with sound
Flash Shortcuts
- Q - Transform
- V - Selection Tool
- A - Sub selection
- P - Pen
- T - Text
- F5 - Add frame
- Shift-F5 - Remove frame
- F6 - Add Keyframe
- F7 - Add blank Keyframe
Easing
SWF to AVI
to convert swf to avi, use: swf2avi
Flash Banners
Standard Flash Banner Sizes:
250 x 250 Square
200 x 200 Small Square
468 x 60 Banner
728 x 90 Leaderboard
300 x 250 Inline Rectangle
335 x 280 Large Rectangle
120 x 600 Skyscraper
160 x 600 Wide Skyscraper
I reckon the three most important sizes are: Inline Rectangle, Banner, and Skyscraper.
IN ASIA THEY SEEM TO CALL THE INLINE THE "LREC" INSTEAD
Actionscripted Tweening
Preloader
stop(); onEnterFrame = function(){ if (_root.getBytesLoaded() == _root.getBytesTotal()){ delete onEnterFrame; play(); } }
Clicktag
For Google: on (release) { if (clickTAG.substr(0,5) == "http:") { getURL(clickTAG, "_blank"); } } |
For others (eg: ad2one): on (release) { getURL(clickTag, "_blank"); } |
Reducing File Size
- Compress images in photoshop before adding them to your flash library.
- Save duplicated objects as movieclips and reinsert them as iterations of the same mc.
- Shorten the length of loops.
Effects I like
Trace Bitmap
Trace Bitmap function - posterise effect
Toggle Flash
Toggle Flash is a useful utility for windows ie that lets you toggle flash quickly.
TROUBLESHOOTING ALARMING BUT SILLY PROBLEMS
Q: WHY DOES MY TEXT INPUT APPEAR LOPSIDED WHEN I FIRST ENTER IT IN??
A: this may be because you are entering it into an instance of a movieclip which has been put in an angle. stop editing it in place and it will be straight when you first enter it, instead of disturbingly askew. USE THE DAMN ALIGN PANEL ALL THE TIME
Q: WHY DOESN'T MY CODE WORK? I'VE CHECKED IT MILLIONS OF TIMES AND ITS CORRECT???
A: Check that its set to publish the correct version of Actionscript. If you are writing in Actionscript 2, make sure its exporting in Actionscript 2!
Q: WHAT DO I DO IF WHEN I PUBLISH A FILE, ONE OF MY LOGOS IS MISALIGNED BY 1 PIXEL???? A: RESAVE THE ORIGINAL LOGO WITH A WHITE/BACKGROUND BORDER AROUND IT OF ABOUT 2PX AND THE BACKGROUND BORDER CAN BE CHEWED UP WITHOUT AFFECTING THE LOGO ITSELF. GLITCH IN FLASH PERHAPS??!?? ARGH????
From Photoshop to Flash : Exporting layer as PNG
export layer as PNG 24 with alpha channel and it will have transparency in flash
- http://www.pretentiousname.com/ps_exportlayersfast/index.html : photoshop script
New things
we use DMT for all of our UI:
http://gilamran.blogspot.co.il/2013/06/dmt-basic-tutorial.html
For our particle effects we use Sparticle + Away3D
And finally, for timeline based tweens, we use Flump: