Difference between revisions of "Flash"

From Wikicliki
Jump to: navigation, search
 
(17 intermediate revisions by 2 users not shown)
Line 1: Line 1:
i only have limited vegetable powers of Macromedia Flash (now known as Adobe [http://www.adobe.com/products/flashplayer/ Flash]), so i am slowly figuring it out while making [[Flash Banner]]s.
+
== 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 ==
 
== Flash Shortcuts ==
Line 35: Line 86:
  
 
I reckon the three most important sizes are: Inline Rectangle, Banner, and 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 ==
 
== Actionscripted Tweening ==
Line 83: Line 136:
  
 
Trace Bitmap function - posterise effect
 
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 ==
 
== TROUBLESHOOTING ALARMING BUT SILLY PROBLEMS ==
  
 
Q: WHY DOES MY TEXT INPUT APPEAR LOPSIDED WHEN I FIRST ENTER IT IN??<br>
 
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.
+
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>
 
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!
 
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

Shape Hints

The maximum number of shape hints for any given shape tween is 26.

Shapehints.png

Flash Font Artifact Glitch

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

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:

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

Easing.gif

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

http://page-flip.com/

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


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