Home

KoolMoves User Manual

1. 222 AGU Flash Movies to Power PO METT M Hy Lips on Adding Flash Movies to Web Pages iiasne spear PERRA P RARA RUPEE RE IE ARR y ARRRVPFO RE ERR ERR RAE AR RRRRRWEE RP RRERA RR ARR RR CRRVR 24s ordinis dye jer MT 224 HEEE ii io 226 Appendix D Useful 3rd Party SoftWare sssssseecccccsssesececccosssssececosossssssececsssssssssecesssssssssee 2 FAI EJ 227 L ONU NE AT Laos 227 PANS TO e even 24 VOIE CRDI AD Ot m PA A DA c PROC C0 immenses 228 Appendix E Toolbar Library Effect Listings ssssssccccsosssssccccoccossssseceocossssssscecossssssssee 229 Toat Enoet Tonpa M 229 ON IM P 229 Cle Art Galery 6 estes INE e 230 Ae E T nt 230 Button Galery CACC Ores POLE iain ee 230 CITE PET e ones 233 d 233 Enor EPE e2O O00O
2. components have a minimum size while the check box defaults to 12 by 12 pixels but the check box can be resized with ActionScript coding Other than resizing moving or aligning actions components added through the Toolbox can not be manipulated 1 e no shape transforms or effects at author time The version contents parameters and actions associated with these components are defined in the Properties window at author time and most of these can be changed dynamically with ActionScript through the Flash 6 APIs Flash 8 components would need to be recreated from scratch Once a component has been sized and placed on the stage open the Properties window and set its properties Some of the components have two versions Flash 6 and 8 The Flash 8 version of components have fewer appearance settings but allow for i i a a DENSIS beveled borders Both versions of a component can be used in the same movie Below are typical components as displayed on the stage and in a web browser Chapter 14 Interface Components 172 KoolMoves User Manual Flash 6 Flash 8 Flash 6 Flash 8 Content Pane L List Box E Combo Box M Push Button Check Box MR T Slide Control xH ert J ML noi In terms of the Properties data view the biggest difference between components is in the content handling and Appearance options The more common parameters and their values are covered below Color Dialogs The
3. 234 Piona VIOUS EI ennn 234 Appendix F Frequently Asked Questions FAQ eecscccsssssecccccccsssseseccosoosssssececssssssssseessso 235 EO E ie 239 KoolMoves User Manual vi KoolMoves User Manual Introduction About Flash Flash was developed by Macromedia since bought by Adobe to make it possible to have high impact web sites alive with animations sounds interactive interfaces and powerful graphics Flash utilizes a very compact vector graphic format so web sites with Flash animation download quickly Flash also has a huge market penetration with most web browsers containing the Flash player plug in For these reasons most high end web sites use Flash animation However the Adobe Flash package is expensive and has a steep learning curve Why KoolMoves Unlike Adobe Flash quality animation is easy and affordable with KoolMoves It 1s ideal for creating animated web pages banners navigation systems and intro pages It features libraries of text effects templates web page templates vector clip art and buttons ActionScript text effects as well as many transition effects For advanced users it even has Flash MX ActionScripting dynamic text fields and character animation with bones KoolMoves takes an approach to FlashTM movie creation that 1s in tune with the animation process because it was designed by a professional animator It is a mature animation package with ease of use and power as guiding prin
4. Over This Many Frames Initial frames E Key frames Final frames 4 E Key frames vw All frames D egrees of rotation per kev frame fao suffice it to say that the Rotation Effect needs 4 key frames to work M Add frames if needed properly Below with the help of some image editing you can see the effect of a 90 degree Rotation Effect on a star shape over the first five key frames Chapter 5 Data Views 76 KoolMoves User Manual For the Spin Rotate effects the only valid values for the degrees of spin or rotation are between 1 and 180 inclusive Boned Spinning differs from rotating in that at 90 degrees the shape 1s edge on to the display plane at which point a two dimensional Degrees of spin per key frame so shape disappears The shape below is spinning at 30 degrees per key frame C Top to bottom Filters Filters can only be applied to movie clips buttons and dynamic text For information on how to use Filters please see the Movie Clip Effects entry in Chapter 11 Blend Modes Blend Modes can only be applied to movie clips and buttons For information on how to use Blend Modes please see the Movie Clip Effects entry in Chapter 11 Drop Shadow H Drop shadows do Add Drop Shadow E x not work well EM with Fade transitions Drop Shadow and are disabled by Direction fe EN E b r motion scripts when z offset E zi Y offset 5 applied to static text Tra
5. Chapter 5 Data Views 89 KoolMoves User Manual Load Movie Load Movie loads a new SWF into the Flash player This feature can be used to string together multiple SWF files Because the project is broken up into multiple movies the individual SWF files are smaller in size Smaller files load faster and manage memory more efficiently A similar window is available for incorporating this capability into buttons Flash can play multiple timelines simultaneously Each timeline 1s assigned a level The main timeline 1s always LevelO LevelO sets the frame rate background color and frame size for all the other loaded movies Additional timelines load Level a Lancel into higher numbered levels and are displayed in a stacking order with level0 being the bottom most level When using the Load Movie action a level must be specified to define where the SWF will be loaded If loading one movie only any level 1 or higher will work fine Load Movie ES x A UAL inarad sw For use on the web the URL for the loaded movie can be an absolute or relative URL but for testing purposes all the movies must be in the same directory without directory or disk drive specifications in their names When testing a movie using Play in Browser any HTML and SWF files referenced by Get URL or Load Movie actions MUST be in the same directory as the fun file for these button actions to access these files or set the directory for playing the movi
6. KoolMoves User Manual Creating Buttons In KoolMoves any shape group of shapes or text box can be turned into a button Buttons can also be created with an initial empty state much like movie clips While buttons can not be created dynamically after a button 1s created its appearance and behavior can be modified dynamically with ActionScript Converting an item to a Button To convert the selected shape symbol or text box Look Effects Behavior static or dynamic on the Stage into a button click on the Convert to Button tool Shapes symbols and static text boxes can also be converted to buttons by setting the Is a Button Behavior field to yes in the Properties Data View Objects converted to buttons are placed in the Up Ooonosocodadeogecoaoaoodacoacad deconoanooe state ooeaooaocoocacosocooncosecoececosecononoooocEEEEEE EET E LEE LEES TTC LE IEC LES Is a Symbol Once an object becomes a button it can not be changed back the source object is removed from the stage and placed in the new Up State much like when objects are converted to movie clips Button btni Because the source object 1s no longer on the stage the Look fields are no longer applicable and the Effects have changed to Fade Size Spin Rotate Filters and Blend Modes the missing effects can not be applied to buttons The first two effects are covered in Shapes Effects in Chapter 5 the last two are covered in Movie Clip Effects in Chapter 11 The Be
7. Options for the Bounding box bmovie the bounding box of a specific frame bmax all of the bounding boxes of all the printable frames bframe the bounding box of each printable frame To limit the printing to specific Key Frames label the selected key frames to be printed as P otherwise all frames including tweens will be printed Tell Target Actions Tell Target is a means to communicate across multiple timelines Any movie can control another movie Your movie has multiple timelines when 1 You create a SWF Object 2 You load a movie into a layer There are three basic Tell Target functions built into KoolMoves 1 Stop 2 Play 3 Stop Sounds More will come later These actions are located in the Advanced section of the Add Action popup menu The tell target actions work just like regular actions with one difference you must define a target in the target box Inside a SWF each target is laid out much like a directory To access the current main movie s timeline you can use This can be used anywhere to control the current movies timeline The syntax can also be used to control a higher movie s timeline So for example lets say you want to control the main timeline from an imported SWF Object with Tell Target you would use the syntax For loaded movies the syntax 1s a little different To use Tell Target on a loaded movie you use leveln where n is the level of the loaded movie If for example you wa
8. document write lt SCRIPT LANGUAGE VBScript gt document write on error resume next document write Sub fscommand FSCommand ByVal command ByVal args document write call fscommand DoFSCommand command args document write end sub document write lt SCRIPT gt j gt lt SCRIPT gt lt SCRIPT gt Chapter 5 Data Views 93 KoolMoves User Manual Notice that you have to have some VB on your page to catch the FS Commands from Active X Now this 1s important A FS Command is only a variable and a value when sent to a program You must build the proper handler for your command and arguments with JavaScript Okay now the final use which is probably the most useful use of FS Commands is for in custom programs that use Flash as the interface such as Authorware and VB projects This 1s handled by the Active X Flash method FSCommand command args Generated when a FS Command action is performed in the movie with a URL and the URL starts with FS Command Use this to create a response to a frame or button action in the Flash movie JavaScript This window passes JavaScript commands directly to the web browser Javascript E E I Code EEE Story Board tab The Storyboard view displays a thumbnail and timing information for each frame on the main timeline See the Capture Movie Frame entry in Chapter 4 to learn how to create screen captures that can be formatted in a Story Boar
9. Data Views 70 KoolMoves User Manual X Solid color Solid color Saturation Saturation Lightness Lightness i L i Blue Slider Settings Red Slider Settings Saturation refers to the intensity of a specific hue It is based on the color s purity a highly saturated hue has a vivid intense color while a less saturated hue appears more muted and grey or washed out With no saturation at all the hue becomes a shade of grey Saturation ranges from 0 to 100 percent Brightness also known as brilliance luminosity or lightness is a relative expression of the intensity of the energy output of a visible light source Brightness ranges from 0 to 100 In the RGB color model the amplitudes of red green and blue for a particular color can each range from 0 to 100 percent of full brilliance Effects There are about half a dozen powerful effects that can be Shape Circle1 ES xj applied to shapes group of shapes text imported SWF a NE movie or movie clip Fade In Out Expand Shrink Zoom In Out Not all of the effects work on each object type Effects are found under the Effects menu on the Effects tab of the Properties Data View the Effects tab of the Score Data View and the Effects tool in the Tools Toolbar First select a shape and then select the effect Most of the effects occur over several key frames you can specify how many key frames
10. Edits to a symbol are reflected in all its instances Additionally movie clips can have a link applied either through the library Link Name button or the ActionScript attachMovie method The symbol library is limited to movie clips buttons and components Changing a shape to a Symbol will not add it to the symbol library instead convert it to a movie clip and proceed from there If you want to work with external images define the image s file name in the Link Library and add it to the movie with the attachMovie method Adding an element to the Symbol Library j Select a movie clip or button and use Shapes gt Add to Symbol Library or Ctrl F11 to add the element to the 41 Symbol Library Then change the description from Cancel the default value of Symbol N to something useful Description of Symbol fs ymbol 2 The Symbol Library Interface Use View gt Symbol Library or press karmin F11 to open the Symbol Library Movie Clips Buttons Components Link Name Within the Symbol Library is a list of all symbols saved to the Symbol Library showing their description the number of times they have been manually placed in the movie and the Link Name optional applied to the symbol Symbol Description 1 Add to Movie Close EM ___ Play E dit Delete Usage Describe Replace Link Mame ittee pi Chapter 15 Symbol and Sound Libraries 205 KoolMove
11. Shaded SVIE MET Ie 177 D Bre Ur CE Properties 64 65 67 71 114 121 122 126 139 140 141 148 150 152 155 159 Data VINS donee 51 63 140 141 155 159 BICI RSS E E M E M 86 Erates sede Re 18 19 26 44 46 47 97 Movie Overview 19 95 96 151 167 168 213 SOOHeS udi Cd cle cn La LATA KA DATA eno 19 97 213 SCD Lo mede etse 17 46 71 83 85 124 167 213 Shape S uice dien Li an 26 46 96 97 103 122 213 Index Sounds and ACTIONS 83 235 236 DA WING ohms 25 78 82 99 101 108 110 237 DEVIS Lectio dece ate aust st di E BONE Be dons sn Ne 66 109 173 214 226 Border THICRA S Sn nr er E 66 109 Millet Len ns sa AREY 66 67 109 Line Thickness ASS ES Re cadecss 110 TIRES MAP ING siones ns ee 82 110 136 155 Tapered Anes etc ns le t iu tes a beads 110 OO Mis s cease LM 12 25 101 107 108 115 136 E E Helen his eet titer ce E aM T E eR D aM DM Iia 3D 74 149 159 233 Blend Mode 72 77 121 150 214 234 Drop Shadow T1 149 214 234 Pier eres cote ER PA 77 121 145 149 214 234 NICD seis dae tee T sol I i Mid I aede 71 150 160 Motion Script 71 72 73 86 129 159 214 233 Text Effect Templates 129 142 229 Trans ON a epe teretes nes due etapa eR eme iN tan 75 Export Movie 55 58 59 137 213 235 Export Settings 32 33 47 171 211 213 217 235 F
12. initial setup recommended Option Explicit Forces declaration of variables Response Buffer true Don t output page until script finished Response Expires 1441 Attempt to overcoming browser cache probs declare some variables dim strFirstName strLastName get the info strFirstName amp request form firstname strLastName amp request form lastname process as desired D Where firstname and lastname are what the text fields are called in KoolMoves No need for first three lines but they help No need to DIM variables 1f Option Explicit not used Standard stuff in other words KoolMoves creates a swf that sends data correctly as far as ASP IS concerned anyway Appendix C Programming Coding Advice et al 224 This info could then be used 1n html like this code Hello lt strFirstName gt LANGUAGE VBSCRIPT gt lt response expires 0 gt lt sMail sMail amp You Can Put Anything You want here It is attached to the Body amp vbcrlf amp vberlf sMail sMail amp vbtab amp AnyQuestion you want answered amp request Any Variable you want amp vberlf set Mailer Server CreateObject SMTPsvg Mailer Mailer RemoteHost your mail server Mailer Subject anything you want Submitter request Var you set for the senders name Mailer FromName any name you want Mailer FromAddress any a
13. nature Content Pane List Box Push Button checkbax1 checkbox checkbax3 checkbax4 Check Box E and apply the style with ActionScript tied to an event or button action myStylel new KStyleFormat myStyle2 new KStyleFormat myStyle3 new KStyleFormat myStyle4 new KStyleFormat aqua desert invgreen hature Nm _ A contentpanel setStyle myStylel lrstboxl setotyle mystylel 3 pushbuttonl setStyle myStylel checkboxl setStyle myStylel and see the results when you preview the animation Chapter 14 Interface Components 197 KoolMoves User Manual Flash 6 Components Predefined Styles aqua desert invgreen nature T C Content Pane I TEL E rs LE proni drm i UL T La Ll RS List Box Ooo Push Button Check Box Label Label Label A style scheme can be used as a starting point with individual properties on a specific component modified as needed For instance if your movie is using the invgreen scheme you can change the check box label textColor property to black checkbox3 textcolor 0x000000 And don t forget you can always create your own style scheme from scratch KStyleFormat API Flash 6 myStyle new KStyleFormat myStyle arrow OxRRGGBB myStyle background OxRRGGBB myStyle border OxRRGGBB myStyle check OxRRGGBB myStyle face OxRRGGBB myStyl
14. updating the movie as to the changes made to the component but can also be used to control the flow of the movie Action Script Editor TIENI Ye e s Ba 00 0c PBR EI umbers visible this getValue Ln 1 Colt Code is present on a component when the event field has changed Al Look Effects Behavior from none to action script Chapter 14 Interface Components 174 KoolMoves User Manual Note When coding behavior for components through the Properties window the event e g onChange has already been defined and a function block does not need to be specified Also note that initializing a property not present in the Properties window 1s not complicated In WoolMoves Examples Components Flash 6 Other examples WTellingTime fun checkbox 1 created at author time 1s dynamically initialized with checkboxl setValue true Note As mentioned earlier Flash 6 and 8 components differ internally Because Flash 8 components were designed with the use of the Symbol Library their behavior code is placed within the component This means that when dealing w external objects the component s behavior code has to allow for its relative starting position Flash 6 component behavior code on the other hand 1s positioned relative to the parent movie clip In the sample code below both components update a text box on root when their value changes Valid code for checkBox1 Flash 6 component txtl text t
15. version 5 or lower Default value is on starting with KoolMoves 5 0 Dynamic Text You can ignore the backward compatibility option unless your movie 1s exported as Flash 6 7 8 Flash 6 7 8 handles dynamic text differently than Flash 4 5 because of the introduction of action script text fields In Flash 4 5 the variable name was the object name but in Flash 6 7 8 an instance name was also added So txtl hello works for a swf exported as Flash 4 5 but not for a swf exported as Flash 6 7 8 unless this check box 1s checked Interface Components There are currently a total of 7 components scroll pane list box check box push button scroll bar database query object and tool tip they can be added through the Tools Toolbar or through ActionScript see Components section in Examples folder for ActionScript examples There are detailed examples and readme files in the Components section in the Examples folder Chapter 2 Frames and Scenes 32 KoolMoves User Manual Interface components require Flash 6 player or later If you add components via ActionScript and not through the KoolMoves GUI be sure to check include interface components in Export settings so that KoolMoves will add to your exported swf all the component creation draw and interaction routines Local Playback Security selecting Access Local Files Only lets the published SWF file interact with files and resources on the local system only Selecting Access Networ
16. 2 0 0 500 sec 4 e 0 500 sec 5 3 0 0 500 sec 6 ub 0 500 sec T 4 0 0 500 sec a 4 5 0 500 sec a 5 0 0 500 sec 10 5 5 0 500 sec 11 6 0 0 500 sec 1 6 5 0 500 sec 70 0 500 sec 0 500 sec Button events are indicated for only the first occurrence of the button Chapter 5 Data Views 95 KoolMoves User Manual 5 List of Shapes F9 The List of Shapes window displays all visual elements on the active Key Frame The order of the elements indicates their relative position in the content stack 1 e their depth Click on an object s name to select it click a second time to edit the name Use the Shift Ctrl keys while clicking names to select multiple objects Paste places the cut or copied object at the top of the stack p Object is a mask 7 Object is masked g Object has been selected ir V Move selected object Up Down fil CA Lock unlock selected object all objects Locked objects can not be moved edited have effects applied to them or have their properties changed di Cut selected object Objects from the last cut operation are stored in a clipboard The clipboard contents are listed in the Clipboard folder in the Movie Overview Data View xj Delete selected object Save As 03109 Save in 3 KoolMoves ex Ese Buttons Fade Clip Art Flash Hi LE Copy selected object Components Flash Pl Context Help Gradien m Dynamic Text Maskinc r Examples Motion Paste copied object File nam
17. 86 KoolMoves User Manual Actions and Sounds tab With the Actions and Sounds view you can place either customized pre configured commands or actual ActionScript code on a key frame The preconfigured commands provide graphical user interfaces for the most commonly used programming functions This This view outside of the Toolbar and the Menubar is the most often used screen element by the average KoolMoves user EEE EE x are precontieurec commands not as efficient as e 2 aaqaaaaqaaaagaaaa Tana pure ActionScript they allow Stop Movie users to create sophisticated movies without knowing ActionScript Note the Flash Player will skip any actions on the first frame Right clicking on a command in the timeline area of the display opens a Edit popup menu The Edit function is grayed out except for actions that required Delete user inputs 1 e configurable commands and ActionScript code shift Right Shirk Left Add Action or Sound Opens a menu containing 1 Start Sound commands that can be applied directly to the selected frame 2 l Action Script interfaces to customize configurable commands and 3 the Action Script Editor Go To URL URL Link Miscellaneous Notes ao To Key Frame Load Movie Play Movie Stop Movie and Stop Sounds are applied directly to the Frame and require no user inputs Stop Sounds will stop all sounds currently playing when that Frame is loaded Unl
18. Asked Questions 235 Q My movie takes 48 minutes to load on a T1 Cable DSL connection and then my computer crashes Does KoolMoves have a bug that causes this A Your movie is way too big Try splitting your movie into small chunks that can load quickly when you need them For example make a button that says Go to key frame 3 and Stop then on key frame 3 in the Sounds and Actions Overview put Load Movie mymusicl swf Q How do I make an entire swf a link on a web page A Put a shape the size of the movie frame filled with the background color in all frames send it to the bottom and make it a button OR put a shape the size of the movie frame filled with a totally transparent color in all frames and make it a button Q What are Tweens A Tweens are non editable movie frames that sit between the movie key frames They are used to add movement to your movie or to add time between key frames For example if you draw a box at the top of your screen in key frame 3 Add Copy of Frame to End with 6 tweens to create key frame 4 and in key frame 4 move the box to the bottom of the screen When you play back your movie the box will smoothly slide from the top of the screen to the bottom Q l ve made a flash banner in KoolMoves but want to save it as an animated gif as well Can save it as a gif in KoolMoves A No but if you go to File Export you can save your movie as frame captures You can then recompile them in an animated gif compi
19. Blazer Tumbling In Turning Twister Reduce number of frames to increase speed or decrease swf file size The 3D effect cannot be combined with other effects on the object and only one 3D effect can be applied at a time However if the shape or static text is placed within a movieclip additional effects can be applied to the movie clip For example while a 3D effect can not be combined directly with a drop shadow effect a drop shadow filter can be applied to a movie clip containing the object with a 3D effect 3D effects result in larger than usual SWF files The effect indicated by a blue dashed box is not viewable in the KoolMoves editing screen or its internal player but can be viewed in the preview window associated with the 3D effect or in a web browser Chapter 5 Data Views 74 KoolMoves User Manual Fade Size in The Fade Grow and Zoom Transition Effects have their effect over an object s beginning and ending key frames Click ona check box to set 1 parameters for the effect and turn the effect on Fade and 5ize Transitions Transition Effects Initial fade in Initial grow Initial zoom in Final fade out Final shrink Final zoom out Cancel Initial Fade In Over this many key 2 MW Add frames if needed Cancel The Fade and Grow settings are identical and work in a similar fashion the Alpha value or size starts 0 and changes t
20. EET xTtbfrtfrt0D 0x0153dfc0 OKOLISEAUO OXLISTAEUL 0x0153df00 Ox T55dd90 0x0113fe00 0xll51d 00 0x0153de00 Ox l1S3dcO00 sx l53dec0 0x04000003 0x04000001 UXxOZ000002 0x00000003 0x00000001 0ScO DO OD 002 0x83f7c040 sxoorJo290 xoorfto2o290 xc3tfo2c040 0x83f3c040 DxXOOtlc294 Dxo3rosc2900 x4lllddsU xdllldf40 0x4lllde40 0x4111dc80 0x4381dc00 0x4381dd00 0x0O00fc280 0x000f c380 0xOO00fc040 0xOO00fc140 xallldf00 0x4111dc00 OA TT EAad00 0x4111de00 OKXO0ILSAAUC 0x0013dc00 OXAHLEEECSO xolllrtdcoo 0x4111fdco0 random bars vertical cover right random bars large rectangles rectangles rectangles corners rectangles sides rectangles top bottom rectangles rectangles corners rectangles sides rectangles top bottom rectangles Scale in Scale in Scale in scale out Scale out scale out scanlines Horizontal scanlines vertical scanlines back scanlines back scanlines back scanlines scanlines slice down Vertical us Eb cH large large in y dargep I large in out out large large large out large out x OU horrzontal vertical horrbrzontaL vertical crossing crossing down and left and right and LOLe ting up and back slice left slice right slice up snake in snake out Split Horizontal nm splat Horizonta
21. File Types ceca EID C ar adit sd ttt dt M ieee D A ir M ee a ih 136 227 BMP T 135 207 PEN T 136 GIF striae ie tiim ke 24 32 44 135 137 207 HTML 23 33 35 41 42 58 59 61 90 93 125 139 144 213 223 226 IPG E 32 44 135 207 nu gom c E ne ete 136 MP mm ES E S 61 88 211 227 PR a te db 135 ENCRES es enr ne 24 32 44 135 137 207 SWF 12 16 24 32 33 40 58 59 71 74 90 92 93 125 128 136 137 211 213 215 222 223 22A 226 227 228 STADE REN rH 135 bt 32 61 227 Aul 135 PIOteS io ec ra FU ES VET t ee ERR Mea I RED Key Frame 15 16 18 44 46 84 88 89 96 97 128 213 237 i SL 18 G Graphies teinte 93 135 159 213 227 CHEAP ICS ais et notio les eel teeta toes Images 24 28 32 35 40 43 48 49 66 67 69 99 107 135 158 159 165 207 213 214 215 227 I sare cocci ctsc ET 25 29 215 I DMAP OLE oou E 40 99 131 135 136 159 206 213 Interface Style ine 12 25 39 40 43 49 237 M NAS Re TINI OE ERE OI OR ten 233 MAS MNS e cuesta tiet ettet d die 12 29 79 215 239 Movie Clips 17 65 77 95 99 121 122 145 147 148 149 151 152 165 178 183 187 188 195 205 207 214 215 O Omon SKONE n audiit d tu 30 215 P Paire AN VASE cts E eM M MEDI ue 29 DetsDecllvelssncucur cete oL Ar 156 214 216 56 6 cac e MM ME dM ERE 128 R Seale PME 69 139 155 1
22. How the ASE is accessed will depend on where the ActionScript is being placed For example to place code on a frame in a timeline click on ActionScript in the popup menu for either the Actions and Sounds Data View or the Actions and Sounds Overview window Start Sound 1 I 1 Click on the Score Timeline Menu Toolbar icon to open the Action Script Score Timeline Data View 2 select 2 j the Actions and Sounds tab 3 click Go Ta URL CURL Link on the popup menu button and then Go To Key Frame click on ActionScript 3 Load Movie Unload Movie Play Movie Stop Movie 1 Click on the Actions amp Sounds i 1 Overview Menu Toolbar icon to open Stop Sounds the Actions amp Sounds Overview 2 click on the popup menu button and 2 then click on ActionScript Load Dynamic Text Seb vramizc Text FS Command Javascript Button Actions and Sounds ed To place an event handler on event on a button Actions Over Sound Down Sound select a button and in the Properties window click on Actions click on the plus button and then click on T m g ActionScript in the popup menu Action Script E To place an event handler onClipEvent event on a Movie Clip Actions E xj movie clip select a movie clip and in the Properties window click on Actions click on the plus button and L CO t 4 then click on ActionScript in the popup menu A
23. KPushButton getHeight KPushButton getLabel KPushButton getStyleProperty styleProperty KPushButton getWidth KPushBUubtOn oncolriok OnclrzockFunoctrons KPushButton setAutoResize autoResizeButton KPushButton setEnabled enabled KPushButton setLabel label KPushButton setSize width height KPushButton setStyle KStyleFormat KPushButton setStyleProperty styleProperty value KPushButton setHeight height KPushButton setWidth width Chapter 14 Interface Components 188 KoolMoves User Manual Button API Flash 8 Functions setLabel text textFormat text Label text in quotes textFormat reference to textFormat object specifying font properties and alignment example myTF new TextFormat myTF font Arial myTF size 12 mMyBULEONnASset lapel Capt Lon my Tr gt Properties embedFonts Analogous to textfield embedFonts Events onClick Event called when button is clicked Chapter 14 Interface Components 189 KoolMoves User Manual Slider Flash 8 Use the Slider API to control a parameter or change a value interactively A straightforward example is available at 2 al KoolMoves Examples Components Flash 8 Slider KC8 Example Slider fun Slider slideri E X Al Look Effects Behavior Slider API Flash 8 Functions setSlider min max current Set the min max and current value of the slider All values have to be of the integer
24. Likewise many movie clip properties and methods work with components The code for the components are stored in library files and are automatically added to a movie if components are added through the Toolbox If the components are being added dynamically through ActionScript coding you will need to set the inclusion of the library files manually Check the appropriate box es in Export Settings and the compiler will then know to add the appropriate components code For example when you movie has Flash 6 components check the Include Flash 6 action script interface components list box etc box There 1s a similar box for Flash 8 components Flash 6 778 Export Options see Context Help Iv Include Flash 6 action script interface components Iv Include Flash 8 action script interface components Application Programming Interfaces APIs APIs allow you to change a component s parameters interactively or to initialize the component if it has been attached to the movie via the symbol library Many components have advanced features that can only be accessed through their API Some of the components were written in Flash 6 some were written in Flash 8 and some components have both Flash 6 and 8 versions The components were coded using the latest available features at the time of their respective development This means that e components with two versions will have separate APIs for each version e the Flash 6 and Flash 8 API descr
25. MUST be in the same directory as the fun file for these button actions to access these files or set the directory for playing the movie in File gt Preferences Load movie loads a movie without closing the current movie All of the higher levels have transparent Chapter 7 Buttons 125 KoolMoves User Manual backgrounds which allows to see the layers underneath Unless you include in the loaded movie a shape under all other shapes that equals or exceeds the size of the movie frame and that is filled with an opaque color or a bitmap you will see the first movie underneath the loaded movie The movie background color size and speed are set by the movie at level 0 None of the button actions function in the KoolMoves internal player Roll Over Example This basic tutorial will define the steps necessary to create a simple roll poii erus eg over effect using an oval button with a gradient fill We start by drawing an oval Ce TT The oval 1s given a gradient fill and the border 1s removed by setting the border thickness to zero Click on the Convert to Button tool To produce a roll over effect the button must have 8 an over button state click on the Over State button at the top of the UN Over screen Now we are ready to define the over state of the button the i Ow button s appearance when the mouse 1s over the button No Over Button State xj Because the over state has not been defined we are asked if m we want
26. Manual As mentioned earlier if your html editor 1s FrontPage it is recommend that you follow the provided tutorial and have FrontPage insert all necessary JavaScript coding The final window has some general html FTP hints Click on Finish to close the Export step If the Generic Approach worked the target web page should have JavaScript linking to the specified movie FTP Check List B E X 1 Iti best not ta have spaces in the names of your swf and html Files IE can cause problems with some browsers and servers 2 The name of the swt file must be spelled exactly the same on the server and in the html File 3 The swf file must be transferred as a binary File 4 Make sure that the directory path for the swf file on the server i equivalent to the relative path in the html file i Cancel Help Once a wizard sequence of windows has been started you are not required to follow the steps to the end but can cancel at any time On the other hand if your movie consists entirely of text and or image effects click on the Export button when you are ready to save your project and export a movie If you ve edited the movie using the Basic Toolbox there is a chance that the interface style may have changed from Wizard to Basic If you want to use the Export button to save your project and export a movie click on the Wizard tab and then select the Banner wizard to make the Export button responsive You will be re entering the Wizard Int
27. Overview CHORUS Buttonjonclip events Actions and Sounds Button events are indicated for only the first occurrence of the button Clicking on the next to an Actions entry in the Movie Overview window will expand the entry to display the code Chapter 13 Action Script Editor ASE 167 KoolMoves User Manual In the Actions and Sound Overview or the Movie Ex F Untitled Overview after clicking on the popup Actions and E Main movie Sound click on the edit symbol in the Frame I T ane 1 lt Actions and Sound window to edit the highlighted EL Qe ActionScript object EE hrsi new Soundisndi hrs1 stop hrs2 new Sound snd2 hrs2 stop hrs3 new Sound snd3 hrs3 stop hrs4 new Sound snd4 hrs4 stop figi stop Fig2 stopt Fig3 stopt fig4 stopQ i stopi B Shapes Buttons J B bi Red Actions b2 EP Actions on press4 if s2 0s2 1 snd2 gotoAndPlay 1 Fig2 goto else s2 0 hrs2 stop Fig2 gotoAndStop 1 la Actions b4 Actions Chapter 13 Action Script Editor ASE 168 KoolMoves User Manual Unimplemented ActionScript ActionScript 2 syntax and constructs is unimplemented in its entirety Unimplemented Flash Player 4 through 6 commands oe ll modulo assignment amp bitwise AND assignment bitwise OR assignment e bitwise NOT lt lt bitwise left shift and assignment lt gt inequalit
28. Preview On AFFFFO0 OK the shape fill 1s applied to all selected shapes lj E oss E E To fill with a color gradient select Color Gradient at the top of the dialog box Shape Fil OE A gradient fill is comprised of up to eight color sm diues Nes pointers The color associated with the selected color pointer is shown underneath the gradient gs definition bar The color of the selected color G Linea C Rada pointer it is the color pointer which is depressed can be changed by 1 entering red green and blue onn JE values all 0 to 255 in range and a transparency F reo value 0 to 100 in range 2 selecting with your lal mouse from the color wheel partially shown 3 xc a adjusting the red green blue hue saturation and Cit 2 Fh 3s lightness sliders Gradient color Image The color gradient can be either linear or radial Color pointers can be EIL dragged to the left or right along the gradient definition bar to change the gradient effect ien A color pointer can be added by pressing D the small button with the plus sign The 4 Ju mouse cursor turns into a color pointer z a with a in the middle Click at a position o0 Aix onthe gradient definition bar Then change the color of this color pointer A color pointer can be deleted by pressing the small button with the minus sign and the selected color pointer is deleted An exam
29. Release all ut Release Outside Drag Over Drag Out Cancel After pressing OK we return to the prior popup and see the action we just defined in the list of button actions By double clicking on it we can edit the action By selecting we can add another action ee actions e g play stop get url etc associated with the button Up Over Down Click on m edit LolorFill We select play in stand alone player With the mouse away from the button we see the gradient color associated with the button s up state f Copy up state Copy down state With the mouse Copy over state Cancel P over the button we will draw it see the gradient color associated with the button s over state Our test 1s successful To use as a navigation element we could place text over the oval On moving the mouse over the text the background oval would change color Chapter 7 Buttons 127 KoolMoves User Manual Printing from Within a Movie The print and printAsBitmap ActionScript commands provide the capability to print frames from within a movie The print function will send vectors to PostScript printers and rasters to non PostScript printers printAsBitmap only sends raster information but supports alpha channels and color transformations printAsBitmap is functionally identical to print print level print level Bounding box print target print target Bounding box
30. Software Use the Update Wizard to check for the Update KoolMoves latest versions of the KoolMoves program files and libraries You can also find when your upgrade policy expires Downloads An internet connection is Inquire Pragram library current version numbers Contact information is located in the Inquire What s new context help window question mark in Download Program installer kmeetup exe 2 8 MB the upper right corner Download Libraries installer libraries e e 4 3 MB Instructions 1 Save files to your disk 2 Ma need to uninstall current version 3 Close Kool oves Double click an kmsetup exe installer 4 Double click an libraries exe to install libraries Press Browse button and select Program Files KaaolW oves License Key code Sn Expiration Feb 2007 or later release of version 6 About KoolMoves In addition to information about the About KoolMoves KoolMoves application this window once BET displays the registered user s name Copyright 2000 2006 Lucky Monkey Designs and registration number B This product is licensed to Clip art web interfaces and buttons provided by FwHilten Design Studios copyright 2001 Frank Hilton vene hilton com Web interfaces and clip art provided by Dietmar Moreels copyright 2002 wow flashflow be Effects Engine code tt copyright 2002 Hilary Bridel ww bridel ong Effects Engine code supplied by Wilbe
31. TRE EP xj changes to the text z E aj Al Look Effects Behavior The text can be changed or retrieved while the movie plays using Set Dynamic Text Load Dynamic Text the Variable Name and Send Form Data actions The use of Send Form Data requires knowledge of GET and POST data sending http www pppmail com flash4cgi htm offers some Variable name used in Flash 647 far an assignment statement like tet var hella with backward compatibility information on this topic E If you use amp in the text the Flash player interprets it as the start of a new variable Replace the amp in the text with 26 Unicode mapping For more details see http www adobe com cfusion knowledgebase index cfm id tn 14143 Chapter 10 Text 145 KoolMoves User Manual Chapter 10 Text 146 KoolMoves User Manual Chapter 11 Movie Clips A Movie Clip is a movie within the main movie with its own canvas and timeline Movie clips and the main movie have many commands and features in common For example a movie clip can be previewed with the internal player the same way a movie is previewed In object oriented programming movie clips are used to organize visual elements and sounds while the main movie is used to organize movie clips among other objects A clip within another clip is called a nested or child clip a clip that contains another clip 1s the host or parent clip The display properties of movie clips can be dynamically
32. a cursor that indicates when you are allowed to add a curve It looks like this when you are not on a straight boundary line OD NP 9 4 z o A S Anm And it looks like this when you are on a straight boundary line Ta mu o T Chapter 6 Drawing Tools and Reshaping 112 KoolMoves User Manual Click the mouse and a curve is added L G S G Without releasing the mouse you can drag the curve point to a Pii new position 7 Bl d To scale rotate flip horizontally or vertically slant squish or create perspective on one or more selected shapes or one or more selected points use one of the transform tools L Q Most of the tools present a set of handles that you can drag in S different directions to achieve the effect you want Shown on o the right the mouse is dragging the handle associated with Ta u scaling the same amount in the x and y direction EL 4 iW UR The rotation tool lets you define the center of the rotation indicated by the small square plus cross mark You drag this Fa 7 square to set the center of rotation BA a z Another tool slants the selection LE M T 7a uo Chapter 6 Drawing Tools and Reshaping 113 KoolMoves User Manual Not shown are the flip squish and perspective tools All the tools transform text except slant and perspective Squash is the effect used in animation to show the effect of gravity on an object Stretch is t
33. and saves the images to sequentially named files The screen captures are saved in bmp jpg or png format Capture from web browser This option allows you to capture what will actually be displayed by your browser Screen Capture Methods f Capture from web browser frame intervals not precis Capture from internal player motion scripts ignored Eed Capture Options E X Select the frequency of screen capture and the number of screen captures The 2 duration of the movie is indicated but Tim iming may be quite wrong The duration is l e from Pii number of main Duration of movie sec 75 25 movie frames and the frame rate but this Seconds between capture 1 v Cancel does not take into account the time it takes for embedded swfs and movie Number of captures P3 clips to play Therefore it may be necessary to manually increase the number of screen captures in order to capture the entire movie Note Bitmap captures tend to be large See context help Chapter 4 File Operations 55 KoolMoves User Manual Select a target folder and file name for the first capture Subsequent captures will be IB 2 screen populated L png named sequentially based on E 7 screen enlarged png pres w music daba f 7 screen populated png UDIN 7 screen papulaked 1 png E Add to PAB confirmatn png 13F png Cancel Ji Saving screen captures while Me calculating tweens
34. are two methods Method 1 use SWF2Video http www flashants com or SWF2AVI freeware http www pizzinini net category 8 amp item 37 SWF2AVI converts any SWF into an AVI file The AVI can then be exported as an Image Sequence from many Video Editing tools such as QuickTime QuickTime is able to convert SWFs directly to image sequences Method 2 export as an image sequence and then make the AVI with your favorite AVI creation software there are plenty of free ones or convert to AVI using MS Movie Maker which comes with Windows XP To convert AVI to SWF use CamStudio http www rendersoftware com products camstudio Flash Toolset This 1s an inexpensive product www flashtoolset com FTS features html which has many useful features e Automailer e CD burner e AS Editor e File operations e Create Standalone Projector e and more Vector Graphics Applications The following applications are recommended for saving drawings in a vector format that can be imported into KoolMoves Sun Open Office http www openoffice org PhotoLine 32 http www ciebv com Adobe Illustrator Adobe Photoshop and Adobe Streamline Shapes made with Metafile Companion almost always import faithfully into KoolMoves Appendix D Useful 3rd Party Software 227 Exe Projector Creation You can use a freeware tool obtainable at buraks com swifty to create a exe file SWF Studio at www northcode com is another useful product www flashkeeper c
35. buttons Movie Clip Documentation A very simple text editing Documentation E X function allows you to add Sites LCR documentation comments to your Program Name Facial Animation movie clip enhancing its Project Mame MC Eyeball movement portability and maintenance Use Ctrl M to insert line feeds Global variable Definitions Local Variable Defintions x ref to other Mics Morphing Hints Activate this parameter if the movie clip 1s going to be moving in a fashion other than pure rotation Morphing Hints EU xj icon i not pure clan Cancel Bitmap Caching A major performance limiting factor has been Flash s requirement to update vector graphic images with each screen refresh even if nothing has changed In movies with many objects on the screen this brought down the practical frames per second performance capabilities Bitmap caching is intended to reduce the load on the renderer by storing copies of selected movie clips in the Flash Player Bitmap caching has been implemented as a movie clip property This property can be accessed through the Properties Data View Bitmap caching 1s also accessible in ActionScript through the mc cacheAsBitmap property true caching turned on false caching turned off You can also directly access this property to determine a movie clip s bitmap caching status Bitmap caching also works with nested movie clips The Flash Player will convert the visual cont
36. color coded corners to indicate the type of object being displayed blue for buttons green for movie clips and pink for imported swfs and flvs Green dashes indicate effects have been applied to the object Chapter 1 KoolMoves User Interface 13 KoolMoves User Manual Menu Toolbar Located below the menu bar is a collection of icons allowing quick access to frequently used menu commands These features are covered in detail in Part II of the manual Menu Toolbar 3 j p y W D i 1 kg 1 r 3 i i 4 a F 4 d j s E zzii 1 Chapter 1 KoolMoves User Interface 14 KoolMoves User Manual Navigation and Status Bars Navigation Bar Located near the bottom of the screen these tools allow you to navigate create and delete Key Frames and Scenes You can also use the PageUp and PageDown keys to move to previous and next Frames respectively Frames and Scenes are discussed further below Status Bar This context sensitive display has information on the current tool s position and a selected shape s physical dimensions and location on the Stage The location and dimension units are pixels pts Key frame 1 0 0 sec ia 4 J b an lotweens Mouse 365 111 Selection 151 0 117 0 x 261 0 227 0 W 1100 H 110 0 Navigation and Status bars Flash uses a Cartesian coordinate system The origin point 0 0 on the stage is located at the upper left hand corner Within
37. except for the shading color in the corners Shape Movie Clip Button Chapter 11 Movie Clips 147 KoolMoves User Manual Movie Clip Timeline Click on the Frames button at the top of the properties Movie Clip mc1 3 dialog to reveal the visual elements and frame actions of the l Mad Symbol Frames movie clip Within its own timeline the movie clip has an 28 Frames environment analogous to that of the main movie and has Al Look Effects Behavior over 90 of the same capabilities FE KoolMoves Untitled BE B x File Edt Wiews Shapes Points Effects Transforme Frames Movie Play Options Help F Main movie fi Sy GJ d jo x zl e P Movie Clip mci Key frame 1 0 0 SEC IR 10 qn 12 tweens 9 Stene 1 p Mouse 435 921 Within a button state or movie clip use Options gt View Parent Movie to see a semi transparent overlay of the parent object s root in the example above contents To return to the root level of the movie click on the Main movie button Movie Clip Properties Data View In Chapter 5 Section 1 we covered the Properties Data View and the properties of a shape Not surprisingly movie clips have a slightly different set of properties from simple shapes but the GUI has them organized in much the same way We will be looking at the Look Effects and Behavior Tabs for a movie clip Movie Clip Look This tab is empty the a
38. momo P 61 DD SE d m 63 lucc ei Doa di Sibi U 64 By sore PUMA Data Vi CSDIBSE S nement 83 eig MiIONIS CIV EPIC CAN Sinner 95 4 Actions and Sounds Data View COATED humanit 95 Aahccgof lru 2 e 96 DLEO Frome CUIR e 97 CRETE VOWS 7 2 7 77 77 725 7 27 aiaia 97 Part III Tools Toolbar Toolbox amp Menu Commandis ecce eee e eee eee e eee eonun 99 Chapter 6 Drawing Editing Shiapes uiiuieeesesaneutkben2e Ya bed FER F E FERE VAR PRaR FRE FR e PEE EER dM YR PV RPM ERE pU MER KdRR RS 101 pois AOR 0 ilr 101 nine Mine COM mimi V Oee A 102 Pont D OM nn ina u L 104 Bit Dien OMAN usa donna 106 VUSCCIANECOUS uui UO OUO 106 Draw me Toob 108 DANS LAU noinine 110 COE LE saena aaaea aaa aR 110 DI 114 Question to Flashpulse Comics flashkit thread 663649 eee e eee eee eee eere eee ee ee eee esee eese e eaae eee 1
39. movie action should not be placed on the first frame In fact there is error checking to prevent this A stop action on the first frame 1s often ignored by the Flash player With Flash 6 dynamic text has both an instance and a variable name in the Flash authoring tool Object attributes like text and x are associated with the instance name which in KoolMoves is the name of the object e g txtl The variable name is used for backward compatibility for assignment statements such as hello The KoolMoves interface supports an instance name and a variable name The variable name can be set in the object Properties window By default it is the instance name plus var For example if the name of a dynamic text object is txt1 when exported as Flash 6 7 8 the variable name is txtl var and the instance name is txt1 For a Flash 4 and 5 exported dynamic text object named txt1 the variable name is still txt1 These statements are valid for Flash 6 7 8 export txtl var hello txtl text hello txt x 200 These statements are valid for Flash 4 5 export txtl hello txtl x 200 Appendix C Programming Coding Advice et al 221 Accessing Databases To access a database using ASP see www haneng com lessons 21 asp To access a database using PHP see www phpbuilder com columns siddarth20000228 php3 and www databasejournal com features msaccess article php 1405201 Another reference 1s www imysql com products mysql index h
40. number of points between the two shapes Shapes gt Advanced gt Morph Source The morph source function gives you the capability of morphing two shapes that are not currently morphing This is particularly useful if you insert a movie into your current movie and you want to cause morphing between shapes in the current movie and those in the inserted movie A shape can have only one morph source Make sure draw shapes as symbols is turned off in File gt Preferences gt Drawing or change the symbol to a shape in the Properties window The morph source dialog asks you to select a shape from the previous key frame to assign as the morph source to a selected shape in the current key frame The key to good morphing is to have the same number and type of points in the source and target shapes For example when morphing between a circle and a square add Ta additional points to the square with the Add Point and Line to Curve tools Chapter 6 Reshaping Every other point should be a spline 1e curve point when morphing to a circle Non Linear Morphing Standard morphing entails linear interpolation between two adjacent key frames This 1s sufficient for most situations but fails to produce good results when there is rotational motion Non linear morphing involves a cubic fit between 4 key frames this produces superior movement but does result in a larger swf file size If the non linear option 1s selected and there are less tha
41. of the stage and canvas Reposition Movie Frame Reposition Movie Frame Zoom Dragged Hectangle ir Click and drag cursor on canvas to permanently Zoom In on Click F reposition it As opposed to the Pan command Zoom Out on Click F3 screen refreshes will not change the location of the stage after a Reposition Mo oom F4 sje Ts Lu x Pan Canvas To preserve valuable drawing area KoolMoves Grid does not have scrollbars To navigate over the drawing area particularly in the case of zooming click on the Pan button mouse pointer will change to a Show All Masking Chrle M hand Depress and drag the left mouse button to move the entire canvas View Associated Joints Antiallased Rendering Wire Frame Rendering Zoom Commands On the Menubar you can also click the Zoom icon EE LI to open the Zoom menu or click on the Magnification list box Chapter 6 to change magnification Onion Skinning Zoom Dragged Rectangle centers screen on selected area and zooms in on that area Zoom In on Click centers screen on click point and increases magnification by one Zoom Out on Click Zoom Out on Click centers screen on click point and No Zoom decreases magnification by one No Zoom equivalent to setting magnification to 1 Stage position is reset to last position set by Reposition Movie Frame command oom Dragged Rectangle oom In an Click Grid For alignment assistance you can turn on a gr
42. of the switch true or false setSwitch status status true switched on or false switched off setLabel text textFormat text Label text textFormat textFormat object specifying font properties and alignment example myTF new TextFormat myTF font Arial myTF size 12 myTF align left myvowrtoh setLaberl Caption myTE Chapter 14 Interface Components 195 KoolMoves User Manual Properties embedFonts Analogous to textfield embedFonts Events onSwitch Event called when switch 1s switched Chapter 14 Interface Components 196 KoolMoves User Manual Non Interface Components Not all of the components are interface components The following classes add additional capabilities to KoolMoves without a visible presence in the movie KStyleFormat The KStyleFormat class 1s analogous to the TextFormat and Color classes and is used to create object instances that can store a Flash 6 component s visual formatting 1 e first you create a KStyleFormat object then you set the style of the various properties then use the object to apply your style to a Flash 6 interface component KStyleFormat has four predefined formatting schemes aqua desert invgreen and nature Style objects allow you to quickly apply a consistent color scheme to related components You can create the components in the authoring environment Flash 6 Components Predefined Styles invgreen
43. on a field within the Properties data view to highlight that II List Box listbox Fa field A description of that field will appear at the bottom of the Z E Properties data view If the field is not grayed out a drop down menu arrow or an ellipsis should also appear next to the Lock Effects Behavior 4 property s current value Clicking on an ellipsis will open a dialog window Position size 259 0 MS All visual elements on the Stage have a Position size field Clicking on the ellipsis will open the Numeric Transform dialog covered in Chapter 12 Transfoms amp Effects The Properties Data View is resizeable a scrollbar 1s displayed if all the fields are not visible and left and right navigation buttons are displayed all the property type tabs are not visible Click on a tab other than AII to 1solate related properties The Properties Data View fields for a typical shape are covered below fields specific to Button Text Movie Clip and Component objects are covered in their respective chapters Look Appearances You can control the appearance of a shape with points through its 1 Fill 2 Line Width 2 al 3 Line color 4 Last border segment Al Look Effects Behavior All conveniently located in the Shape Properties Window hy Chapter 5 Data Views 65 KoolMoves User Manual All Look Behavior A shape can be filled with a
44. or folder With the loop parameter you can have the movie play once or play continuously by setting it to false or true The bgcolor parameter can be set to whatever hexadecimal ZFFFFFF format color you need for your web design Appendix C Programming Coding Advice et al 223 The width and height are not parameters in the same sense as the others but you can change these as well Since the SWF file is scalable you can make necessary changes and the movie will smoothly resize to the new dimensions Either fixed pixel based or flexible percentage based dimensioning can be used Fixed dimensioning for example width 300 and height 200 sets the size to the exact pixel dimensions just like you normally would with an image However percentage based dimensioning for example width 50 and height 50 makes the SWF automatically resize proportionately to any browser window size without any deformations Backend Code Sources and Samples Check out these web sites for information on back ends http www bignosebird com Iscgi shtml http worldwidemart com scripts http www cgi resources com http cgi resourceindex com Programs and Scripts The front end is easy All you need to do is set your URL with the Get or Post values to the proper URL and that s it For CGI the URL will more than likely end in CGI When you use get or post it sends all the variables that have been set ASP code for load variables
45. removed at anytime without notice It saves all of your variables to a txt file in the root directory e Save File Name Saves to file name Many projector enhancement programs like Flash Tools SWF Studio Swish Canvas Jugglor Flashants FMProjector have custom FS Commands built into them Be sure to read the documentation carefully before implementing one of these specialized FS Commands Outside of browser non support for FS Commands there 1s one good reason to use them to communicate with your HTML This one good reason is that FS Commands do not cause your web browser to click when the command is issued like JavaScript commands do In order to use FS Commands you must have this on your page lt script JavaScript gt function navmovie DoFSCommand command args if command init var buttons parent InternetExplorer window navmovie window document navmovie if buttons null 1 buttons GotoFrame parent targetFrame This function ensures that the navigation bar movie 1s set to the proper keyframe when it initially loads The argument init is the name you use as the command parameter for the action attached to the first keyframe in the navigation bar movie Hook for Internet Explorer if navigator appName amp amp navigator appName indexOf Microsoft 1 amp amp navigator userAgent indexOf Windows 1 amp amp navigator userAgent indexOf Windows 3 1 1 1
46. right clicking and selecting Properties Scale rotate flip and squish transformations will affect text You cannot manipulate the points associated with a text object If you desire to do that convert the text to shapes with points in the Transforms menu Static text can not change during movie execution Certain format aspects can only be set through the Text and Font dialog while others are handled through the Properties data view Text and Font X E Tahoma fis ps B J Script Westem Letter spacing jo L2 Mary had a little lamb Cancel Chapter 10 Text 139 KoolMoves User Manual Text and Font Window Properties Font Only a TrueType non symbol font can be selected for text Size Enter an integer value size unit Choose between Pixel or Point sizes Font Formatting Turn Bold or Italics on or off for entire text box contents Script This parameter can affect how the font prints out Text Letter Spacing Powerful yet simple way to add elegance to text Properties Data View Look Type Text Mary had al Opens the Text and Font dialog window Color Set the font color Alignment Multi line text can be left right center or full justified In the case of full justification the last line of text is left aligned Line Spacing Spacing between multiline text expressed as a percentage of the Set the line spacing as a percentage of the natural spacing natural spaci
47. see is a blue dashed box surrounding the shape The motion script action is visible 7 7 in the motion script preview window in a web browser or in a stand alone Flash player Motion Script Effects Ma effect Pause before effect starts frames Alpha Bars Alpha Letters Blinds Block Mask Blur Blur 2 Blur and Fade Bounce Cartwheel Llackwise Sweep Cross Cursor Write On Decode Displacement Drop in Elastic Explode Explosion Fall Forward Falling leaves Flames v Preview all Pause hehueen characters frames Fi x Replay Chapter 5 Data Views 72 KoolMoves User Manual Because of the nature of these ActionScript based effects frame by frame changes in color shape and position are ignored by the effect The position color and transparency from the first frame the shape appears in 1s used by the effect The length of the effect is determined by the effect itself not by the number of frames the shape appears in Also motion scripts disable drop shadow effect applied to static text If the text 1s a single letter or if the effect 1s applied to a non text object effect parameters such a left to right or right to left do not apply You can achieve some level of frame by frame changes by embedding the object with the motion script inside a movie clip and then manipulating the movie clip in position size or rotational angle For those advanced users
48. shape If the image is smaller than the shape in any dimension the image will tile to fill the shape Only a shape with points can be filled with a image The transparency of the image can be adjusted with a slider test You can preview the fill by pressing Preview On pressing OK the fill either color gradient or image will be applied to all currently selected shapes and if the fill 1s color to all selected text Color Models RGB vs HSB There are many color models in use today all of them based either on how color is perceived or how colors will be generated for a specific medium or purpose Three of the most popular color models in use on computer applications are RGB Red Green Blue HSB Hue Saturation Brightness and CMYK Cyan Magenta Yellow Black The CMYK model is used specifically for four color printing applications and thus does not apply to Flash applications Chapter 5 Data Views 69 KoolMoves User Manual Color monitors combine red green and blue the primary colors pixels to generate the visible spectrum from black to white this is why RGB is called an additive model Each primary color can have a value ranging from 0 to 255 00 to FF in hexadecimal notation each color is two digits in the final hex color value OXRRGGBB 0x000000 is black while OXFFFFFF is white pure hues of red green and blue are OXFF0000 OxOOFFOO and 0x0000FF respectively There are 16 777 216 colors possible F When color mo
49. to Front Ctrl Shift Up Send to Back Ctrl Shift Down Bring Forward Selection Alt Up Send Backward Selection Alt Down Points Group Ctrl G Add to Group Ctrl Alt G Ungroup Ctrl Shift G Select All Ctrl A Unselect All Ctrl Shift A Advanced Morph Source Select Move This Frame All Frames This Frame to First Frame This Frame to Last Frame Hide Selection Add Delete Del Append to Line Get Position Set Position Selection Area Color Selected Points Color Unselected Points Effects Motion Script Fade Size Spin Rotate Filters Blend Mode Drop Shadow Transforms Break Apart Text Break into Text Characters Convert to a Shape with Points Rotate Shift Gradient Fill Scale Gradient Fill Rotate Image Fill Shift Image Fill Scale Image Fill Numeric Ctrl Alt N Center Ctrl Alt C Perspective Ctrl Alt P Rotate Ctrl Alt R Scale Ctrl Alt S Slant Ctrl Alt T Squish Ctrl Alt Q Flip Horizontally Ctrl Alt H Flip Vertically Ctrl Alt V Rotate Left 90 Rotate Right 90 Scale Translate Movie Scale Translate Selected Shapes Frames Increase Movie Length Appendix B KoolMoves Reference Tables 214 KoolMoves User Manual Add Blank Frames Duplicate Last Frame Add Copy of Frame Add Copy of Fame to End Add Blank Frame Add Blank Frame to End Delete Frame Next Frame Previous Frame Default Tweens Edit Actions Sounds Edit Movie Clip Frames Movie Movie Width Heigh
50. to Line Allows you to add new line segments to the end of the selected line Get Position Returns the position of the selected point 7 Get Point Position 5 Ul hisels Y 63 pisels Set Position Allows you to change the position of the selected point Set Point Position Uk a Cancel Selection Area You have three choices in setting the size of the point location indicators e Small T z e Medium e Big Color Selected Points There are three choices in setting the color of the selected point location indicators e Default r e Light e Dark Default Small Medium Big Dark Color Unselected Points Use the color option window to change the unselected points color e Default e Custom 1333333 J Chapter 6 Drawing Tools and Reshaping 105 KoolMoves User Manual Edit Menu Commands Undo Redo Buttons History The Undo and Redo buttons in the Menubar will undo or redo one action ata time To viewalist 9 Cire of actions click on Undo History or Redo Redo Ctri History under the Edit menu to display a list of prior subsequent Undo History actions You can revert to any previous state or move back to a Redo History later state by selecting from the appropriate list Cut Shapes Ctrl X Selected objects are deleted from the stage and stored in the clipboard Copy Shapes Ctrl C Selected objects are stored in the clipboard Del
51. to create the over state from another state we have I created or if we want to draw it ourselves We select to l copy it from the up state If we had selected the last option to draw it ourselves we would be free to draw any text or non text shape If we position the over state with an offset relative to the up state when the mouse goes over the button while the movie is playing the button will shift in Copy up state C Copy down state Copy over state C will draw it position reflecting that offset To make the button s over state different than the up state we change the gradient colors 0 of the button s over state After selecting the oval shape in the Over State open the Properties Data View and launch the Color Fill dialog We press the Main movie button at the top of the properties popup to exit the over state and we are ready to test the roll over effect just created If we want an action to occur when the button is pressed we would select Get URL Go To Frame or whatever the action 1s We can have as many actions occur responding to mouse events as we like But to achieve a simple roll over effect which is our current task we only need to select Mouse Event Chapter 7 Buttons 126 KoolMoves User Manual down state defined we could Daras M ire check Release and or Press as well c We check Roll Over If WE had a Calar Fill gradient On Mouse Events x oo ae
52. to indicate that these points are potentially shared with other shapes The symbol instance 1s edited like any other shape If the change affects other instances you will be warned Masking and Masking Depth Masking 1s a very powerful technique The following illustrates a simple animation example of letters being revealed from left to right using a gradient and a text mask KOOLIVIOVES We start with a circular shape no border that 1s filled with a gradient On top of that we place a text shape The text is the mask Think of it as a cookie cutter The mask cuts out what is underneath to the extent of its masking depth which in this case 1s 1 The fill or color of the mask is immaterial The mask itself is invisible when the movie plays In the editing environment the mask is by default visible A shape is made into a mask in the property dialog The depth of the masking effect 1s also assigned in the property dialog Anything except buttons can be made into a mask ono KOOLIYIOVES Chapter 5 Data Views 79 KoolMoves User Manual In the first frame the gradient filled shape is positioned to the left of the text The frame is copied and the gradient filled shape is positioned to the right of the text During animation the gradient will sweep across the text revealing the letters KOOLIVIOVES This is how it looks when the gradient filled shape is underneath the center of the text in this case the movi
53. type If you wish to use decimal values you have to divide the result getValue Returns the current value of the slider Events onMove Event called when slider 1s moved Orientation of object horizontal or vertical Chapter 14 Interface Components 190 KoolMoves User Manual SlideShow Flash 8 The Slide Show component allows you to A p create a professional looking slideshow within your movie Use the properties interface to organize the desired image files into a list apply transition effects to the individual slides and set the appearance parameters for the slideshow interface Il Content Pane slideshow 1 E The minimum size of the component is 125 x 75 width by height pixels with the navigation bar 75 x 75 pixels without it When turned on the navigation bar will consume 19 pixels of the component s vertical display area and the borders will consume an additional two pixels on all four sides of the display area The size of the scrollbar is 1 n of the scrollbar track where n is the number of slides The control buttons are from left to right Move to First Slide Move to Previous Slide Pause Move to Next Slide and Move to Last Slide Clicking on any of the Move buttons will cause the slideshow to automatically pause at that slide click on the Pause button to resume autoplay mode For a list of available transitions and export setting R
54. values blank parent selfand top blank Opens the document in a new anonymous browser window parent Replaces the frameset that contains the current movie Self Loads the results of a script execution into the current browser frame or window top Replaces all framesets in a web page with the specified document Button Actions and Sounds E X On pressing OK the action is added to the list of actions associated with this button Any action can be edited or m t 4 viewed in more detail by double clicking on it or by selecting eel cage iih ORBI SE it and then selecting the properties button second from the left at the top of the popup Actions Over Sound Down Sound If we want a roll over effect when the mouse passes over the square in addition to going to the URL on mouse release we add a second action Mouse Effect to our list of actions and select Roll Over as a triggering mouse event Mouse Effect action 1s unique in that is only controls the appearance of the button with no resulting action taken Mouse Effect Only E X On Mouse Events Press W Rollover Release Roll out Release outside Drag over Drag out Cancel On pressing OK we see both actions associated with this button On release roll over Address Formats in Actions When testing a movie using Play in Browser any HTML and SWF files referenced by Get URL or Load Movie actions
55. vertical scrollbar in the dynamic text box and open its parameters interface respectively Slider If scroll bar is set a vertical scroll bar is added on the right inside Width of the text field The details of the look of that scroll bar 1s set in Border scroll bar properties The first group box defines the properties of RN the slider and the second group box defines the properties of the track Filled Fill color This 1s a scroll bar with customized settings The border to the text field has been turned off and the borders to the slider and track piss have been set to 2 A no border text field 1s displayed with a faint border in the editing environment Border color Filled Fill color Has html If Has Html is set the text can contain a subset of HTML formatting tags lt B gt I lt U gt lt LI gt lt FONT gt lt P gt lt BR gt lt A gt lt IMG gt lt SPAN gt TAB and lt TEXTFORMAT gt Chapter 10 Text 144 KoolMoves User Manual Effects Tab Only one effect for dynamic text at this time Filter Effects The filter Effect is described in Chapter 11 Movie Clips Dynamic Text EKEl ES xj 2 j Al Look Effects Behavior Flash 8 filters drop shadow bevel glow adjust color etc that can be changed per frame E Behavior Tab Only one behavior for dynamic text at this time Variable name The Variable Name is editable and allows for easy dynamic Dynamic
56. what you are changing in the current frame applies to most of the functions in KoolMoves transformations shape fills translation etc There is an analogous command under the Points menu KoolMoves a X _ 2 Gre vou sure vou want to change other Frames Sometimes you want to exclude some points from possible selection An easy way to do this is to select the shape associated with the points you want to select and then select the point selection tool Only the points associated with the previously selected shape will be visible To hide shapes or points you can use Shapes gt Hide Selection or Points gt Hide Selection respectively Selecting Shapes gt Show Shapes or Points gt Show Shapes brings the shapes or points back Shapes gt Invert or Points gt Invert inverts the current shape or point selection Invert Selection Shapes gt Invert Selection Ctrl l Inverts the objects selected on the stage Hide Selection A toggle command that hides shows the selected objects No history 1s stored so it only toggles once There is an analogous command under the Points menu Last Selection Selects the most recent previous selection No history is stored so it only goes back one step Chapter 6 Drawing Tools and Reshaping 102 KoolMoves User Manual Align The align commands are used to arrange selected shapes on a common base line The Left Right Top and Bottom baselines are based on the extre
57. which affect Flash animation A reference for this is http www adobe com cfusion knowledgebase index cfm id tn 19542 A more general reference is microsoft com technet prodtechnol winxppro maintain sp2brows mspx Library Preferences Here you can change the default file directories for each of the designated libraries x View Drawing Selection Toolbars Play Libraries Audio Editors Image E gt Text effects folder Y Program Files KoolMoves T est Effects Web interfaces folder D Program Files KoolMoves iweb Interfaces Clip art folder D Program Files KoolMoves Clip Art Animated clip art folder D Program Files KoolMoves inimated Clip Ai Button folder D Program Files KeolMoves Buttons Qo y Qo qi LIE Cancel Chapter 2 Frames and Scenes 2 KoolMoves User Manual Audio Editors Preferences Preferences ES xj You can assign up to 6 audio editors that view Drawing Selection Toolbars Play Libraries Audio Editors Image Can assist you in viewing and editing sound for frames and buttons Y ou do this by pressing the Add button A popup will be displayed Press the browse button identified by 3 dots and select the exe Adi Ed Deere corresponding to an audio editor In the course of adding sounds to frames and buttons you can press the Edit Sound button and a menu will appear with the sound editors you assigned Selection of a sound ed
58. 0 quality setting you should be using gifs rather than jpegs SWF Too Big The Flash player is not built for playing large files Playing large swf movies can easily freeze a computer So many different parameters can affect performance that Adobe and earlier Macromedia does not have a recommended swf size for Windows systems though they posit that there 1s an optimal value for each system for the Flash 4 stand alone player in Mac systems Macromedia recommended that swfs not exceed 4 MB This and other factors affecting performance are explained in http www adobe com cfusion knowledgebase index cfm id tn 14437 The Flash player does have some concrete limitations that can not be exceeded 16 000 frames 16 000 loaded movies 16 000 layers and 16 000 symbol instances Combining multiple limits in a single Flash file would create greater risk 1 e the Flash Player is optimized for normal circumstances and testing the limits can cause memory and other operating system issues Your best options are to either reduce the size of the movie in particular MP3 files using products such a GoldWave or to daisy chain swf movies together using the Load Movie action With KoolMoves 5 0 and later you will be warned when your swf file equals or exceeds 5MB Earlier versions of KoolMoves have the warning set at 3MB Appendix A Known Issues and Error Messages 211 KoolMoves User Manual Animation Not Displaying or Warning Messa
59. 16 TWEE Des ue C 16 17 95 215 236 U LAS nn na er 104 214 216 W Wep Intebtde8 sun Deseret 129 213 229 Wizards vii 12 20 35 38 39 40 43 55 213 COD Te UFADOE oio testes tib ten s op eme aea 13 35 Simple Task Assistant 35 36 215 CS SAONE t c CN 44 Z Zo OO RE doce Doi DU 29 71 75 215 216 233 234 240
60. 18 Sor D O MRTTT 119 A uidi ien 121 basi nlsi Y V 122 111 KoolMoves User Manual Loir S TOO IITA ones 129 bhuisgbgy to 129 Tes ME gri es 129 BIET 131 PUT SFU y m 132 RE 133 Chapter 9 Impor ne Dn ES us ois dp MD HERB WADE ERE MER MEME HE OPEM EUM PED ME HE DREAM iE 135 Static Images BMPs GIFs JPGs PCXs PNGs and TIFS ecce eee e e eee eere eere eene e neenon eee eee eene 135 bin xt e 135 SWF gri du e 136 PTE Vienna idem 136 9 rupit tos CY OE rui i T Y 137 er ee eee 139 cid o O 139 DV AGS TOM OQ MM 142 orn ZR REMIT el m 147 oc rdi en c 147 hif E nMaLIJI I c 148 Movie Lip Properties DAG Vannes 14
61. 1s lost or there are wild shapes increase the number of points on importing 1 e decrease the amount of point reduction Not all clip art objects are imported For example text objects are not imported at this time Chapter 9 Importing Images 135 KoolMoves User Manual You can get free vector clip art from www openclipart org www arttoday com and www clipartdownload com You can purchase single clip art images from www eyewire com clip art Corel publishes several large clip art collections Or you can draw with a number of vector graphics applications and export in a format compatible with KoolMoves To edit clip art in order to impart motion for example lasso the part of the clip art to be edited with the point selection tool The selected points can be translated using the arrow keys or dragged using the mouse rotated slanted squished scaled or put into perspective See Reshaping in Chapter 6 Typically you reshape or recolor the clip art in the current frame add another frame make changes in that frame add another frame and so on to create a movie KoolMoves morphs the shapes between frames to create smooth animation The speed of the motion 1s set by the overall speed of the movie and the number of tweens between frames SWF Flash Movie EL A FlashTM movie swf can be imported as an object To Import a SWF Object either select 7 File gt Import Flash Movie as Object or use the import button located with the drawi
62. 57 158 159 214 216 DOCS nr da du ie s fot de pated 15 19 26 97 SOES C OnTDOHefils HR oe E occ atest 11 13 Select 15 36 40 41 44 55 56 60 68 69 88 102 104 106 107 110 129 132 156 205 206 213 214 216 222 236 wisis eiu da o sens nu 33 40 101 102 124 151 Selection 25 28 81 83 102 103 104 105 173 213 214 237 Shapes 12 13 40 63 65 67 69 78 82 99 101 102 104 106 108 109 110 111 116 121 141 147 156 159 203 205 206 213 214 227 233 237 SHOT un cl E M C DM dures 216 Soundis 17 26 33 83 87 88 89 91 95 123 124 128 163 165 167 207 213 215 216 235 236 238 Symbol 78 79 85 121 147 161 165 171 174 179 203 205 206 207 213 Symbol Library 85 165 171 174 203 205 206 207 213 Index T Tell Ie oss ds ne NS LR Ne de eee eee 128 136 jt Dynamic 12 32 91 139 142 143 145 214 226 Eai A ns 35 48 129 141 142 213 229 Fonts 25 29 48 67 129 139 140 142 143 175 180 182 189 193 195 199 Letter SDactHg cc uie m D p a d ead 140 SLICE M eL 40 139 141 142 Textblelds se ns nn ortae 139 143 226 POO AS oir A te IWS NOR TRO TEN viii 14 39 51 53 63 Tools viii 12 20 32 63 67 71 78 99 101 122 129 139 206 FAON a uec testet Om tre a el 9 35 215 NAIL OTe S EE bete Le E MN ns I nterac Vea csse ont dum i de nas 35 36 215 B EIS REM 37 SR STOP en
63. 6 components and Times Mew Roman will display characters corectly in the Flash Cancel player Bevel Settings Beveling is only available with Flash 8 components E BEMMTE The default values are an angle of 45 degrees and a width of 2 pixels The range of valid values for angle and width are 0 to 60 degrees in increments of Bevel thickness Cancel 15 degrees and 0 to 5 pixels respectively These settings can be changed with ActionScript Bevel angle Angle Degrees 30 45 60 0 Label Label Label 2 Label Label Label 5 Label Label Label Width Pixels Chapter 14 Interface Components 176 KoolMoves User Manual Gradient Liquid and Shaded GLS Styles The Gradient Liquid and Shaded Styles are only available with the Flash 6 components e Gradient style Yes the affected interface element is lightest at the top left corner and darkest at the bottom right corner e Shaded style Yes the component s border is replaced with a beveled edge Liquid Style Yes a borderless radial gradient 1s applied to the interface element tends to overwhelm the Gradient and Shaded styles when applied to the same element Gradient Yes Gradient Mo Yes X Label X Label D Le fo E Lu Mo Label Label Gradient Yes Gradient No Shaded Yes Shaded No Shaded Yes Shaded No a Ca Gradient Yes Shaded Yes Shaded No ia A ian Yes Label Label i j i ia y
64. 638 raodo 0x6381dc00 0sOOTSfRto00 0x0013f9g00 Osce D LSfoo0 OxcOl3fe00 OxccO L3rfoaoc OxcOl3fecO 0x0400000f 0x0000000e 0x0400000e 0x0000000f Oxfbfffd40 sxrbtrrdo9 UxrDfrfdbeo Oxfbfffd00 xTDfTfto0 UXEDEEL EDO KoolMoves User Manual curves right curves Up diamond in block style diamond out block style diamonds out diamonds narrow in diamonds narrow out dissolve dissolve dissolve block style little waves pixel fade smoothly fade fade COVeL COWVET clockwise fade fade fade fade fade fade fade fade fade fade fade fade ELLO FOTA TLIG ToLd Dlwp fold FLID Told COver COver CONer COMTE COVE COVET COver COVGI clockwise counter down left left down left up right right down rixght up up little waves pixel uncover clockwise uncover counter clockwise meander meander oval in oval out pinwheel pinwheel clockwise pinwheels pinwheels clockwise push down push left push Ergit push up random bars down petuo righe up block style block style block style clockwise counter clockwise counter random bars horizontal cover down random bars horizontal cover up random bars horizontal random bars random bars cover left Appendix B KoolMoves Reference Tables large vertical vertical Horizontal scpDr
65. 8 Chapter 12 Transorms Ge Eeti erreurs 155 Toolbor TOSO TO 155 Tranmstorms Menu other COMMANDO isnss ssscisis sssnsssssdinnaesiensdiens nernertita d esse is ienr laded s ontsstsaiersoias atss 156 Toolhor EIE 159 LORS COUPON Transi UM aiaa aaiae 159 Part IV Advanced Additional Featurres ccccccccssssssssssscccccssssssssssscccccsssssssssssssccssssseeees 161 Chapiri Achion erini atin 163 Opening the Action Script Editor ASE for the first time sssssssesssssssseeeeesseesessss 163 The Acton 5cript Editor ASE oou osssiekhb iri pi vu br bERDO pU aAa 164 EONS ACUONSCIIN COS 167 Unsimplementer ACDOBOCHDSAI uu dvieieuseksneutenbitki be vb sxD EHE a a IDEE RE aiena adana aiai iana 169 Chapter 14 KoolMoves Oni ponents edi yERI RR SER ERAN EEEUQVANN FERE RA EPEE UE VERE DU HR UA VR PP HU KM PXVANEE 171 Anphcation Programming Interfaces APIS iu uessabesas5n kp FUE Maa kd YER M PV EV EE QR Fa ERI EP REM RI KA HERE AVIPE VR REFER MM FR Rape 171 Iuferiice Components m The ToalbOX oie civ pu AMFdE FO Lebkwbb bid EIE UEM PURO am 172 Iuterince Components pot m th Tool BOX ossi sdexi MePds FIA TIGER EE EC ERI EU REPAS UNUM GU E ER AREA ic in cnl ib RR S 195 NOIRE PRES Enti dil uma hrs 197 Using the Symbol Library to add Compone nts ccccsssssssssssssssssessssccssccosscccssccsssscssscc
66. Arrow Background Border Button Scroll Bar Scroll Track Selected Text Selection Bar Text Background and Text Color fields all have the same color picker There are three ways to select a color from the initial Color Option window 1 Enter a value between 0 and 255 for the Red Green and Blue values 2 Enter a value between 000000 and FFFFFF in the Hex Color box or use the Color Picker to select a color from the palette Chapter 14 Interface Components 173 KoolMoves User Manual Color Option N EE EE Red 0 2551 rm a rtonopon LH RGB and HSL Sliders Click on the RGB HSL icon to open the RGB and HSL Sliders RGB Hue Saturation Lightness Slider window a fourth way to select a color The color dialog is applied to control surfaces and does not allow for the use of patterns or images as fills nor does it have a transparency setting These settings can be dynamically changed with ActionScript for Flash 6 components Hue Saturation U Lightness Behavior Actions amp Dynamic Components Most of the interface components have a default event on change on mouse click or on mouse drag that can be used to execute All Look Effects Behavior ActionScript code In the Properties window after selecting the event under Behavior click on the ellipsis to open the ActionScript Editor xj The code embedded in a component is not limited to
67. Clip Art can be viewed as independent animation projects developed with their own movie speed and tween settings Additionally unlike Clip Art which consist of vector graphics stored in a single frame fun file Animated Clip Art are multi frame fun files When animated clip art is imported the host project s speed setting applies so adjustments may be necessary frame duration tweens will be based on the destination projects default setting If the animated clip art requires more frames than are available at its insertion point KoolMoves will add additional frames It is often simplest to import animated clip art into movie clips where they can have their own tween setting separate from the main timeline Select from the names of animated clip art in the left list box and press Add to add to your animation To preview the entire movie check Preview All Otherwise only the animated clip art will be previewed The default directory is KKoolMoves Animated Clip Arts Animated Clip Art Ed Add Cancel stagecurtain on Iw Preview all Position Replay offset 0 Y offset 0 Advanced lt lt Timing start at Key Frame 1 Ed End at Key Frame 7 adder Ed Speed medium ou have a non exclusive royalty free license to include the clip art in your Kaalldaves created animations ou cannot sell or distribute Koalkloves clip art in volumes or as libraries in any File format ar through any media including
68. Copy selected shape to the next frame e Shift selected shape right or left across the timeline zu ah Shift Left E TO Add Blank Frames FABIA Duplicate Last Frame Chapter 5 Data Views 85 KoolMoves User Manual Effects tab The Effects view 1s an efficient method for tracking effects used throughout the movie This view also allows you to add and manipulate effects An effect changes the size position transparency and or rotation of a shape usually over a series of frames Generally multiple effects can be applied For instance a shape can fade in while increasing in size from nothing Note Motion Scripts are the major exception referenced by the usually and Generally above Asa class they work in a single key frame and can not be used in conjunction with effects that require multiple key frames or tweening A de 20 ES changed in the display area by dragging the side of the box identifying the effect The Effects view also has the following command buttons popup menus included where applicable Te Add Effect Opens a menu of effect types that can be applied to Motion Script the selected shape Available Motion Scripts are listed in Appendix E Fade Size the effects interfaces are discussed in the Effects Chapter Spin Rotate Lengthen the Movie This 1s useful when you create Add Blank Frames unique transition effects Duplicate Last Frame Chapter 5 Data Views
69. Ctrl E Sounds and actions Esc Ctrl G Group shapes Fl Ctrl Alt G Add to group F10 Ctrl Shift G Ungroup shapes F2 Ctrl H Hide unhide shapes F3 Ctrl Atl H Flip horizontally F4 Ctrl Shift H Align on horizontal F5 centers F6 Ctrl I Invert selection F7 Ctrl K List key frames F9 Ctrl L Last selection Ctrl Enter Ctrl Shift L Align left Ctrl Alt Enter Ctrl M Show masking player Ctrl N New file Ctrl Space Ctrl Alt N Numeric transform Ctrl Up Ctrl O Open file Alt Up Ctrl Alt P Perspective Ctrl Shift Up Ctrl Alt Q Squish Del Ctrl Alt R Rotate Ctrl X Ctrl Shift R Align right Ctrl Y Ctrl S Save file Ctrl Z Appendix B KoolMoves Reference Tables Scale Slant Align tops Paste shapes Flip vertically Align on vertical Send backward Send backward popup Send to back Add frame to end Stop internal player Help List key frames Zoom in Zoom out No zoom Add point Delete point Move point List shapes Play in internal player Play in stand alone Play in browser Bring forward Bring forward popup Bring to front Delete shapes or points Cut shapes Redo Undo 216 KoolMoves User Manual Slide Show Transition ID Table The table below contains the Transition ID Numbers and their respective Transition Names Please see the Slide Show APT entry in Chapter 14 to see how these transitions are dynamically applied to slides Slideshows using transition names tagged with a trailing asterisk use bitmap images s
70. File gt Export Settings in Chapter 2 and File gt Export Menu in Chapter 4 Once the project has been exported to a movie use your web page editor to position the slideshow on the desired web page However for a detailed step by step guide to exporting your slideshow to a swt file click on the Export wizard button as discussed earlier in the Three Steps Setup Create and Export entry Chapter 3 Help Features amp Tutorials 47 KoolMoves User Manual Text and Image Effects The Text and Image Effects wizards guide the user in adding text and image objects to the movie and applying motion script effects to the objects These effects cannot be combined with regular fade scale spin or rotate effects and a maximum of one effect can be selected Applying motion script to static text will disable a drop shadow effect To remove an effect select No effect 1n the list of effects A motion script effect relies on action scripting to create the effect in the Flash movie The effect 1s not viewable in the KoolMoves editing screen or its internal player but can be viewed in the preview window associated with the motion script or in a web browser In the Text Effects interface 1 select font details 2 enter your text 3 select the name of the effect from the list of effects and 4 click on OK Text Effects Wizard Tahoma Tahoma T 15 ps B Z Script Westem Spacing jo EE Text Here d _ Cancel A
71. Font size freedom is limited because the height of a collapsed combo is always the same If you specify a large value you will see only part of the text Example myTF new TextFormat myTF font Ari1al myTF size 12 items new Array Leemsx push labels ling 1 value 1 items push label line 2 value 2 items push label line 3 value 3 selected true items push label line 4 value 4 items push label line 5 value 5 myCombo setItems items false myTF setSelected index indices Set the selected item to the specified index indices If multiple selection 1s allowed all other selected values are cleared getSelectedItems Returns an array of selected items getValues Function to be used when multiple selection is allowed Returns an array of values of the selected items getValue Function to be used when multiple selection isn t allowed Returns the value of the selected item Properties autoHide Boolean value When set to true a scrollbar is only used 1f necessary This property can only be set when setting up the component or just before setting new items embedFonts Analogous to textfield embedFonts Events onChange value Event occurring when another item 1s selected If multiple selection is allowed nothing 1s passed otherwise the value of the selected item is passed making it unnecessary to use the get Value function Chapter 14 Interface Compon
72. Glow Creates a glowing outline around an object Gradient Bevel Same shape and appearance as Bevel except a gradient 1s used Gradient Glow The glowing outline has a gradient color scheme The brief descriptions above don t do justice to this powerful KoolMoves feature For details on how to use this feature and some sample images please see the KoolMoves Filters User Guide Chapter 11 Movie Clips 149 KoolMoves User Manual Blend Mode Effect qu Blend modes involve combining the colors of one image the base or destination image with the colors of another image the blend or source image to produce the final image on the screen Each pixel value in an image 1s processed with the corresponding pixel value of the other image to produce a pixel value for that same position in the result but actual math 1s performed on the component RGB values Blend modes can only be applied to movie clips or buttons either through ActionScript or through the Blend Mode window accessed via the Effects menu or the Properties Data View Available blend modes include Normal No blending at all actually Layer A composition layer used to contain 1 a masking gradient and 2 an Alpha or Erase layer By itself the layer mode does nothing but used as directed it s gradient provides a feathering mask effect applied to the destination image Add Source and Destination pixel color values are added tends to lighten brighten Subtr
73. KoolMoves version 5 6 User Manual KoolMoves User Manual Lucky Monkey Designs LLC South Carolina USA www koolmoves com The information in this document is subject to change without notice and should not be construed as a commitment by Lucky Monkey Design While every effort has been made to insure the accuracy of the information contained herein Lucky Monkey Design assumes no responsibility for errors or omissions Lucky Monkey Design assumes no liability for damages resulting from use of the information contained in this document Flash is a registered trademark of Adobe Inc in the United States and other Countries The software described in this document is furnished under license and may be used or copied only in accordance with the terms of that license This publication may be reproduced photocopied stored on a retrieval system or transferred without the expressed prior written consent of Lucky Monkey Design PRINTING HISTORY August 2005 Version 0 2 February 2006 Version 0 3 February 2006 Version 0 31 April 2006 Version 0 4 October 2006 Version 0 5 11 KoolMoves User Manual Table of Contents Tic gic ECG 611 eP vii Part l KoolMoves Environm NG oec em ooo ooo aies voee eee 9 Chapter 1 RKoolMoves User ere omamnmdasmauasaaditas 11 eg cdd n o E MH 11 User EPA SPEED minister 12 OUI
74. M E an as requirements see Slideshow Transitions in Appendix B For until the sound is completed a quick demo of the available transitions please see d KoolMoves Bin transition explorer swf For slideshow component project examples MEE see the fun files in KKoolMoves Examples VXComponents Flash 8 Examples SlideShow Slide Show API Flash 8 Functions setSlides slides loopSlide callouts amp clicks textformat defines a slideshow slides is an array each item of which is another array containing information for a slide in the slideshow so slides is in effect a two dimensional array actually three dimensional as there is a sub sub array described below An item s position in the slides array determines that item s respective image s position in the slideshow Each slides array item contains the following Chapter 14 Interface Components 191 KoolMoves User Manual transition 1d transition time image symbol library link name image time scale mode slide background color effects sound link name callouts amp clicks indices callouts transition transition id 32 bit hex integer 0x00000000 value that defines the transition to be used for a slide For a list of available transitions and their respective id number see Slideshow Transitions in Appendix B transition time transition duration in floating point seconds image symbol library link name string value either t
75. Object KScrollPane destroy KScrollPane getEnabled KScrollPane getHeight KScrollPane getStyleProperty styleProperty KScrollPane getWidth KScrollPane loadContent fileName hscroll initial position Vecro li enge Osim KScrollPane setEnabled enabled KScrollPane setSize width height KScrollPane setStyle KStyleFormat KScrollPane setStyleProperty styleProperty value KScrollPane setHeight height KScrollPane setWidth width contentPane API Flash 8 Functions getPage Returns the current page of multi page content setContent type source transition transit Time clipRect initObject use to load content lype oource 0 text String contarning text 1 html text string containing html text 2 external text filename of text file 3 external html text file name of html text file 4 external graphic file name of swf gif png or Jpg 5 Symbol Library me linkage ID of movieclip o symbol ribra ary bitmap linkage ID of bitmap 7 bitmap bitmap Transition defines transition appearance 0 Crossfade Dissolve 2 Left to right 3 Top to bottom transitTime Value between 0 and 5 sets the number of seconds for the transition duration Chapter 14 Interface Components 183 KoolMoves User Manual ClipRect Rectangle of the flash geom Rectangle type representing the area to clip When the content is a movie clip objects sometimes start outside the stage area r
76. OxZ2b805cc0 Ox2b805ec0 0x4301decO0 0x4301ddc0 0 x4A30ldcc0 0x4301dfc0 0x23539010900 0x23801fc0 0x2b804cc0 0x2b804fc0 OKOLISEACL no effect bars horizontal bars vertical blinds large diagonal left down blinds large diagonal left up blinds large diagonal right down blinds large diagonal right up blinds large horizontal blinds large vertical blinds small horizontal blinds small vertical checkerboard in xDDLISTOCO UsxDUDISTOZD UxOUTLSTOZ0 OxOUlSrTCcO 0 OKXOOLSTACO xOO0l13fdco4 0x4113fd40 0x4113fc40 0x00000009 0x00000006 0x0000000b 0x0000000c 0x00000007 0x0000000a 0x0000000d 0x00000008 xSllsre40 0x8113fe80 checkerboard out circle in block style circle out block style circles in circles out Circles rotating in claws closing claws opening cover down cover left cover left down cover left up cover right cover right down cover right up cover up curves down curves left Appendix B KoolMoves Reference Tables 217 OXSTASEESE 0x8113fd40 x4Ll3fd20 x4llSTo2U0 x4ll3sfde0 0x4113fd80 gs 115790 sttbettou OxfbdffccO Uscrpem loo 0x00000010 0x00000014 0x00000015 0x00000019 0x00000016 0x0000001b UD OQOU1 0x00000017 0x0000001a xOOODOOOId 0x00000018 xfbdtffcdO sxtbertrcod 0x04000015 0x04000014 0x4013fd80 0x4013ff40 0x4013fe40 seAD TSt ced 0x
77. PP MeT m 13 Screen om ponent DESTIN sionisme momie 13 Took Wi hp ck mem 20 Chapter 2 Preter nces and Cons i oe ea smmnmaimeminhmnsbmiaiithents 23 Movie DE m H 23 Pale PRE ii ionic 25 duco e 29 yi Edidi pl 32 Chapter 3 Help Features amp Tutorials eee cce e eee e eee eee eee eee esee esso eee eesssssne 35 NO qu O A 35 Wizard interlace Style aka Wizard Mott histoire 39 Heip m Oiber Lono i e TI 49 Part II Menu Toolbar amp Menu Commands eessocossseseeeccocossssseecccossssesecccocssssssseceossssssssee 51 uri 2 Teel AO ne homme moon 53 lj d En dia D ree 53 Bae gt ER iibro 9 53 DEI aru Pii Lo E 53 Ig Dic 53 Pale Ei MO ARRET Ones 54 Pile gt Der Epo oros NIOV sm aminmmimm smmasm n es 60 Morlaneg with Website Eding TOO urnana 6l ID INS Eg p
78. UCL COOILIp mee I 17 s 52 Chapter 14 Interface Components 199 KoolMoves User Manual lcs ROO EEE Megs Checkbox tooltip Check to enlarge tbe tooltip checkbox1 onChange function KToolTip setStyleProperty textSize this getValue ZO AS j KToolTip API Flash 6 KToolTip activate KToolTip setStyle KStyleFormat KToolTip setStyleProperty styleProperty value Usage KToolTip activate InyMOl LOOLELD TOOL Tor movreclrp I InyMCZu TOOLCIP TOOL IP Lor MOVISCIIp 2 Chapter 14 Interface Components 200 KoolMoves User Manual KRecordSet This class 1s used to create an object to make a sql query and hold the results After a query is passed to a bridge file covered below the result 1s stored as an xml file When the query successfully completes the onQueried event function 1s executed and returns the information as an array of records In this example it fills a listbox with information retrieved from the database myData new KRecordSet myData setDataBridge xmlquery php myData query select from koolmoves order by name myData onQueried function f for var 1 0 1 lt this records length 1 ristooxladdiIitem this records i l name Chie records 953 j By default the bridge file 1s a php file named xmlquery php but theoretically asp files should also work The bridge file contains the name of the database being acc
79. Units Pixels or Percent e Scale Anchor Points Center Upper Left Upper Right Al upper left v Lower Left Lower Right Top Bottom Left Right e Check the Constrain proportions box to maintain original width to height ratios Scale e Angle field only accepts integers Absolute all frames Nu Lit e The X and Y position fields are used to set a coordinate point on the selected object relative to the stage Anchor e Position coordinate point choices are Upper Left Upper width Right Lower Left Lower Right and Center Height Set the Anchor field prior to changing the X and Y fields E Rotate Angle Center Ctri Alt C This command moves the selected object to the center of the stage Rotate Left 90 This command rotates the selected object 90 to the left Rotate Right 90 This command rotates the selected object 90 to the right Chapter 12 Transforms amp Effects 158 KoolMoves User Manual Scale Translate Movie Use this window to Scale Translate Movie E x e Scale all objects within a movie using the drop down list of ratios 30 to Scale percentage 300 in increments of 10 and TE ee ES Do m e Shift all object within the movie the designated number of pixels Translate Y pixels a Scale Translate Selected Shapes same as Scale Translate Movie except applied only to the selected shapes x Scale Translate Selected Shapes Scale percentage Tr
80. a Problem jpeg loads as blank grey rectangle This can occur with jpegs used in components Try saving the jpeg in non progressive mode or in a different format before importing Problem png is distorted If this occurs try saving the image as an interlaced png before importing Vector Graphics ER Vector Graphics are imported using File gt Import Vector Graphic or the Vector Graphic 1 Import tool They fall into three categories EPS SVG and Clip art EPS files Encapsulated Postscript EPS files can be difficult to import as vector shapes into KoolMoves It should be at least EPS version 3 0 and it should contain vector shapes not just bitmaps Import and Export SVG Scalable Vector Graphics SVG 1s only partially supported at this time The current implementation is primarily focused on importing and exporting outlines Importing Clip art DXF EMF and WMF WMF AutoCAD DXF EPS and EMF files are converted into KoolMoves shapes with points when they are imported There are several classes of clip art including bitmap and vector KoolMoves only supports vector clip art in which each shape is defined by boundary points and is usually filled with a uniform color Color fill information may not import with DXF files Vector clip art often has a high density of shape points so you are given the option when you import of reducing the number of points through curve fitting automatically performed by KoolMoves If detail
81. a 200 hit area 1s twice as big horizontally and vertically as the outline of the button when the mouse is not over it The Over and Down states do not affect the shape or size of the hit area This means that 1f the button appears to have moved when the mouse pointer rolls over it the hit area has not necessarily moved however if someone has embedded the button in a movie clip programmed to move all bets are off Chapter 7 Buttons 119 KoolMoves User Manual Mouse Events there are seven mouse events which can be used by buttons to execute a command Press The button is clicked on Release The mouse button 1s released after the button 1s clicked on Release Outside The mouse button 1s released outside the button after clicking on the button Roll Over The mouse pointer moves over a button Roll Out The mouse pointer moves outside a button Drag Over The mouse button 1s clicked on the button and without releasing the mouse button the mouse pointer is dragged away from the button and then mouse pointer 1s dragged over the button Drag Out Mouse pointer is dragged outside a button after clicking on the button Text in Buttons Button states can contain both static and dynamic text boxes but the dynamic text boxes should be set to read only If the mouse pointer clicks on an editable field within a button the attempt to open and edit the field will interrupt the button execution Chapter 7 Buttons 120
82. a list of all files used or referenced by the movie 1mages sounds Object F D Em imported swfs and go to URLs This is useful for mycat jpg spell checking file paths and identifying files that need to be included with the movie SWF File Statistics Jed Sound fo KB Jpeg 46 KB SWF File Statistics Scripts O xa The File Statistics window summarizes the dynamic factors that affect E T movie performance As a diagnostic tool this screen allows you to quickly identify performance killing movie elements Additionally it Total 91 KB has shortcut buttons to open the Preloader and Version dialog No TM windows Version n x Chapter 2 Frames and Scenes 24 KoolMoves User Manual File Preferences The following are items in the File gt Preferences dialog window View Preferences User Interface Style This allows you to select the interface you feel most comfortable with Advanced skills include Preferences E x View Drawing Selection Toolbars Play Libraries Audio Editor Image E User Interface Style i C Wizards masking shape point manipulation and Mo ActionScripting Cartooning skills include Advanced bones and non linear morphing Cartooning Grid Draw alignment grid on top If this option Pere en ieotee is selected the alignment grid will display o 22 nca transparence pz on top on the visual elements If
83. act Source pixel color value is subtracted from destination pixel Multiply The two pixels are multiplied resultant pixel 1s as dark or darker than original pixels Screen Opposite of the multiply mode Difference The darker of the two pixels 1s subtracted from the lighter Darken Combines the darker pixels of the source image with the destination image Lighten Opposite of the darken mode Overlay If the destination RGB pixel is less than 127 then multiply mode is applied else screen mode is applied In plain English the source highlights and shadows are overlaid on the destination image Hardlight Same as Overlay except source pixel 1s used Invert The source image acts as a mask overlapped destination image area is inverted Alpha Transparent areas of the Alpha mask block destination image Erase Opaque areas of the Erase mask block the destination image As with the filters the brief descriptions above don t do justice to this powerful KoolMoves feature For details on how to use this feature and some sample images please see the KoolMoves Blend Mode User Guide Chapter 11 Movie Clips 150 KoolMoves User Manual Movie Clip Behavior Movie clips are the workhorse object of the Flash environment and the range and scope of the Behavior properties reflect their flexibility in handling a variety of roles and actions However some of the behavior properties like library symbol and masking
84. aller pieces or use the Effects gt Rotate menu command to rotate the object Q When move points on shapes that have drawn the borders become detached from the shapes How can fix this A Uncheck checkbox Enable OpenGL rendering in File gt Preferences Drawing Selection page Appendix F Frequently Asked Questions 231 Useful Flashkit Forum Threads You might like to review the following FAQ before posting to the KoolMoves forum it explains a lot about the mechanics of posting to a forum http www flashkit com board showthread php t 599674 Welcome to Flash Kit FAQ Addresses the following Posting Rules Footer Rules Footer Specs Avatars and Titles Post Count exception Useful Forums How to Become a Forum Moderator and Multiple Accounts The following FAQ has a lot on sound file issue not related to KoolMoves http www flashkit com board showthread php t 649910 Sounds and Music Forum gt Common Sound Problems Questions about comments on and or suggested changes to the KoolMoves Forum Guidelines Please Private Message PM pherbrick Appendix F Frequently Asked Questions 238 Index A Action Script vii 17 29 32 33 37 44 45 63 72 73 83 87 89 91 92 95 119 121 124 128 139 147 150 151 152 153 161 163 164 166 167 168 169 171 172 174 175 176 197 205 206 207 221 Action Script Editor 29 87 163 164 207 PARTISAN d Sesto be ta
85. anslate piselz fo Cancel Translate pixels fo Toolbox Effects Click and hold to open the Effects tool drawer These tools were covered in Chapter 5 in Data Views gt Properties Data View gt Effects so we will just list the tools with their icons EE Motion Script i PIS A 24 4p iT Blend Mode ga Spin Rotate 4 Creating Your Own Transition In Chapter 5 while discussing the Effects tab several built in transition effects were discussed recapped below It is easy to create your own transitions using the tools discussed in this and preceding chapters The basic principle 1s to create the stages of the transition in a series of key frames This example illustrates an image that comes from the left into the movie frame as a small transparent image and becomes more opaque and larger as the image moves to the center of the movie frame In step 1 an image 1s imported using File gt Import Graphic Image To start the transition the image 1s dragged to the left of the movie frame Li ON In step 2 the image is made small and transparent using the scale and paint bucket teta tools In step 3 the current key frame is copied and added to the end of the movie Chapter 12 Transforms amp Effects 159 KoolMoves User Manual gt In step 4 the image is dragged to the center of the movie frame in the last key frame D Finally in the last key frame the paint bucket and scale tools remove the Ln transparen
86. arency It does not support import of animated GIFs at this time For transparent images exported from PhotoShop use 255 color PNG or GIF with transparent color NOT transparent layer Use an application found at www segon com to convert your animated GIF into a SWF file Then use import swf as an object to bring the converted gif into your KoolMoves project KoolMoves does not directly support output of animated GIFs at this time To convert a KoolMoves created swf to an animated gif you might try Magic Swf2Gif at itinysoft com There are a number of other specialized products for creating animated GIFs Ulead makes a nice product called Gif Animator There are also free products See http msdownload microsoft com msdownload gifanimator gifsetup exe a simple free GIF animator from Microsoft and from the makers of Game Maker a very easy to use game creation and development environment http www cs uu nl markov kids gmaker index html Capture the KoolMoves animation as a series of screen images using File gt Export Movie gt Capture Movie Frame and import the image files into your favorite gif creation tool With some of the free GIF animators you may need to convert the captured images into GIF format using a graphic editor Chapter 9 Importing Images 137 KoolMoves User Manual Chapter 9 Importing Images 138 KoolMoves User Manual Chapter 10 Text Text as displayed in Flash can be split into two groups St
87. atic and Dynamic Static Text is created and formatted at authoring time and except for effects that can be applied to the text box does not change throughout the movie Dynamic Text is stored in ActionScript TextField class objects and can be created and formatted dynamically however the KoolMoves Properties Data View allows you to access many of these properties in your project without requiring any knowledge of ActionScript ary had a little la mb Static and Dynamic text objects have the same bounding box markers but are displayed differently Static text 1s i m 9 displayed as it will appear in the export movie while with a dynamic text only the physical dimensions and name of the 2 h object are displayed at authoring time on the Canvas The Text tool on the Tools Toolbar allows you to place text on the Canvas You have the choice of placing Static text or Dynamic text The default choice 1s static Static text 1s heavily anti aliased in the Flash player and 1s blurry at small type size This problem cannot be controlled by KoolMoves FFF Compact is a good font for small type Dynamic text 1s lightly anti aliased and is rendered exactly like text in HTML pages Static Text Static text 1s entered through an interactive window that allows you to customize the text font font style size and letter spacing type text in the large edit box and make choices You can edit selected text by double clicking on the text or
88. ault something will always print even if its in the PC s default font Has a border Adds an outline to the text box Set the border color dynamically with the textField borderColor property If a border is set the background of the text field is white with a black border To have a different background color you will need to turn border off and create a shape behind the dynamic text object with the color and border of your choice Dynamically backgrounds and background colors are controlled with the textField background and textField backgroundColor properties Chapter 10 Text 143 KoolMoves User Manual Is read only When set to no the text box can be edited and or used for user input Text selectable Determines if the text box contents can be selected and copied to the clipboard Is multi line Is a password Yes enables multiple line user input however the Password field requires the multi line capability set to no Is a password yes replaces each character in the field with an asterisk Leading Where static text used a percentage of the normal line spacing dynamic text has a range 0 to 10 in increments of 2 of points for adjusting line spacing Default value 1s 2 Word wraps same as in word processing automatic line breaks are inserted when the text line length exceeds the edge of the text box Has scroll bar Scroll bar details The two properties enables the display of a
89. body of the figure is based on how the joints in the skeleton correlate to the shape points If more than one joint is associated with a shape point shape distortion may occur Shape points that share common joints will tend to move together The greatest control is achieved when a point is controlled by one Joint You can view the primary and secondary joints the program uses in controlling each shape point by clicking on Options gt View Associated Joints and selecting a shape point this only works when only one shape point 1s selected unlike the modified image below You can not change the assignment of joints to points Chapter 6 Drawing Tools and Reshaping 116 KoolMoves User Manual The figure on the left has two joints controlling the hip point while the figure on the right has a one to one relation they are also physically closer Double Bones or multiple bones increase the number of joint locations available for controlling the shape points The extra bones in the figure on the right decrease distortion and allow for greater control Chapter 6 Drawing Tools and Reshaping 117 KoolMoves User Manual Question to Flashpulse Comics flashkit thread 663649 clejan Re Registered User Join Date Dec 2005 FLASHPULSE Senior Member Join Date Nov 2002 Location USA Posts 1 136 I would like to do comics so I need to choose from different faces and then easily modify the facial features to e
90. bucket tool Chapter 10 Text 141 KoolMoves User Manual The current key frame is copied to the end of the movie and the process is repeated for the next letter in this case o And so on for each letter Some fiddling of the sizes of each letter will be necessary to produce a polished look When the movie 1s played the effect is that each letter appears in sequence The text effects you can create are endless See Text Effect Templates in Appendix E for a complete listing of similar text effects provided with KoolMoves Transforms Text to Characters This menu command breaks apart a text string into a series of text strings for each character Transforms Text to Shapes This menu command converts a text string into a shape with points You would probably only want to do this 1f you need to apply certain transformations to the text such as slant or perspective to manipulate the individual points of characters comprising the text or to use a bitmap or color gradient fill Text in the form of a text object is very efficient because the characters can be shared with other text strings with the same font Dynamic Text Dynamic text allows user input or can be changed within the movie It 1s the second choice in the text tool drawer Dynamic Text The dynamic text field is created by clicking on one corner dragging the mouse and then releasing to define the opposing corner There are a number of pr
91. changed via ActionScript by the host or root timeline s Likewise being movies in their own right movie clips can contain frame actions and execute ActionScript within their own timeline independent of or coordinated with actions on the main timeline or in other clips Movie clips can be copied and pasted like shapes or manually added to the Symbol library Clips can be used to organize code contain sound files group shapes emulate buttons but with more capabilities add behavior to objects and act like Layers in a Cel Animation All these capabilities make Movie Clips the building blocks for advanced animations Almost all of these capabilities require a knowledge of ActionScript Creating Movie Clips Click on the triangle or click and hold to display the two ways to create a movie clip D these commands are also available under the Shapes menu ress the new movie clip button to create an empty movie clip or p p pty p Im press the convert shapes to movie clip button to move the selected shape s or objects into a new movie clip In converting shapes to a movie clip the selection scope this frame only all frames etc determines the composition of the movie clip If you select a number of shapes in the current key frame and select all frames for the selection scope all those shapes in whatever frames they appear will be converted into a movie clip A selected movie clip symbol has a similar bounding box to a button
92. ciples To make animations in KoolMoves all you have to do is draw or import shapes or images and then reposition reshape and recolor the animation objects in adjacent key frames to achieve the desired look KoolMoves automatically morphs shapes in between each of the shapes you create to achieve smooth animated motion It s like putting together a cartoon strip Each frame contains text 1mages shapes sounds and actions For character animation one frame would have the characters in one pose and in the next frame in another pose KoolMoves also has Wizards to help users new to computers and computer animation Ranging from automated guides that assist you in performing fundamental tasks for the first time to shortcut menus that execute simple processes like creating buttons or editing shape properties the Wizard tools allow you to express creativity in the quickest fashion with the least amount of frustration Beyond simple animation KoolMoves provides Flash MX ActionScripting capability A large fraction of the Adobe Flash 5 6 7 and 8 operators and commands are supported at this time This functionality is regarded as advanced and requires knowledge of ActionScripting that can be obtained from books or web sites devoted to that subject This manual is not intended to teach ActionScript and where ActionScripting is addressed it is assumed that you have scripting experience Introduction Vil KoolMoves User Manual About This Man
93. creates a load on your processor the movie will run very slow Capturing Frames please wait Deploy a software solution Chapter 4 File Operations 56 Sep0s Presentation KoolMoves User Manual File Edit View Favorites Tools Help d Back al A Search Lai La ns LE SA OH Eg E ES if capture00026 png 127 KB PNG Image 10 10 2005 1 28 PM s if capture00025 png 127 KB PNG Image 10 10 2005 1 28 PM SepO5 Presentation sf captureoo024 png 127 KE PNG Image 10 10 2005 1 28 PM if capture00023 png 127 KB PNG Image 10 10 2005 1 28 PM Select an ibem to view its description E capture00022 png 127 KB PNG Image 10 10 2005 1 28 PM seeded f capture00021 png 126KB PNG Image 10 10 2005 1 28 PM M am if capture00020 png 126 KB PNG Image 10 10 2005 1 28 PM My L OCUMENLE Me Network Places if capture00019 png 126 KB PNG Image 10 10 2005 1 28 PM Py Network PI CES if capture00018 png 220 kB PNG Image 10 10 2005 1 28 PM My Computer if capture00017 png 244 KB PNG Image 10 10 2005 1 28 PM if capture00016 png 244 kB PNG Image 10 10 2005 1 28 PM if capture00015 png 244 kB PNG Image 10 10 2005 1 28 PM if capture00014 png 244 kB PNG Image 10 10 2005 1 28 PM If capture00013 png 193 K6 PNG Image 10 10 2005 1 28 PM f capture00012 png 244 kB PNG Image 10 10 2005 1 27 PM Type PNG Image Size 155 KB 155 KB My Computer E These are the captures at 5 minutes and about 3 completion Capturing from the i
94. ction Script Chapter 13 Action Script Editor ASE 163 KoolMoves User Manual The Action Script Editor ASE i b v Ca 9 Ln 2 Col 12 Click on the plus E button to open a Ee popup menu of available ow Ja Bea PE amp reserved ActionScript Te words and phrases that can be added to the To concat i Client Server Date FaStringi current cursor position S Math value cfi Humber toString i Object String Clicking the checkmark wv button will return one of two messages after checking the code AN No errors for syntax errors Chapter 13 Action Script Editor ASE 164 KoolMoves User Manual The link button opens the Link Names Link Names E xj window In the Movie Clips tab are displayed available symbol library movie clip links created in the main gui with the Symbol Library interface These links work with the mc attachMovie action script command Movie Clips Sounds Images Symbol Description Link Mame Symbol 1 blueb all Link Names ES xi Under the Sounds tab links to external sound files can be created These links can be used with the Movie Clips Sounds Images Si sel Dice le iris Mens sound attachSound action script M Program Files KoolMoves D h S Program FilessKoolMoves sz D Add command and the KoolMoves Slideshow component Delete Under the Images tab links
95. cy and return the image to its original size When the movie 1s played the image slides in from the left from a transparent small state The transitions you can create are endless KoolMoves has 6 built in transitions initial fade in final fade out initial grow from nothing and final shrink to nothing initial zoom in and final zoom out They take effect at the beginning or end of the shape s life in the movie depending on whether the transition is called initial or called final These transitions can be set in the Properties popup for the selected shape or through the Effects menu bar Transitions occur over a set number of key frames When a transition is added to a shape if there aren t enough frames for the transition to occur frames will be added if the Add frames if needed check box is checked Transitions can be combined although the fade transitions are not a good combination with drop shadow Chapter 12 Transforms amp Effects 160 KoolMoves User Manual Part IV Advanced Additional Features Chapter 13 Action Scripting Chapter 14 KoolMoves Components Chapter 15 Symbol amp Link Library Part IV Advanced Additional Features 161 KoolMoves User Manual Part IV Advanced Additional Features 162 KoolMoves User Manual Chapter 13 Action Scripting The Action Script Editor ASE is KoolMoves ActionScript programming interface Opening the Action Script Editor ASE for the first time
96. d word processor and printed out Chapter 5 Data Views 94 KoolMoves User Manual 3 Movie Overview Alt F3 The Movie Overview provides a detailed overview Movie Overview En ofall frames shapes in frames actions and sounds buttons movie clips and ActionScript code in the DO DR_2b Fun Main movie E S Scene 1 ERB Load i Bel Shapes Menu ola Actions amp Shapes movie If an object visual element has strange behavior this Data View is a good way to track down all actions and ActionScript in a KoolMoves project Toggle settings are saved between sessions Open the Properties window for the selected shape chi Toggle display all frames in the movie and Shapes expand collapse all Sound objects in their frame Shapes a Toggle display all frames in the movie and expand collapse all ActionScript entries in their frame Toggle display all frames in the movie and display all ER movie clips in the movie below the frames at the same outline level of the Main Movie expand collapse all Movieclips in the Movie 4 Actions and Sounds Data View Ctrl E The Actions and Sounds Data View has frame actions displayed in a vertical table format Left click on the Duration ellipsis to open the Duration Tween dialog right click on the Frame and Button events to open the Actions and Sounds dialog Actions and Sounds Overview 0 500 sec 1 0 0 500 sec e 1 5 0 500 sec 3
97. d additional frames to the host project These animations can be inserted into movie clips Select from the names of fun files in the left list box and press Add to add to your animation To preview the entire movie check Preview All Otherwise only the file to be inserted will be previewed Insert Movie E X 2 Add Cancel D Program Files KaalM oves Downloads backup fun temphuf furi amowk eus Fun book fun clip fun content fun doublebane fun fasheam fun frame fun qrowingrectanular fun hit T est fun Km laga Fun KM Hip page fun KM fip page editable awt fun lightning fun m choize fun bs Preview all main turn pacmanshape fun Position Replay rotating fun rotate Fun offset D Y offset Advanced malaka 1 Fin Timing Start at Key Frame 1 Ed End at Ed Speed X amp Y Offset Adjust the placement of the clip art relative to the center of the frame Qu Timing Start at Select an insertion point for the animation defaults to active frame Timing End at The process will add frames to the current project 1f required Timing Speed adjusts the number of tweens used by the animation based on the default tween setting of the destination project Chapter 4 File Operations 60 KoolMoves User Manual Working with Website Editing Tools The Crate Dise o Web has tutorials for the most common web editing tools FrontPage www koo
98. d object in a diagonal fashion Ctrl Alt T PIT Flip Vertical Turns the selected object into a mirror image p along a horizontal axis Ctrl Alt V Squish Click and drag a handle to selected object in an oblong fashion compress or stretch the eu Ctri AIt Q Chapter 12 Transforms amp Effects 155 KoolMoves User Manual tt Perspective Click and drag a handle to change the object s shape consistent with the effects of distance on different points on the object Ctrl Alt P Transforms Menu other commands Following are the Transforms Menu commands not already covered in Toolbox Transforms Break Apart Text The Break Apart Text commands allow you to take static text and convert it into either individual characters or shapes defined with points The first step 1s to select your static text object Test Messag then select the appropriate menu command Break into Text Characters Each letter in the test message has been broken out into its own static text object This means that each character can be selected and modified individually with its own effects parameter settings and position Convert to a Shape with Points Oddly enough all the letters above are considered one shape For example clicking on one of the letters above selects the entire message Use the Select Point tool to edit the placement of the individual points Chapter 12 Transforms amp Effects 156 K
99. d of Movie to paste the text characters in the last frame of the text effect to the remainder of the movie Chapter 8 Toolbox Libraries 130 KoolMoves User Manual Clip Art 260 clip art items are Clipart Gallery included with the registered version of KoolMoves They were created in KoolMoves and luu ciel were designed specifically for uu use in Flash movies The clip art is found in the Clip Art folder Holidays amp Everts 2 inside the KoolMoves folder i Odds amp Ends 1 Click on a folder category to bake d Enas 2 display the contents Click on an Feeple t Clothing item to select it and then click on fes Add to choose on which frames L to add the image Transportation 1 Transportation 2 bled Che ou have a nan exclusive royalty free license to include the clip art in your Kool aves created animations You E Add Cancel ei cannot sell or distribute KoolMoves clip art in volumes or as libraries in any file Format or through any media including Add Clip Art 7 Add to C Current frame C All frames Curent frame to last Current frame to next labelled frame For information on importing third party clip art see the Importing Clip Art entry in Chapter 9 For a listing of available clip provided with KoolMoves see the Clip Art Gallery Categories entry in Appendix E Chapter 8 Toolbox Libraries 131 KoolMoves User Manual Animated Clip Art Animated
100. ddress you want Mailer BodyText sMail Mailer AddRecipient name of who you want to send to E Mail of person you want to send to gt Code in Perl code usr bin perl require subparseform lib amp Parse Form Title formdata Title Contact formdata Contact About formdata About News formdata News Products formdata Products Link formdata Link Appendix C Programming Coding Advice et al 225 New Title Title amp Contact Contact amp About A bout amp Products Products amp News News amp Link Link open LOG gt home formexample TextFile txt amp ErrorMessage print LOG New close LOG print Content type text html inn print Status Success Your Comments have been updated Please return to the main area to see the results sub ErrorMessage print Content type text html nn print Status Connection Failed Please Check the path to the text File exit That Backend looks for the variables Title Contact About News Products and Links and then writes them to a Text File called TextFile and generates a HTML Page telling you that the values were submitted The Script works and is customizable By Altering the names of the Vars in the First part of the script to mach the names you gave them in the SWF you created remember to c
101. ded at authoring time through the Symbol Library The Used column tracks how many times a particular Flash 8 component has been added to the movie at authoring time The count includes components added through both the Symbol Library and the Toolbox ListBoxes and ComboBoxes use the same template they differ only in a parameter setting so the number of both are combined in the KC8 ComboBox count Symbol Library Movie Clips Buttons Components KCS Button ECS Buttan ECS Combobox KL8 Combobox KCS ContentPane ECS LontentPa Add to Movie Close CcUuccccc3 KCS Object KC8 bject KCE Slider KC8 Slider PES KCB Switch KCS Switch Edit Delete escribe Link Name I A Usage Replace As mentioned earlier component objects are members of a movieclip subclass FREE l x When a component is attached via the Symbol Library the base object goa containing the component is named in accordance with KoolMoves default movieclip nomenclature 1e mcN N being an integer reflecting the order of the HH slider movieclip s creation In the Shapes data view to the right mc3 contains a comboBox listbox was added through the Toolbox and slider 1s another component object that was manually renamed to be more descriptive The main difference between components attached via the GUI and the Symbol Library 1s that the former are initialized before being placed in the movi
102. dels other than RGB are Shape Fil _ used on personal computers ultimately they have to be translated into RGB at some point to display on the monitor Applications using CMYK often have a color calibration process to avoid color shift problems Color shift is not an issue with HSB any color that can be represented in HSB can be represented in Saturation RGB and vice versa Lightness c _ x Slider Button Black Slider Settings The HSB color model is more in tune with how humans conceptualize colors and using the HSB slider bars 1s conceptually analogous to how artists have traditionally mixed pigments to create colors Hue refers to a color s light frequency saturation is the amount or strength of the hue its purity and brightness is the amount of black in the color its lightness or darkness To oversimplify the HSB model a color is a hue that is modified by saturation and brightness Solid color Solid color Solid color T i oe E i Red Slider Settings Green Slider Settings A hue is a pure color 1 e one with no black or white in it A shade is a dark color one produced by mixing a hue with black a tint 1s a light color produced by mixing a hue with white and a tone is a color produced by mixing a hue with a shade of grey Hue values are graphically represented as a circle typically range from 0 to 360 with 0 and 360 being identical 1e hue cycles from red back to red Chapter 5
103. drop down menu Once you are ready to save you project and export a movie click on the Export button Help in Other Languages There are a number of machine translated versions of help in different languages on the KoolMoves support page There 1s an old version of help for KoolMoves in Spanish at www geocities com powerxrv Koolmoves index htm Chapter 3 Help Features amp Tutorials 49 KoolMoves User Manual Chapter 3 Help Features amp Tutorials 50 KoolMoves User Manual Part Il Menu Toolbar amp Menu Commands Chapter 4 File Operations Chapter 5 Data Views Part II Menu Toolbar amp Menu Commands 51 KoolMoves User Manual Chapter 4 File Operations 52 KoolMoves User Manual Chapter 4 File Operations In addition to file actions covered by the Menu Toolbar this chapter includes file actions not addressed by the KoolMoves GUI outside of the menu File New Ctrl N Clears most KoolMoves buffers and resets the KoolMoves GUI File Open Ctrl O rU Opens a Windows Explorer type dialog to browse and open a fun file File Save Ctrl S On first save this command opens a Windows Explorer type dialog to save current al project to a fun file On subsequent saves a backup file is created before the existing fun file 1s overwritten The name of the backup file 1s backup fun File Save As No Icon This command opens a Windows Explorer type dialog to save current
104. e E Paste copied object to new fun file 2 To lock a selected shape from changes in point position or many other changes click on the lock button in the shape list popup To unlock click again To lock or unlock all shapes click on the lock all button Chapter 5 Data Views 96 KoolMoves User Manual 6 List of Frames Ctrl K The List of Frames can be used for navigating renaming key frames and frame editing cut copy paste and reversing the order of frames Frame selecting renaming and same looking buttons are analogous to m actions covered in the List of Shapes entry Key Frames ie Paste places the cut or copied frames before the currently selected frame 44 Reverse order of selected key frames Set Frame Duration seconds or tweens for selected key frame s Interesting things to know e KoolMoves allows you to copy and paste the Frame a Actions associated with a Frame e Key frames without labels are automatically iun renumbered when their relative position is changed O E EK D wf 99 a p x ER SN The second bullet point has a serious implication name all key frames referenced by action script code to avoid having to recode references to that key frame each time renumbering occurs Other Views List of Scenes Shift F2 See Scenes in Chapter 1 Navigation Overview Views gt Navigation Overview Go to Frame Overview This page shows all go to frame actio
105. e in the properties dialog for the shape that the figure has bones Bones can be attached to a single shape or a shape group To add or edit bones press the Bones button at the top of the dialog Chapter 6 Drawing Tools and Reshaping 114 KoolMoves User Manual similar to editing button states you are given an environment for editing bones against the faint image of the shape to which the bones are attached The draw bones tool behaves identically to the line drawing tool in the main editing E window You draw bones by dragging the mouse and clicking the mouse at each Joint Double click to finish When you release the mouse all the joints are highlighted Other limbs are drawn in a similar fashion This 1s what 1s looks like when all the bones are added Chapter 6 Drawing Tools and Reshaping 115 KoolMoves User Manual Certain joints you would like to be shared between different R Re limbs The way to do that is by using the join tool Press the P join tool and drag a box around the joints you would like to act as a single joint Under the join tool 1s an unjoin tool When you are finished editing the bones press the return to key frame button This shows the figure with its newly added bones in the main drawing window You can move joints in this window by selecting the select move joints tool This illustrates selection and movement of a joint The dynamic interaction between the bones and
106. e while the latter 1s initialized after with the mc attachMovie function Bgouonmgos Chapter 14 Interface Components 203 KoolMoves User Manual It was mentioned earlier that effects could not be applied directly to components However effects can be applied to movieclips and thus indirectly to their contents Thus movie clip slider has effects available while List Box listbox1 has no effects available Chapter 14 Interface Components 204 KoolMoves User Manual Chapter 15 Symbol and Link Library Before we start discussing the Symbol and Link Libraries let us have a brief discussion about the ActionScript commands which are referred to in this chapter mc attachMovie 1s used to dynamically create an object instance based on a source object in the project s Symbol Library The symbol library assigns a Link Name to each source object and mc attachMovie uses the link to create a copy of the object on the mc parent object in most cases root which means straight on the Stage After defining Link Names in the Link Library to external sound files and bitmap images e soundObject attachSound can be used to load sound files and e flash display BitmapData loadBitmap can load bitmap images Symbol Library The symbol library provides an easy mechanism for reusing Movie Clips Buttons and Components throughout the movie Use the Symbol library to organize track edit and export library members
107. e Found Do you wish to keep the script editor open and Fix the errors if there are no syntax errors if there are errors you have the option to correct the errors or save the ActionScript code in its current state KoolMoves Chapter 13 Action Script Editor ASE 166 KoolMoves User Manual Editing ActionScript code Editing event handlers placed directly on buttons or movie clips through the Properties window is the same process as initially creating them However editing code that has been placed on a frame differs from the initial creation process as KoolMoves Allows for multiple independent pieces of code or commands to exist on the same frame However in the sample screenshots below there is only one piece of code on the Frame The code to be edited must be selected by right clicking on it and then navigating the popup window There are three ways to find the code to edit the Action and Sounds view in the Score window the Actions and Sounds Overview window and the Movie Overview window The last two methods also displays code placed directly on buttons and movie clips Actions and Sounds E X Movie Overview A Arup EIEI Tp F untitled H Main movie Scene 1 ERE key frame 1 1 E e Actions m s Shapes i Buttons J A bi BB Actions Action Script Edit Delete Shift Right Shift Left 18 obe pred Actions 18 b3 H l8 Actions b4 Fl 0l Actions Actions and Sounds
108. e Overview Aj Achons and Sounds Overview Symbol Library List of Shapes hal List of Key Frames Like the Tools Toolbar Data Views can be dragged to anywhere on your screen Data Views can also be collapsed to their title bar by clicking on the Collapse button located below the title bar and resized by dragging the resizing marks in the lower right corner of the window x n 4 Collapse Button Working with visual objects and effects within a movie can require having more than one Data View open at a time As these elements are addressed in their own chapters Data View functionalities will be illustrated in greater detail This chapter will provide a quick overview of the available Data Views how they are accessed and used Chapter 5 Data Views 63 KoolMoves User Manual 1 Properties Data View Ctrl F3 Almost all properties for a visual element located on the Canvas are accessible from the Properties Data View It 1s the most important of the data views The content format of the Properties Window is context sensitive not only do different object types have different properties but changing a property can change the content format of the view lil Movie Clip mc4 lil List Box listbox1 Eg Ease in out Property views for 3 different types of objects NOTE Double clicking on an object will open the Properties window Chapter 5 Data Views 64 KoolMoves User Manual Click
109. e area 1s clicked This can be a slide e mail address or external website cradius optional radius of the corners of a callout 0 based integer value 0 means square corners 6 default results in rounded corners line optional line color of the callout box 24 bit integer OxRRGGBB fill optional base fill color of the callout 24 bit integer OxRRGGBB textFormat textFormat object reference Use this to set the font and font size see textFormat in the Content Pane component entry for an example of its use gotoSlide slide string or integer value this function moves the slideshow focus to the designated slide slide value can be a slide number starting at 0 first last previous or next setMode mode Sets slideshow to play automatically or pause for manual direction mode can be 0 auto play Chapter 14 Interface Components 193 KoolMoves User Manual manual navigation Properties currentslide read only returns the zero based number of the slide currently displayed _totalslides read only returns the total number of slides set for the slideshow Events onEnd Event occurs when the end of the slideshow is reached and loopSlide is set to 1 onLoop Event occurs when the end of the slideshow is reached and loopSlide is set to a specific slide onTransitStart Event occurs just before a slide transition takes place onTransitComplete Event occu
110. e changed And so on The exceptions to this are solid color fills shape position scale and rotate transformations These four only change the instance acted upon not all instances This 1s dictated by the Flash file format For simplicity KoolMoves treats all text shapes as symbols If you have shapes that appear more than once in a single frame or in multiple frames then it is advisable to make these shapes into symbols if you do not intend to move individual points from one frame to the next In many cartooning situations you would want to move points from one frame to the next to make a mouth move to simulate talking or to made a hand move to simulate waving etc so such shapes would not be good candidates for symbols If the shape is stationary and undergoes no change throughout the movie it 1s not necessary to make the shape into a symbol KoolMoves will automatically handle this situation In the future we will be providing a method to optimally convert shapes into symbols after the animation 1s complete so it 1s not necessary to be thinking about this optimization while you are developing a movie Chapter 5 Data Views 78 KoolMoves User Manual Shape 51 E xj To make a shape into a symbol select Yes for the Is a Symbol property This should be done immediately after 2 A l im creating the shape before a copy is made within a frame or a frame is copied Notice that the points to the shape have a different appearance
111. e gradient true false myStyle liquid true false myStyle radioDot OxRRGGBB myStyle scrollBar OxRRGGBB myStyle scrollTrack OxRRGGBB myStyle selection OxRRGGBB myStyle shaded true false myStyle textColor OxRRGGBB mnvotyle textbhout FontFace myStyle textSelected OxRRGGBB myStyle textSize FontSize Chapter 14 Interface Components 198 KToolTip KoolMoves User Manual Instead of creating an object instance KToolTip Flash 6 adds a new capability to movie clips After activating KToolTip popup Screen Tips can be added to any movie clip In the browser preview of KKoolMoves Examples Components Tool Tip example tiptest fun below pausing the mouse pointer over a movie clip causes a popup message to appear Big tip ve Ge tiptest fun 1s a single frame movie with a check box component and movie clips containing colored circles After activating this feature the code consists of assigning screen tip text to each movie clip and defining an event that changes the font size of the tips each time the checkbox is clicked on The check box component itself is a movie clip and has its own screen tip KTOOLTIp activatre mel mel mez mc 3 mc4 mc4 mas mc 6 mc 6 Ito 7 meso mc8 LOOMIS DOT MCI COOILULID mel s LOOLCID Nos COOL mos tooltip mc4 MO tooltip CS COOL SNO a COOLELD moo Cl TOOLTIP mees COOLED Mer COOL Tico J
112. e in File gt Preferences A new movie can also be loaded into level This will replace the original contents of the main timeline and is an effective method of stringing multiple SWF files together in a continuously running show An alternative method is to have a control movie in levelO that regulates the loading of additional movies media into other levels Using relative paths with load movie can be confusing Since any timeline can perform a load movie action what path 1s the movie being loaded relative to Is it relative to the main timeline at level0 Or is it relative to the timeline that performed the Load Movie action The answer is simple Loaded Movies are always relative to the timeline that loaded them When a movie is loaded into a level it is positioned relative to the upper left corner of the movie that loaded it Loading a movie into a level other than level0 is much like adding elements to the stage they will be in a stack Unless higher level movies have backgrounds of same or greater size the lower movie s or portions of it may be visible underneath the higher level movie Chapter 5 Data Views 90 KoolMoves User Manual Daisy Chaining Movies Use Load Movie to Daisy Chain movies together Create a base movie that loads in the other media and then loops make sure that you do not loop the load movie action Load your main movie into Level 2 and your background animation into Level 1 Adjust your frame dura
113. e interface e Ellipse Shape tool amp e Rectangle Shape tool 3 e Shape Effects tool m e Resize effect and o e Fill effect Note Do not change Interface Styles in order to have more toolbox options unless you are willing to lose your wizard session settings i Exporting a movie to a web page involves first saving your project to a DOT Flash file SWF placing the swf file in the same directory as the target web page and adding JavaScript so the movie displays properly on the target web page Click on the Export button for a quick step by step guide to exporting your project to a web page The export process starts by opening an assessment window to identify which hint files you will need and what assistance to provide If you do not have an html editor KoolMoves will attempt to add the appropriate JavaScript to your target web page If you have one of the html editors listed in the assessment screen with the exception of FrontPage KoolMoves will display recommended JavaScript code that you can copy and paste to the target web page FrontPage users will be directed to a hint file that shows how to import the movie through FrontPage Your answers to the Web Skills and Tools questionnaire are saved for the duration of the session you will need to complete this window each time you move out of and back into the Wizard Interface Style Complete the form to the best of your knowledge and click on Next Chapter 3 Help Features a
114. e spans three key frames To see the effect of the masking press Ctrl M This is how the movie will look m when this key frame is played Ctrl M removes the masking effect and the mask is made visible again The shapes dialog identifies masking shapes and shapes which are dh x clipped by masks with two different icons The mask is always on top of the shapes which are clipped by the mask Chapter 5 Data Views 80 KoolMoves User Manual Ease In Out The Ease In Ease Out property is used to apply variable acceleration to an object s tweening effect Introduced with KoolMoves 5 6 there are thirty different scenarios in addition to the default linear tweening Easing cannot be combined with a motion script effect lll Fase In Out Juadiatic ease in uadiatic ease out Quadishe ease inout Cubic ease in Cubic ease out Cubic ease out Quarts esse in Juaitic ease out uartic ease in out uarie eae in Duriic esse out Duric ease m o Sinuzoidal ease in Sirisodal ease cul Sinusoidal esse moult Exponential ease in Exponential ease out Exponenlial ease in out Cicus ease m icula ease out Lucaular ease mont D versheoling cubic ease in wershoolng cubic ease oul Elastic ease in E lathe ease out Elashc ease rugul Bounce mase in Bounce eae oui Bounce ease in out Requires many tweens for proper behavior To change the easing over many frames use Selection Scope before changing the easing Ch
115. e the frame duration To speed up action between two key frames assign fewer tweens dramatic effects can be achieved with 0 tweens To slow down action or to make the animation smoother assign more tweens Key frames can have different frame durations The default value is applied when new key frames are added The frame Duration can be changed simultaneously for all key frames or for selected key frames through the List of Frames window Frame Rate Video and television typically run at 30 fps frames per second and film traditionally runs at 24 fps Most cartoons and anime are done at 12 or 15 fps to save money whereas most high Cancel quality animations like Disney feature films use 24 or 30 fps Faster frame rates produce smoother animation but require more tween frames to achieve the same length of movie Frames per second is set in Movie gt Movie Speed Movie Speed E X Movie speed 2 ps Chapter 1 KoolMoves User Interface 18 KoolMoves User Manual Scenes Frames can be grouped into Scenes allowing Flash movies to be organized Scene 1 like for lack of a better word movies Scenes are most useful when breaking up large movies into manageable pieces or when a project has been allocated across different animators The current scene is displayed in the Navigation bar Click on the Clapboard button to open a popup menu Click on Scenes to open the List of Scenes window To view all sce
116. ecking Preview AII displays the entire movie rather than just the selected object for the current frame The Elastic ease in acceleration chart above indicates that negative acceleration reverse motion occurs at a couple points during the transition Chapter 5 Data Views 81 KoolMoves User Manual Morphing Morphing is the technique by which shapes in one key frame are smoothly blended into corresponding shapes in the next key frame Morphing is handled by KoolMoves without you having to think about it There is morphing between two key frames when the number of tween frames between two key frames is greater than zero To prevent morphing set the tween frames in that part of movie to zero To perform morphing between two key frames KoolMoves must recognize the relationship between shapes in the two key frames If a key frame at the end of the movie has shapes A and B and that key frame is copied to the end of the movie shapes A and B in the copied key frame are related to A and B through the copy process so correct morphing will occur Morphing occurs between a shape and its single counterpart in the next key frame There cannot be morphing between a single shape and multiple shapes or vice versa The Morphing Hint displayed in a Properties window is used to tweak performance when problems occur for morphing over multiple frames Morphing hint Turn this feature on to help in the rendering of the morphing effect when there 1s a dissimilar
117. ect how the final swf performs in the FlashTM Player JPEG Quality A number can be selected from a low of 20 to a high of 95 A low value results in poor image quality but relatively small file size This value is set in File gt Export Settings and in Movie gt Background Image Despite the name this quality setting applies equally to GIF PNG and other types of imported images as well as JPGs Sound Compression The Flash file format provides different levels of sound compression for WAV files expressed as the number of bits 2 5 used to compress 16 bit sound where 2 bits provide the lowest quality and 5 the highest Flash Version KoolMoves will automatically select the minimum Flash Player version that accommodates the functionality in the animation and action scripting ranging from Flash 6 to 8 Click on the Reason button to see what element of the movie influenced the decision Resource Loading By default KoolMoves exports all images and sounds to the beginning of the main movie or the movie clip which references those images and sounds You may want to change this so they load as needed rather than at the beginning The first method causes a delay in starting the movie the second method can cause jerkiness as the movie plays Compression Flash 6 7 8 movies can be Zlib compressed in order to make them much smaller about a factor of 2 on average The disadvantage 1s that the movie will appear blank if the Flash player is
118. endices 210 KoolMoves User Manual Appendix A Known Issues and Error Messages The performance of the Flash player is influenced by many factors the number of shapes in each frame the number of points in each frame the degree to which transparency is used security settings etc The performance of the KoolMoves internal player is influenced by the same factors In general KoolMoves player is not as efficient as the Flash player particularly with regard to rendering shapes with transparency and bitmap fills The performance on a web site 1s a different issue and 1s influenced by typical internet limitations of modem speed ISP bottlenecks etc If other large applications are running while KoolMoves is running KoolMoves may crash This is due to a lack of system or graphic resources Other causes of crashes are bad video card drivers and free RAM memory managers Review the Movie Preferences and Export Settings sections for more information on parameters that affect movie performance Exceeded SWF Buffer Size The most likely cause of this error message is that you are using a wav file that exceeds 1 MB or an image that compresses to a size greater than 1 MB Your best options are to either convert the wav file to MP3 which does not have a limit or to adjust the compression setting for the wav file in File gt Export Settings Using 100 JPEG quality in File gt Export Settings is generally a very bad idea If you need a 10
119. ents 180 KoolMoves User Manual Content Pane a Flash 6 amp 8 The Flash 6 version is also referred to as the scrollPane ContentPanes are Li TP the most versatile and possibly the most useful Interface Component The minimum size for a contentPane is 75 x 75 pixels Scrollbars on the x and y axis are automatically available Content Pane contentpane xj 7 Unlike the comboBox and listBox which display lists contentPanes display information in other formats A Flash 6 scrollPane can display a jpeg or flash swf file A Flash 8 contentPane can display multiple items treating each item as a separate page Multipage content field equals yes ContentPanes can display text strings text files graphic gif jpeg png files flash files bitmaps and objects stored in the symbol library Right clicking the component gives you the ability to zoom in on the content Clicking on the scrollPane Content field lets you identify the file to load Content File for Scroll Pane File c Cancel Chapter 14 Interface Components 181 KoolMoves User Manual Clicking on the contentPane Content field before any content has been specified or when Multipage content field is no opens the Content window Use this dialog screen to specify a single page of content and its transition Available transition styles are Cross Fade Dissolve Left to Right and Right to Left Iw Apply Transition Transition Cros
120. ents of movie clips with bitmap caching on into bitmaps and store them in runtime Flash Player memory These copies are used for screen Chapter 11 Movie Clips 152 KoolMoves User Manual refreshes instead of rendering the images from scratch until the contents of the movie clip change at which time a new bitmap copy 1s rendered and stored So as long as the movie clip doesn t change caching can seriously reduce the load on the renderer especially 1f the movie clip happens to contain complex vector images lots of lines curves gradient fills etc However what constitutes a change If the movie clip moves up or down or sideways no problem On the other hand rotations scaling flipping animated filters basically any effect will require the movie clip to be rendered For you ActionScripters these are the properties the cause the bitmap to be regenerated e xscale e yscale e rotation e alpha e width e height e filters e blendMode e opaqueBackground e transform It follows that since two steps are involved rendering and storing in caching as opposed to only one step without caching and one of the steps is tying up memory you re storing both the vector data and the bitmap that turning bitmap caching on unnecessarily for a movie clip that needs to be rendered frequently can actually hurt movie performance And it does There are a few limitations quantitative qualitative and performance inherent in bitmap cachin
121. ere you insert the script Here is an example of the Flash HTML script that you would need to add to your page OBJECT classid clsid D27CDB6E AE6D 1 cf 96B8 444553540000 codebase http active macromedia com flash2 cabs swflash cab version 4 0 0 0 D super WIDTH 560 HEIGHT 60 gt lt PARAM NAME movie VALUE super swf gt lt PARAM NAME loop VALUE true gt lt PARAM NAME quality VALUE high gt lt PARAM NAME bgcolor VALUE FFFFFF gt lt EMBED src super swf loop true quality high bgcolor FFFFFF WIDTH 560 HEIGHT 60 TY PE application x shockwave flash PLUGINSPAGE http www macromedia com shockwave download index cgi P Prod Version ShockwaveFlash gt lt OBJECT gt Notice that there are both Object and Embed tags The Object is for Internet Explorer and the Embed for Netscape The parameters are referenced in both areas and it 1s these parameters which allow you to do some customizing of your movie http www adobe com cfusion knowledgebase index cfm id tn 12701 provides further explanation of these tags and others which you can use to customize the display of your movie The movie parameter references the SWF from your directory You ll need to upload the SWF file to the same directory as your web page If you place the SWF file in a different directory then you will need to show the path to that directory in this parameter something like flash super swf assuming flash 1s the name of that particular directory
122. erface Style so you will need to re answer the Assess Web Skills and Tools questionnaire Banner Wizard The Banner Wizard is the simplest wizard it just guides the user in defining the movie s stage size and background color It has a drop down list of useful banner movie sizes Movie Settings E X Movie Size in Pixels Standard C User define width poo Height 200 Background calor Once you click on OK the Banner Wizard will advance to the Create step and the Basic Toolbox will be available The Text and Image Effects wizards guide the user in adding effects to the movie The Slide Show wizard is the most complicated guiding the user in defining images to be use and the transition timing Chapter 3 Help Features amp Tutorials 43 KoolMoves User Manual Slide Show Wizard This wizard creates a series of key frames to hold slide show images The source images can be GIFs JPGs or PNGs and must be present in a single folder The wizard queries for the folder name allows you to put the images in order and then select the duration each image will display A simple fade in fade out transition can also be applied After the step by step process ends you might want to add play buttons and add stop actions to the movie to give the end user control The slide duration can be edited in the List of Frames using the Frame Duration icon Step 1 Select Folder with Slide Images In Step 1 selec
123. es User Manual Appendix B KoolMoves Reference Tables 220 Appendix C Programming Coding Advice et al ActionScripting KoolMoves provides up to Flash 8 ActionScripting capability but not AS2 A large fraction of the possible Flash 5 6 7 and 8 operators and commands are supported at this time It is very important to note that Flash 7 and 8 are case sensitive e g gotoandplay will not work when exported as Flash 7 or Flash Some Flash 4 syntax 1s not supported The only valid target syntax 1s the dot syntax For example Flash 4 syntax levelO clip and levelO clip should be represented as levelO clip There are a number of ActionScript examples in the Examples folder actionscript toolbox com www actionscripts org and http www adobe com support flash action scripts html are good sources of information Definitive Guide to ActionScript by Colin Moock is one of the best books on the subject Another approach is to learn JavaScript because Flash ActionScript 1s basically JavaScript This is a good guide to JavaScript www oreillynet com pub a javascript 2001 2012 07 action html Note that if you use gotoAndPlay or gotoAndStop actions and if you use a KoolMoves Preloader 2 frames are automatically added by KoolMoves at the beginning of the movie Also note that in gotoAndPlay the first frame of the movie is not 0 It is less error prone to name frames and use frame names in goto actions rather than frame numbers Stop
124. eshaping 103 KoolMoves User Manual Send Backward Selection Alt Down Lists all shapes below the selected shape and let you select where to position the selected shape Group Combines the selected shapes into a meta shape allowing the shapes to be treated as a single shape Add to Group The selected shape is added to an existing group of shapes Ungroup A group 1s broken up into its component shapes Select All All objects on the stage are selected Unselect All All objects on the stage are unselected Points Menu Commands Points menu commands are used to 1 select points on the selected shape 2 add delete or move points on the selected shape and 3 control the scope of points changes applied to Ru the selected shape s After a shape has been selected use the point selection tool to select points then click and drag to move Commands covered under the Shape Menu e Select Move Selection Scope e Hide Selection Add Adding points allows you to smooth a shape add curves or corners or otherwise modify an existing shape or line After selecting this tool click on the outline to add a point Delete Deleting points allows you to simplify a shape remove a curve or corner or otherwise modify an existing shape or line After a shape has been selected use the point selection 5a tool to select the points to delete Chapter 6 Drawing Tools and Reshaping 104 KoolMoves User Manual Append
125. essed as well as all essential password and format information An open connection to a mysql server where database queries can be directed 1s required By default only select queries are allowed Additional information about changing the query structure 1s included in the sample bridge file 1 e it should be possible to use insert queries to add data However since there s no way to protect a swf file from being decompiled anyone who studies the internet temp files could identify and thus attack the database Because of this inability to protect the code it 1s not wise to use Flash to access databases with sensitive information This 1s the table used in this example CREATE TABLE koolmoves Ley ire LO Wis toned NOT NULL 2ubo Bpotemenb name tinytext NOT NULL kmversion tinytext NOT NULL filesize tinytext NOT NULL description mediumtext NOT NULL urldemo tinytext NOT NULL rltdownload tinytext NOI NULL PRIMARY KEY id TYPE MyISAM The sample files Koolmoves fun etc are located in KoolMoves Examples Components Flash 6 Database example KRecordSet API Flash 6 myData new KRecordSet Chapter 14 Interface Components 201 KoolMoves User Manual myData setDataBridge filename myData query selectquery myData onQueried OnQueriedFunction Chapter 14 Interface Components 202 KoolMoves User Manual Using the Symbol Library to add Components All of the Flash 8 interface components can be ad
126. est sample rate that gives you the quality you need fo Fes Shortening the sound track also helps Sounds do not play when running your project in KoolMoves internal player Chapter 7 Buttons 123 KoolMoves User Manual If a sound plays longer than the movie plays and if the movie loops the sound from the first loop will continue playing during the second loop until the sound from the first loop finishes This effect worsens as the movie continues to loop To solve this problem add the Stop Sound action to the last frame in the movie If your sound file is sampled at a rate other than 5500 11025 22050 or 44100 the sound will play in the Flash player at a rate nearest to one of the four rates listed above Adding Actions Go To URL Click on the actions field in the properties window to assign SEES CES rere er oer eee ee cece ee rer cere ener terete rer te ere re rere rrr or rer rrr err rrr ert and edit the actions for the button The button presents you with the possible button actions most of them self explanatory Each of these actions can E respond to one or more mouse events With the exception of Actions Over Sound Down Sound Send Form Data the other available button actions are p covered in detail in the Score Data View gt Actions and ot Sounds tab Send Form Data retrieves text from dynamic Action Script text objects and sends it to a URL Go To URL URL Link i30 To Kev Frame selectin
127. esulting in a problem when trying to recognize the width and height of the movie clip This problem is solved by the ability to manually set the region that should be displayed initObject Specified after clipRect when content type 1s symbol library mc you can pass an initObject to the specified symbol library mc Alternative syntax for multipage documents setContent pageArray startPage transition transitTime pageArray is an array of pages that make up the content Each array item 1s a sub array containing the parameters for a normal setContent startPage 1s the number of the page to display in the beginning The transition parameters can be used to set an initial transition that 1s used instead of the normal one specified for the first page to display Example pages new Array pages push 3 firstPage html pades push 12 secondPage txt 0 3 pages push 4 thirdPage jpg 1 2 myContentPane setContent pages 1 0 2 5 r setContentFilters filter Array Sets the filters of the content When using content filters text background will be 1gnored and set to transparent Example myContentPane setContentFilters new flash filters DropShadowFilter 2 1 setNew TextFormat textFormat Analogous to textfield setNewTextFormat setPage pageNumber Sets the current page when multi page content 1s displayed setScrollPos hsPos vsPos Sets the position of the scroll bars Both can have a value betwee
128. ete Del Selected objects are deleted from the stage Paste Shapes Objects stored in the clipboard are pasted to the stage Paste Shapes to Beginning Objects stored in the clipboard are pasted to the stage on the current frame and all preceding frames Paste Shapes to End Objects stored in the clipboard are pasted to the stage on the current frame and all succeeding frames Paste Shapes to File Objects stored in the clipboard are stored to a fun file Miscellaneous Commands Magnification In the Menubar Select a magnification level from the drop down list of lx 0 5to 10 Changing the magnification level causes the Canvas to center on the selected visual element s when the magnification 1s set to 1 the Stage position is reset to the last position set by the Reposition Movie Frame command Chapter 6 Drawing Tools and Reshaping 106 KoolMoves User Manual Trace Image File gt Trace Image gt Display Image open and display an image bmp format in the background of a frame for the purposes of tracing The bitmap 1s centered on the screen Use the drawing tools to duplicate the lines of the image When you are finished tracing clear the image with File gt Trace Image gt Clear Image Select Same Color File gt Select Same Color selects additional shapes with the same colors as the currently selected shape s Chapter 6 Drawing Tools and Reshaping 107 KoolMoves User Manual Drawing T
129. example FPS in the range of 18 24 on old machines might be 24 30 on new machines and 40 50 on brand new machines Older versions of the Flash player become unstable around 35 FPS Background Color ae ae Use the Background Color picker to set the background color See the cs Coloring Transparency entry in ee Chapter 5 for details in setting solid colors urrrrrr og Chapter 2 Frames and Scenes 23 KoolMoves User Manual Background Image Background Image E X File D Program FilessKaalMaves e Graphics OK Left position LE B pixels Cancel 0 Click on the folder icon to browse to the image file KoolMoves will center the image by default Supported file formats are GIF JPEG and PNG Top position LE E pixels Clear JPEG quality F Preloader Preloaders give viewers something to watch while they wait for the animation to Preloader start Use the Preload Movie interface and ces modify the default message or gradient bar KoolMoves Movie fun Parameter settings or select a KoolMoves fun file to Fields run Dialup The interface has a preview window select Replay a connection type and preview the Preloader at different download speeds KoolMoves adds an additional 2 frames to the beginning of the swf file on export name your important key frames to work with action scripting commands Movie Dependencies Dependencies displays
130. ext content length Analogous to textfield length styleSheet Analogous to textfield styleSheet text Analogous to textfield text Content has to be text wordWrap Analogous to textfield wordWrap Events onScroll hsPos vsPos Event occurring when content is scrolled onTransit Event occurring just before the content transition takes place This gives you for example the ability to see the position of the scrollbars before the content 1s first displayed Chapter 14 Interface Components 185 KoolMoves User Manual List Box 4 Flash 6 amp 8 Works pretty much the same as the comboBox except that there is a Flash 6 version it is a list instead of a drop down box and there is an option to allow the component to have more than one item selected at a time A Flash 8 dynamic example is located at KoolMoves Examples Components Flash 8 Examples ListBox KC8 Example ListBox fun List Box lisEbaxi List Box listboui Ex 7 At this time there are z versions the latest requires Flash 8 export y Chapter 14 Interface Components 186 KoolMoves User Manual KListBox API Flash 6 MovieClip CreateKListBox instanceName depth initObject KListBox addItem label value KListBox addItemAt index label value KListBox destroy KListBox getEnabled KListBox getItemAt index KListBox getItemLabel index KListBox getItemValue index KListBox getItemID index KListBox getLengt
131. face style Wizard for creating Banners Text Effects Image Effects and Slide Shows Help Menu The Help menu provides many levels and types of support from hyperlinks to the online tutorials and examples located 73 Help Topics F at the KoolMoves website to tutorials and step by step guides incorporated within KoolMoves In addition to these you can view samples created with KoolMoves by going to the Examples folder Program Files Koolmoves Examples The tutorials and wizards address basic animation tasks and internet related operations and exist to assist the new KoolMoves user in quickly creating quality animations and exporting them to the web For tough questions you can tap into the expertise of many people at once on our forum at www flashkit com board forumdisplay php forumid 24 The forum is also a great place to share ideas get feedback and find out the latest news about KoolMoves Flash and related topics KoolMoves users are encouraged to register with Flashkit and peruse the available Flash resources Help Topics Interactive Tutorial Simple Task Assistant QCtri G FAQ Tip of the Day Tutorials Examples Purchase Update Software 7 KoolMoves Website Support Forum Email Us About KoolMoves a Click on this to open the HTML Help files included with the KoolMoves installation There are Table of Contents Index and Search tabs Jod
132. floppy disks Color Boxes User can change solid color fills used by animation X amp Y Offset Adjust the placement of the clip art relative to the center of the frame Timing Start at Select an insertion point for the animation defaults to active frame Timing End at The process will add frames to the current project 1f required Timing Speed adjusts the number of tweens used by the animation based on the default tween setting of the destination project Chapter 8 Toolbox Libraries 132 KoolMoves User Manual Button Gallery Es About 70 buttons are included with the registered version of KoolMoves They were created in KoolMoves and were designed specifically for use in Flash movies The buttons are found in the Button folder inside the KoolMoves folder Click on a folder category to display the contents Click on an item to select it press Play to see how it responds to mouse actions and press Add to add the button to your movie Upon pressing the Play button the button will display in the Flash stand alone player 1f you have one otherwise your default web browser will display the button Move your mouse over the button and click on the button to see the different behaviors of the button Button Gallery Abstract Business Communicator Email amp Internet Makulat 1 Music Navigation 1 Navigation z Odds amp Ends 1 Odds amp Ends 2 People ou have a non exclusive royalty free license to i
133. g e The largest bitmaps that can be stored are 2 880 by 2 880 pixels e Bitmaps do not store vector images as efficiently as vector data e Bitmap caching is turned on when a filter is applied to a movie clip and e Bitmap caching is turned off when content external Flash movie or image is dynamically loaded via ActionScript Chapter 11 Movie Clips 153 KoolMoves User Manual Chapter 12 Transforms amp Effects 154 KoolMoves User Manual Chapter 12 Transforms amp Effects Toolbox Effects are covered in Chapter 5 Data Views gt Properties Data View gt Effects Toolbox Transforms Click and hold to open the Transform tool drawer With the exception of the flip squish and perspective tools these tools were covered in Chapter 6 in the Reshaping entry These tools operate in the same or similar fashion so we will just provide a brief description of the tools here i d Li Scale Resize Click and drag a handle to alter the x y axis scale Click v and drag the handle in the top right corner for proportional changes Ctrl Alt S Rotate Click and drag anywhere on the stage to rotate the selected 2 shape around the axis point Click and drag the axis point to move it Ed before rotating to create off center rotations Ctrl Alt R c o o i Kar Flip Horizontal Turns the selected object into a mirror image along a N vertical axis Ctrl Alt H vt Slant Click and drag a handle to distort the selecte
134. g Go To URL equivalent to the ActionScript getURL global function presents us with this popup We Load Movie can select which mouse events trigger the Go To URL Iris psi action Play Movie Stop Movie stop Sounds On Mouse Events Press Roll over M Release Roll out Release outside Drag over Set Dynamic Text Load Dynamic Text ancel Send Form ata Drag out Print URL pagel htm Print as Bitmap UAL target M F5 Command Javascript For use on the web the URL for the loaded movie can be an Tall Terme absolute or relative URL but for testing purposes all the Mouse Effect Only movies must be in the same directory without directory or disk drive specifications in their names Also there should Button actions e amp g action script play alb i stop get url etc associated with the be no spaces in the name as this will cause problems in button Netscape web browser Http should not be in the URL for a loaded movie because it will also cause problems with Netscape web browser The optional URL Target field comparable to the window argument in getURL can be used to load the document into a named browser window or browser frame If this field 1s left empty the document 1s loaded into the current browser window or frame Chapter 7 Buttons 124 KoolMoves User Manual The dropdown list has four preset
135. ges Display If the animation does not display in the preview window there are several possible reasons 1 You don t have the Flash plugin Using Internet Explorer browser go to www adobe com download page and download the latest Flash plugin 2 You have javascript or activeX disabled You can control this in Internet Explorer options settings 3 There are security settings issues see Internet Explorer Security Issues below Internet Explorer Security Issues With the introduction of Windows XP SP2 there have been changes to Windows which affect Flash animation To avoid a security warning when a Flash animation plays from a local file off your hard disk a special comment line can be added to the html file By default KoolMoves adds the following line called Mark of Web lt saved from url 0013 about internet gt This line causes the file to display using the Internet security level rather than the Local security level which tends to be more restrictive for XP SP2 in particular in preventing active file content in this case Flash movies from displaying All animation preview windows in KoolMoves use local html files so this issue affects KoolMoves functionality Other operating systems and service packs or security configurations may have a problem with this line In any case you can control whether the line is added or not added in the File gt Preferences gt Play tab o Mark af Web comment line included in Htm
136. gt EE ce l Chapter 14 Interface Components Yes iJ zi Gradient Yes Gradient No Shaded Yes Shaded No Shaded Yes Shaded No n Yes c Gradient Mo Shaded Yes Shaded Mo KC EM Suo NEA Label d l Label j 177 Label KoolMoves User Manual Check Box x Flash 6 Check boxes are best suited for turning features on or off and dealing with variables that have only two values LJ Label Label false true unchecked The check box component was largely covered when it was used as the example in the section on Behavior Actions amp Dynamic Coding In addition to the examples already covered check boxes are also used in WXKoolMoves Examples Components Flash 6 Styling demo KcStyling fun and WKoolMoves Examples Components Wlash 6 Tool Tip example iptest fun Below 1s the programming interface for the check box component KCheckBox API Flash 6 MovieClip CreateKCheckBox instanceName depth initObject KCheckBox destroy KCheckBox getEnabled KCheckBox getLabel KCheckBox getStyleProperty styleProperty KCheckBox getValue KCheckBox onChange OnChangeFunction KCheckBox setEnabled enabled KCheckBox setLabel label KCheckBox setLabelPlacement placement right or left KCheckBox setSize size KCheckBox setStyle KStyleFormat KCheckBox setStyleProperty styleProperty value KCheckBox setValue value For more details on dynamically set
137. h KListBox getRowCount KhrstBox getscrollPosrtmron fJ KListBox getSelectedIndex KListBox getSelectedIndices KListBox getSelectedItem KListBox getSelectedItems KListBox getSelectMultiple KListBox getStyleProperty styleProperty KListBox getValue KListBox getWidth KListBox onChange OnChangeFunction KListBox removeAll KListBox removeltemAt index KListBox removeltemsByLabel label isSubstring KListBox removeltemsByValue value isSubstring KListBox replaceItemAt index label value KListBox setAutoHideScrollBar autohide KListBox setEnabled enabled KListBox setRowCount rowcount Eno stBox setocrollPosrtron QGScpollPostqson s KListBox setSelectedIndex index KListBox setSelectedIndices selectedIndicesArray KListBox setSelectMultiple multiple KListBox setStyle KStyleFormat KListBox setStyleProperty styleProperty value KListBox setWidth width KListBox sortItemsByLabel ascending KListBox sortItemsByValue ascending ListBox API Flash 8 see the Flash 8 ComboBox API under ComboBox Chapter 14 Interface Components 187 KoolMoves User Manual Push Button Flash 6 amp 8 Click on the Label field to add a label as covered in Check Box Click on the On click field to add behavior as covered in Check Box KPushButton API Flash 6 MovieClip CreateKPushButton instanceName depth initObject KPushButton destroy KPushButton getEnabled
138. h a Flash movie manually replace the lt IMG SRC gif WIDTH HEIGHT BORDER 0 ALT HTML code in your existing HTML file with all JavaScript code that KoolMoves provides starting with OBJECT and ending with lt OBJECT gt by first copying the lt OBJECT code and then pasting over the lt IMG code You can use copy paste editing capability in your web page editor or in Notepad A word of caution do not paste JavaScript code onto your web page using FrontPage The code will be pasted into a block of text and the JavaScript will not run correctly The name of the swf file in the HTML file must be the same as the name of the swf file on the server If your server does not accept a html extension you can rename the extension to htm It is best not to include spaces in the name as this causes problems with Netscape browser Both the html and swf files are next sent to your web site by ftp When you ftp the swf file to your web site make sure you send it as a binary file The html or htm file must be sent as ASCII The better ftp programs like FtpVoyager do this automatically http www pageresource com putweb provides assistance in how to ftp your files to your server If you are having trouble getting the movie to play on the internet these steps are recommended 1 If you double click on the html file generated by KoolMoves on your local disk does the movie play in your default web browser If it does the h
139. han one frame to delete copy or reverse click within the Frame Bar while holding down the shift key to add individual frames to the selection The Swap commands deal with the frame immediately adjacent to the active frame Paste to File will open a Save to dialog window and paste key frames copied by the Copy command to a new fun file Rename opens a dialog box to rename the active key frame Chapter 5 Data Views Rename Sounds and Actions Delete uk Copy Paste Before Selection Add Copy of Frame Add Copy of Frame to End Add Blank Frame Add Blank Frame to End Reverse Frames Swap with Frame bo Left Swap with Frame bo Right Paste Eo File Rename Cancel 83 KoolMoves User Manual There are certain nuances to the Frame Bar so let s take a closer look Dn A A A 1 In the Key Frame bar there are white and grey regions The white region reflects key frames that exist Clicking in the grey region has no effect 2 At the hash mark labeled 10 one would expect to be at the 10 hash mark but it is actually the ninth The numbering through the Key Frame bar is off by one This is a legacy issue that doesn t affect performance and since the numbering is accurate in the List of Files Data View and Navigation bar no one has ever complained Just an oddity of KoolMoves 3 From the pink in the Key Frame bar we can tell that three key frames have been selected However which
140. hange the Filled property of the shape This will give us a line Shapes and lines with curves are defined by on shape points and off shape points indicated by dashed circles Technically curves are quadratic Bezier splines You can change the shape of the curve by moving selected points on shape and off shape by dragging or using the arrow keys You can control the appearance of a shape through its 1 Fill 2 Border thickness 3 Border line color 4 Last border segment Lines are shapes that are not filled and have a border with the last segment not drawn Lines can be changed to shapes by setting the Filled and Closed properties to yes Text does not have a border Chapter 6 Drawing Tools and Reshaping 109 KoolMoves User Manual Drawing Lines Draw Varying Line Thickness There are there ways to achieve line thickness variation 1 In Cartooning mode you can set a tapered line style in the Shape Properties dialog It will not work with symbol shapes shapes with non linear morphing or shapes that are filled or have a closed border 2 Draw two shapes one on top of the other Both shapes are set to zero line thickness The shape behind is then set to the desired line color By adjusting the points for the shape underneath and making it slightly larger than the shape on top you achieve the look of a line bounding the shape on top 3 To achieve a line that looks a little more hand drawn use just one shape with t
141. hange them in the New line HTML Coding Tags in Dynamic Textfields If a textfield has been to support HTML formatted content either in the Properties window or dynamically with textField html the text can contain a subset of HTML formatting tags lt B gt lt I gt lt U gt lt LI gt FONT lt P gt lt BR gt A lt IMG gt lt SPAN gt TAB and lt TEXTFORMAT gt Adding a Black Border Use the following HTML code to add a black border to your movie lt div style border 1px solid black gt lt movie code here gt lt div gt Using KoolMoves to make a HTML Signature in Outlook See this tutorial www koolmoves com johnie outlook KoolMovesandOutlook html Appendix C Programming Coding Advice et al 226 Appendix D Useful 3rd Party Software Audio Editors This 1s a limited listing of freeware and shareware audio editors e DigiDesign a very powerful freeware audio editor www digidesign com flashnav index html ALF a WAV to MP3 encoder www philnet u net com Sound format converter www dbpoweramp com ASIA a free wave editor www geocities com SiliconValley Platform 9 1 82 Audacity a freeware audio editor audacity sourceforge net Windows media player and Windows sound recorder can be used to create WAV files and convert many formats to WAV e GoldWave shareware 40 www goldwave com e Audio Mulch shareware 50 www audiomulch com index htm Converting SWF to AVI There
142. have been covered in other sections so we will focus on the properties unique to movie clips Movie Clip Actions Click on the Actions field to open the ActionScript editor and define onClipEvents These pieces of code travel with the movie clip they are attached to and are not visible from the main timeline data views If your movie is complicated and you can t recall where some code is located which can happen when you use this field use the Movie Overview data view to track it down Movie Clip Parameters In the Properties popup you can create and assign values for parameters to the movie clip These parameter assignments are exported in the swf to the top of the first frame of the movie clip Parameters offer the opportunity for reusable movie clips that can be customized by the end user LE Click on the Add Parameter button to display the x available parameter types Selecting a type opens a dialog mt A box Color Parameter E x Click on value to edit Mame of parameter aBC Cancel Description of parameter Answer box color optional Click on a parameter to change the value Click on Edit to reopen the dialog box for the selected parameter m Deletes selected parameter 1 Shifts selected parameter up or down in list Chapter 11 Movie Clips 151 KoolMoves User Manual g Click on Lock to prevent changes to the parameters disables edit delete move up and down
143. havior fields are also fewer though there is the new Library Symbol field that can be used to add the button to the symbol library and assign a description On the Stage buttons look a lot like movie clips when selected Chapter 7 Buttons 121 KoolMoves User Manual Adding a Button from Scratch Clicking the Add Button tool creates an empty button and opens the Up State edit screen Analogous to creating an empty movie clip returning to the Main Movie without adding any visual elements to the Up State will result in a 10 pixel by 10 pixel empty button Bo being placed near the center of the Stage BB Once the button is not selected it will be completely invisible and the only evidence of its presence will be its entry in the List of Shapes data view Working with Buttons Editing States With a button selected click on the States button in the Properties Data View to open the states editing environment The Up state already exists and that is where you start The Tools Toolbar has been moved to the right so as not to obstruct any of the features of this window FE KoolMoves Untitled E i xl File Edit Views Shapes Ponts Effects Transforms Frames Mowe Play Options Help Button btni 4 Main movie IET Up Eih Over e Down Up State Mouse 460 2201 If you are starting from the Add empty Button tool the screen will be the same except no shape will be present The crosshair 1s ei
144. he effect used to show the effect of movement against gravity A good example would be a rubber ball bouncing When the ball hits the ground its shape changes from a circle to an ellipse and as it accelerates back into the air bouncing its form stretches slightly Both squash and stretch can be created by using the squash tool in the effects tool section Bones The Bones capability 1s only available when the Cartooning interface has been selected Bones allows the designer to attach a skeleton to a figure In comparison to expensive character animation software the KoolMoves Bones feature 1s relatively primitive but is still a very powerful feature a shape or figure with bones can be fluidly redrawn by manipulating the skeleton When combined with morphing Bones allow you to have graceful animations without the tedious task of point by point redrawing Cartooning Bones can not be attached to symbol shapes if you are currently drawing shapes as symbols you should probably Prewma turn off this option in File gt Preferences Draw shapes as symbols uncheck for cartooning or for shape morphing ay Drawings Selection Toolbars Play Libraries Audio Editors Ima When the Interface style is set to Cartooning the Properties Data View has an additional Behavior field called Bones This field will only appear when a non symbol shape is selected shape 51 BE xl To attach bones to this simple figure indicat
145. he X Offset and Y Offset Zero offsets correspond to a centered position To change where the text effect starts relative to the underlying movie select a Start At key frame under Advanced gt gt Frames that exceed the current length of the movie have added in parentheses The button to the right allows you to view that key frame The text effect has a natural frame length which 1s reflected in the End At key frame You can override this 1f you want to stretch the text effect to cover more of the underlying movie In most cases you will not need to change the End At key frame Changing the End At key frame does not affect the speed of the text effect because as you lengthen the text effect the tweens for each frame are decreased To control speed independent of number of key frames set the Speed at a setting between Very Slow and Very Fast or change the speed of the main movie Movie gt Movie Speed The Speed setting affects the number of tweens between the frames To add the text effect to the underlying movie press Add You are free to use any of the positioning coloring and transform tools to edit the text effect at this time or you can undo the text effect by pressing the Undo button If you want the last frame of the text effect to play for a long time increase the number of tweens for the previous frame or duplicate the last key frame a number of times using Frames gt Insert Copy of Frame Also you can use Edit gt Paste to En
146. he filename of the slide image or the link name if the slide images has been placed in the symbol library Slide link names should not contain a dot because the dot 1s used to determine 1f the image source is a file or symbol link image time slide duration in floating point seconds after the transition effect has finished scale mode integer value setting how the image 1s sized to the slideshow box 0 scale to fit scale and crop 2 crop slide bg color 24 bit hex integer OXRRGGBBJ background color of a slide when the image doesn t fill the whole slide effects integer value defining pixel based effects applied to an image Except for sepia and b w effects can be combined by adding their values The lined and channel build effects affect the transition and are more cpu intensive than b w and sepia which only affect the slide after the transition 1s over 1 lined cpu intensive 2 sepia not cpu intensive 4 b w not cpu intensive 8 channel build mildly cpu intensive sound link name the name in the symbol library used for the transition sound External sound files are not supported Link names are not allowed to contain a dot because the dot is used to specify the sound loop value For example mySound 3 will play the sound with link name mySound three times A sound automatically stops playing when a transition ends callouts amp clicks indices an array containing the array index nu
147. he line thickness set to 1 Go along the line and plunk down a few random additional points and intervening curves Then move these points and curves just slightly out of line in a random pencil like way until the line looks more hand drawn Still relatively straight and all but with slight variations in placement and thickness so it looks a little more natural Tapered Lines In Cartooning mode you can set a tapered line style in the Properties dialog It will not work with symbol shapes shapes with non linear morphing or shapes that are filled or have a closed border Reshaping The heart of animation is movement Movement is achieved by changing shapes from one frame to the next Change can take many forms moving a shape from one position to another moving or transforming points associated with a shape changing the color of the interior or border of the shape adding or removing points from the shape KoolMoves provides a number of tools to accomplish all these tasks without getting in the way of your creativity To move a shape or a group of shapes is simple Select the shape or EE group of shapes with the shape selection tool and drag the mouse For og fine precision movement you can use the arrow keys The selectimove Shapes combination of shift plus an arrow keys produces a movement of 10 pixels To move a point or a group of points is equally simple Select the points with the point selection tool and drag the mouse F
148. his getValue Or txtl text checkboxl getValue Or Toote tX TERE GXOOtCHeOKRDONIgetvsluet s Since the Flash 6 component behavior code 1s positioned relative to the parent movie clip in this case root both the code and the text box are on the same level and relative path information is not required Valid code for comboBox1 Flash 8 component root txtl text this getValue Or OObtxXLI text T DOOLecoInDoUcxlocgetvusnne The Flash 8 component behavior code s parent 1s the component and not the creating movie clip root so even though the absolute path for the two components are analogous and the getValue function look the same the internal workings differ For this reason combobox 1 getValue returns undefined Likewise sending the value to txtl text doesn t work for Flash 8 components as the behavior code ends up looking for txtl on the component object Chapter 14 Interface Components 175 KoolMoves User Manual xl Labels are available for Push Buttons and Check Boxes The fonts are limited to the fonts installed Label Label on your computer Push button text is centered Font Tahoma on the button while check box text is left justified Sie 12 to the right of the check box Both are limited to Style Regular one line Soript westem Li Label settings can be changed dynamically with Mate For same European character sets only Anal Courier Mew ActionScript for Flash
149. id and set its size with Options gt Grid Display of the grid on over or under the animation is set in File gt Preferences To further assist in aligning visual elements turn on Options gt Snap to Grid Show All Masking Ctrl M Toggles display of masking in author time environment Chapter 2 Frames and Scenes 29 KoolMoves User Manual View Associated Joints See the Bones entry in Chapter 6 for a discussion of shape joints Antialiased Rendering High quality rendering means anti aliasing Anti aliasing 1s an image filtering technique which alters the boundary of an image to eliminate what are called the jaggies Wire Frame Rendering Use this to turn off all appearance settings and just see the outline of your shapes Onion Skinning Onion skinning allows you to view in addition to the current frame frames Onion Skinning Properties before and after the current frame As the frames are further away from the current frame the dimmer they appear Onion Number of frames before current frame 4 skinning can be used to observe the Number af frames after current frame m movement or changes in the animation and ensure that the animation 1s fluid To turn on onion skinning select Options gt Onion Skinning Chapter 2 Frames and Scenes 30 KoolMoves User Manual Chapter 2 Frames and Scenes 3l KoolMoves User Manual File Export Settings Flash Movie SWF File Export Settings aff
150. int for the next stage of the animation changing positions of shapes moving shape points changing Add Blank Frame to End colors adding new shapes etc When a frame copy is made the shapes in the copied frame retain a relationship to the shapes in the original frame which allows morphing to occur Add Blank Frame Additional Commands are available in the Frames menu Increase Mavie Length These commands consist of adding deleting or navigating frames Add Copy of Frame Add Copy of Frame to End The Default Tweens command changes the default tween value applied to new frames Add Blank Frame Add Blank Frame to End The Edit Actions Sounds command opens the Frame Actions and Sounds dialog Use this dialog to add Delete Frame ActionScript coding and sound files to a frame see Next Frame PaL own Chapter 5 Score Timeline Data View for more details Previous Frame Pap Frame Actions and Sound X Default Tweens Actions Sound Edit Actions Sounds F8 a 2 Edit Mowe Clip Frames Ctrl F The Edit Movie Clip Frames command opens the selected Movie Clip for editing see Chapter 11 Movie Clips for more details You can navigate between key frames by moving the frame slider or pressing first frame previous frame next frame or last frame buttons on either side of the slider PageUp and PageDown will move to the previous and next frames respectively The name of the current key frame is shown on the lef
151. iptions have different formats e The Flash 8 contentPane listBox and comboBox components can control vertical scrolling via a mouse wheel while the mouse 1s over the component and e the Flash 8 components were designed with and are available in the Symbol Library There is no conflict between the Flash 6 and 8 versions your movie can have components of both versions However there are distinct differences in how you work with the two versions dynamically For example while all components can be added to a movie dynamically with ActionScript Flash 6 component APIs have the mc createK Component function while Flash 8 components use the standard ActionScript mc attachMovie function Applicable examples can be found in KKoolMoves Examples Components Flash N where N is the flash version Chapter 14 Interface Components 171 KoolMoves User Manual Interface Components in the Toolbox Click and hold on the Components tool to display the available components Interface Mr f components allow movies to interact with users KoolMoves has seven interface components six of which can be added through the Toolbox Example files included with the KoolMoves installation package referenced earlier introduce the minimal knowledge of ActionScript needed to use these components After selecting a component the mouse pointer jee a usnbut Dl Changes to a cross hair click and drag to set the size and location of the component Most l
152. ircle lt Draw rectangle square Apply effects to selected shape and text objects lt Resize selected shape and text objects Apply color gradient image fills to selected objects Select move objects Select move points Insert image etc e Insert library item Insert component Insert text regular or dynamic Create movie clip gt Insert button Draw line gt Draw standard shapes e g circle Draw point by point gt Draw freehand Add point to shape gt Delete point Add curve Apply transform Apply fill color gradient or image U Apply Effect Options for selected tool Advanced and Cartooning Interface Toolbar Chapter 1 KoolMoves User Interface 20 KoolMoves User Manual Clicking on a tool will select it and change the mouse cursor to reflect the current activity Many of the tools in the Advanced Cartooning level toolbar actually have a list of choices you will see a black triangle in the bottom right corner L T abl Click and hold on the tool or click on the black triangle to open the tool drawer La and view the choices The tool icon will change to reflect the selected active tool Even when another tool 1s abl being worked with the last choice for a given tool is still reflected in the toolbar The toolbar will reset to the default set of tools the next time you launch KoolMoves Chapter 1 KoolMoves User Interface 21 KoolMoves User Man
153. itor from the menu will invoke that editor See the Audio Editors entry in Appendix D for a discussion of recommended freeware and shareware audio editors Program Location Image Editors Preferences You can assign up to 6 image editors that can assist you in viewing and editing images You do this by pressing the Add Program Location button A popup will be displayed Press Draw D Program Files OpenOffice orgl 1 2 program soffhice ese the browse button identified by 3 dots and select the exe corresponding to an image editor The image editors are accessible RENE SEES through the paintbrush icon on the Image Fill page of the fill popup E E Preferences E x Libraries Audio Editors Image Editors Bones Messages Wamings Scripting 4 r Bones Preferences Set the color for animation bones Click on the color box to open the Color Coor I E Option dialog Messages Warnings Set Checkboxes to control display of EE selected warning messages Play Libraries Audio Editors Image Editors Bones Messages Wamings s 4 ta Display These Messages and Wamings MW Add to movie current frame all frames current frame to last v Task specific hints Chapter 2 Frames and Scenes 28 KoolMoves User Manual Scripting Set the Font for the Action Script Editor Options Menu The Options Menu allows you to customize the appearance Options Help and actions
154. k Only lets the published SWF file interact with files and resources on the entire network HTML File These options affect how the movie will act and appear in a browser Movie Loops To set the looping of the Flash movie to on or off in the HTML file set the looping property in File gt Export Settings gt HTML Settings Click on the menu item to toggle its value This parameter sets the value of the loop parameter in the JavaScript in two places in the HTML code Alternatively you can put a stop action at the last frame using Views gt Actions and Sounds Transparent Background For this feature to allow a web page s background to show through the movie s background you will need to use the WMODE parameter in the html object code on your target webpage The quick and dirty solution 1s to have KoolMoves create an HTML page when you export your project to a swf file and copy the applicable code from that html file to your target web page Chapter 2 Frames and Scenes 33 KoolMoves User Manual Chapter 2 Frames and Scenes 34 KoolMoves User Manual Chapter 3 Help Features amp Tutorials There is extensive context sensitive help available for most dialog screens Look for the help icon below the window name In addition to the Configuration Wizard covered in Chapter 1 KoolMoves has additional user assist dialogs Interactive Tutorial Simple Task Assistant available under the Help Menu and a simplified inter
155. key frame is the active frame The answer is the last key frame selected also known as the one whose pink bar extends into the display area In the image above the last key frame selected was the fourth Chapter 5 Data Views 84 KoolMoves User Manual Score tab The Score view allows you to see at a glance where an object has been throughout the entire movie The Score view 1s equivalent to the timeline view in other Flash tools RE In each key frame objects that are f 7 ou A Al present are displayed as dots Clicking on a dot selects the object and moves the project to that frame Selected objects are indicated by blue filled dots Shift click to make multiple selections The order of the objects in the display area reflects their relative position depth in the content stack Objects higher up are displayed over lower objects in the movie After an object is selected right clicking in the display area invokes p a context sensitive popup menu With these commands the selected object s can be renamed copied or moved to an adjacent key cnp LE PER ane frame or moved in the Content Stack With KoolMoves 5 0 2 EE Right movie clips can be added to the Symbol Library additional objects snb Lee can be added starting with the next KoolMoves release Move Up Move Down Add to Symbol Library The Score view also has the following command buttons popup menus included where applicable ri
156. l oui Split vertical ih SDIIC Vertical Gut T Strips Lertc down strips Left ups Straps TigNt down Stripo right up sunrise block style sunset block style triangles down triangles left triangles right 218 Oxo li Vr pee 0x04000008 0x04000007 0x0400000d 0x0400000a 0x04000006 0x0400000c 0x0400000b 0x04000009 0x4193dc00 Usa 1d COO 0x4113de00 0x4113dc00 Dxollortoceg ORaLITEECO 0xoll3tecO0 OxalllfecO scOldsrfoeU sco llf ues ld ecu Uxel T Lr de KoolMoves User Manual triangles up uncover uncover uncover uncover uncover uncover uncover uncover down left left down left up ELITE right down ETGght p up unzip down unzip left UA LORNE nzip up waves down waves down terre Le ET Waves Waves NO ox NO cx waves right waves right 2 waves up waves up 2 0x4013fd00 0x4013fc00 OKSOUTS ECO sxoO L3rd00 0sc000 76290 0x0007c140 0x0007c040 0x00070380 Ox4011fe00 0x6011fe00 0x4113dd00 0x4113df00 0x4111fd00 0x4193dd00 wedge down style wedge up BLOCK wheel clockwise spoke wheel counter clockwise block style wipe down wipe left wipe right wipe up wiper style wiper top Style Zip down zip left Zip Lone Zip Up Appendix B KoolMoves Reference Tables bottom BLOCK 1 block style 1 spoke block block style 219 KoolMov
157. l over VRS roll over VRS V VLSI roll over VVF ROLL2REDI Shutter 1 clouds desserts draw fashion bizarre folio green navi Appendix E Library Listings Shutter 2 SPINREDOFF Streak 1 Streak 2 Streak 3 Streak 4 Up down 1 Up down 2 Up down 3 Vertical to horizontal 1 Vertical to horizontal 2 Vertical to horizontal 3 Whirlpool Wild motion 1 Wild motion 2 Wild motion 3 Wild motion in and out 1 Wild motion 1n and out 2 Wild motion in and out 3 Wild motion in and out 4 Wipe 1 Wipe 2 Write on 1 Write on 2 Write on 3 Write on 4 Write on with colors Write on with transparency Write on with twists 1 Write on with twists 2 Write on with twists 3 Write on with twists 4 Write on with twists 5 loading intro menuslide music pagemaster probe scan 229 scroll shapes slide station videotheek wavemenu website website2 Clip Art Gallery Categories Folders Abstract Business Cartoon Characters 1 Cartoon Characters 2 Communications Computers Food Furniture Holidays amp Events 1 Holidays and Events 2 Animated Clip Art 3dball 3dglasses butterfly lady lavalamp Household Internet Music 1 Music 2 Nature Odds amp Ends 1 Odds amp Ends 2 People amp Clothing Recreation 1 Recreation 2 light motionmeter neongrid rotatecube rotateglobe Button Gallery Categories Folders Abstract Appendix E Library Listings website3 wrappaper Religiou
158. l to suppress Windows sP SP2 security warning M Maximum internal player stability will probably decrease animation speed You can also control the Internet Explorer security warning in Windows XP SP2 by opening Internet Explorer and clicking on Tools Internet Options Advanced and searching for the Security group the last one Enable Allow active content to run in files on My Computer A reference to this subject is http www adobe com cfusion knowledgebase index cfm id tn_ 19542 A more general reference 1s microsoft com technet prodtechnol winxppro maintain sp2brows mspx Appendix A Known Issues and Error Messages 217 KoolMoves User Manual Appendix B KoolMoves Reference Tables This appendix contains useful references for the KoolMoves interface and associated APIs Menu Structure Menu entries followed by ellipses open dialog windows Shortcut keystrokes are shown where available 1 Most Recent Files 2 Most Recent Files File Copy Shapes Ctrl C New Ctrl N Delete Shapes Del Open Ctrl O Paste Shapes Ctrl V Save Ctrl S Paste Shapes to Beginning Save AS Paste Shapes to End Export Movie Paste to File Add Flash Movie to Web Page Wizard Add Flash Movie to Web Page Expert Views Vaid eq m Shape Properties Ctrl F3 S as ovic an ages s As SVG Scalable Vector Graphics edid aad B UE Movie Overview Alt F3 As Frame Captures Di Actions and Sounds Overview Ctrl E iagnose Se
159. lar window is available for incorporating this capability into buttons The optional URL Target field comparable to the window argument in getURL can be used to load the document into a named browser window or browser frame If this field 1s left empty the document is loaded into the current browser window or frame 7 URL perm SSS URL target Cancel The dropdown list has four preset values blank parent selfand top blank Opens the document in a new anonymous browser window parent Replaces the frameset that contains the current movie Self Loads the results of a script execution into the current browser frame or window top Replaces all framesets in a web page with the specified document When testing a movie using Play in Browser any html and swf files referenced by Get URL or Load Movie MUST be in the same directory as the fun file for these button actions to access these files or set the directory for playing the movie in File gt Preferences Go to Key Frame The Go To Frame window is comparable to the gotoAndPlay and 2 gotoAndStop global function A similar window is available for incorporating this capability into buttons With Key Frame Selected select a key frame number e g Key Frame 1 or a frame label from the drop down list The Previous and Next Frame controls will direct program control to the most adjacent frame including tweens Go To Frame E E X
160. lash authored movies A Use the frame or button load movie action to load movies created by other tools or import the movies as objects Q How do create a tiled background A Create a rectangle slightly larger than the movie frame in the first frame and send it to the back Use the fill tool to fill the rectangle with your image It will tile Copy the rectangle go to the second frame and use Edit gt Paste to end of movie Q Is there a way to overcome Flash movie size memory limitation A The Flash player sets a limit on the size of the main swf If you are including a large sound file make it a separate swf and use load movie action to load it into the main movie In this way you can effectively double the allowed size of the movie This approach works in general for creating large movies Moreover breaking the movie into pieces results in faster internet loading Q What do I use to reposition the movie frame in the main editing window A Use Options gt Reposition Movie Frame Q Why can t I get the Bones feature to work Change your user Interface Style to Cartooning Q When I rotate something object shrinks as it rotates A The shape distortion is usually proportional to the number of degrees per Key Frame beyond a certain threshold Two methods that work in eliminating this distortion replace tweens with key frames to bring the number of degrees KM below the threshold 1e break up the rotation into sm
161. led B x File Edit Views Shapes Ponts Effects Transformg Frames Movie Play Options Help Single step play mode allows you to view morphing changes between each tween Bi key frame This EXE E VOOR analysis can help you to decide if you need more tweens or can do with fewer tweens To exit single step play press Esc or the Stop icon To move back or advance through the movie by one tween frame click on the arrow icons To convert the current tween frame to a key frame click on the key icon To open the Capture Movie Frame dialog click on the camera icon Single Step To stop press ESC SWE File Statistics See SWF File Statistics in Chapter 2 Frames Key Frame vs Tween Frame A key frame is a frame that you create yourself When cartoons are drawn by hand a master animator typically creates the key frames and an apprentice creates the tweens In KoolMoves the software generates the tweens based on the positions and colors of shapes in the two key frames Tweening occurs when KoolMoves automatically makes one or more frames that go in between two key frames Chapter 1 KoolMoves User Interface 16 KoolMoves User Manual Editing and Playing Frames Inserting a copy of the current frame D qn kt amp t at the end of the movie or after the Add Copy of Frame Add Frame Current frame is the principle method Add Copy of Frame to End for growing the movie The copy provides the starting po
162. ler like Paint Shop Pro Animator Q l d like to study some examples of flash movies made with KoolMoves A Go to the main KoolMoves site www koolmoves com support page where there 1s a list of different sites with downloadable examples Q My computer crashed and now KoolMoves needs to be reloaded Where can get the program A Email support koolmoves com Q My Logitech mouse moves very slowly How can fix this A This 1s a windows setting Uncheck checkbox Disable acceleration in games at Control Panel gt Mouse gt Motion tab or turn off the Enable game detection setting under Start gt settings gt Control Panel gt Mouse or Logitech MouseWare program Q How do I select a shape or points when they are under another shape A Select the shape on top and then press CTRL H to hide the shape thus revealing what 1s underneath Press CTRL H again to undo the hide Q How do change the fill of a shape everywhere in the movie A Select the shape with the selection scope set to All Frames Whatever you do to the shape is now reflected everywhere You are prompted first before global changes are implemented Appendix F Frequently Asked Questions 236 Q How do rename a shape select a shape by name or select a hard to get at shape A Use the Shape List tool Using this tool you can select individual shapes or multiple shapes with CTRL and SHIFT select Q Is there a way to combine KoolMoves Swish and F
163. les to your web server The swf file 1s binary and the name should be spelled exactly as you have it on your local disk Avoid spaces in the name because spaces are a problem for Netscape Ftp is shorthand for file tranfer protocol which is the method used to transfer files from your computer to internet file servers There are many programs which are easy to use some of which are free which will perform this transfer If you don t currently have a program to ftp files there are many free ones to choose from at www snapfiles com Freeware network fwftp html Chapter 4 File Operations 54 KoolMoves User Manual Add Flash Movie to Web Page To run a Flash movie from your web page involves 1 creating a swf file with KoolMoves and 2 adding JavaScript code to your web page which references the swf file KoolMoves will create the JavaScript code for you Both the swf file and your html file with the JavaScript are uploaded to your web server This is analogous to creating an image in an image editing tool and adding code to your web page to display this image Look under File gt Export Movie for a number of different approaches to creating swf files and adding the necessary code to your web page We recommend using the Wizard Mode Export step see Chapter 3 1f you have any problems Export as Frame Captures Capture Movie Frame This function performs a screen capture of the current key frame all key frames or all frames including tweens
164. lmoves com tutorials kmwithfrontpage pdf CoolPage www koolmoves com tutorials kmwithcoolpage pdf NetObjects Fusion www koolmoves com tutorials kmwithfusion pdf MIDI Sound Files The Flash player does not directly handle MIDI sound You have to convert the MIDI file to WAV or MP3 or synch it using other Flash player methods and FS Commands There are several freeware MIDI conversion apps for example www polyhedric com software mn www tips tricks com sound asp gives a tutorial on how to add MIDI sound to your HTML This 1s html code that will background midi sound to your web page lt EMBED SRC hittheroad mid AUTOSTART True HIDDEN True LOOP True gt lt BGSOUND SRC hittheroad mid LOOP infinite gt Chapter 4 File Operations 61 KoolMoves User Manual Chapter 4 File Operations 62 KoolMoves User Manual Chapter 5 Data Views Data Views are a major component of the KoolMoves interface they allow you to track display and edit elements visual elements effects sounds and ActionScript code placed in the movie at authoring time as well as organize the overall structure of the movie There are six Data Views but they fall into three broad categories based on what they do and how they work Shape Properties Overviews and Lists Data Views are accessible through the Views menu as well as the Menu Toolbar fi AS Views Shapes Ponts Effects HI Shape Properties Score Timeline fe Movi
165. lpha Bars Alpha Letters Bar Slide In Blinds Block Mask Blur Blur 2 Replay Blur and Fade Bounce Cartwheel Clockwite Sweep Cross Cursor Write On Decode Displacement Drop in Enter Text Here Elastic Explode Explosion Fall Forward b d Falling leaves 4 an Requires Flash 8 browser plugin May be cpu intensive a In the Image Effects interface 1 select an image file 2 set the transparency of the image 3 select the name of the effect from the list of effects and 4 click on OK Chapter 3 Help Features amp Tutorials 48 KoolMoves User Manual Image Effects PF xj Image file Select image file CS Transparency X fo 2 OF Alpha Bars Alpha Letters Cancel Bar Slide In Blinds Block Mask Blur Blur 2 Replay Blur and Fade Bounce Cartwheel Clockwite Sweep Cross Cursor write On Decode Displacement Drop in Elastic Explode Explosion Fall Forward Falling leaves Flames Float ta Center Flow on Curved 4 Requires Flash 8 browser plugin May be cpu intensive These wizards stop with the Create step and open the Basic Interface Style Toolbox This allows you to reposition or otherwise edit the object you ve just added and also allows you to add additional Text and Image effects to your movie To launch the same wizard a second time click on the Setup button To switch from the text to the image effect wizard or vice versa use the
166. mand action provides a general method for Flash to send a message to whatever program is hosting the Flash player This is advanced functionality not for the average user F5 Command E x ER FE FS Commands are not very reliable as they don t work on many browsers You are actually better passing the info from the SWF to the browser using JavaScript Likewise you are better off using ActionScript for interactivity There are a very select few instances where this is not the case Command sepes n ne n Argument In a web browser FS Command calls the FS Command JavaScript function In Director FS Command sends a message interpreted as events by Lingo In Authorware FS Command sends commands to the scripting environment In Visual Basic and Visual C FS Command sends a VB Event with two strings Cancel The FS Command was developed in Flash for 2 reasons 1 To allow SWEs to talk to Live Connect and Active X 2 When it was implemented IE did not support JavaScript Commands as URLs At that time FS Commands were the only way to pass information to IE 3 0 or lower The early versions of Flash Flash 3 or lower had a very limited scripting environment to see just how limited download a shareware trial of Flash 3 If you wanted to script something you had to use FS Commands and Flash Player Methods to do it Since the authors of the Macromedia Technotes wrote that the way to communicate with Flash was through FS Com
167. mands all of the following Flash book authors stuck to that story which is untrue Most FS Command tutorials on the web confuse FS Commands with Flash Player Methods FS Commands pass a variable and an argument to the native scripting language With the exception of projector files which have some limited commands built in you must script the commands yourself You need to be aware that there is no Active X support for IE for Mac Netscape Mozilla and most open sourced browsers Also Linux browsers are dropping Live Connect Therefore the use of FS Commands for web page usage is problematic The most common use for a FS Command is in the use of projectors These commands are quite easily called by using the following command words in the FS Command box and the following arguments in the argument box It 1s important that you start the command with FS Command Command Arguments e Quit Shuts down the Player e FullScreen True False Makes your projector Full Screen if set to true and makes it regular if set to false Chapter 5 Data Views 92 KoolMoves User Manual e AllowScale True False Allows your Graphics to scale with the projector or not e ShowMenu True False Shows the Projector Menu or eliminates it e Exec Path of EXE you want launched Launches any EXE if you are working on a MAC it launches and apple script You must know the Path of the program Save Only available in the Flash 5 Standalone Player and may be
168. mbers of the callouts and clickable area array to be used 0 2 will use callout clicks number 0 and 2 of the callouts amp clicks array Each callout or clickable area object containing the parameters for that particular callout or clickable area see callouts and clicks below Chapter 14 Interface Components 192 KoolMoves User Manual callouts transition integer value used to select the enter exit transition effect for that slide s callouts and clickable areas Slide callouts come in after the slide transition ends and go out just before the next slide transition starts 0 fade in out 1 from to top 2 from to right 3 from to bottom 4 from to left loopSlide is the zero based integer defining the target slide the slideshow will loop to when the end is reached When set to 1 no looping will occur callout click an array of callout and clickable area definitions with the following parameters X x axis y y axis W width h height text text string link URL hyperlink cradius corner radius line line color fill base fill color x horizontal position of callout or clickable area integer value y vertical position of callout or clickable area integer value w width of the callout or clickable area integer value h height of the callout or clickable area integer value text optional text content of the callout box link optional link to go to when callout or clickabl
169. me value of the selected shapes while the Horizontal and Vertical Center baselines are based on an average of the shapes Left Ctrl Shift L The x axis value for the selected shapes are all set to the value of the leftmost shape Right Ctrl Shift R The x axis value for the selected shapes are all set to the value of the rightmost shape Top Ctrl Shift T The y axis value for the selected shapes are all set to the value of the shape with the lowest y axis value Bottom Ctrl Shift B The y axis value for the selected shapes are all set to the value of the shape with the highest y axis value Horizontal Center The x axis value for the selected shapes are all set to the average value of the shapes Vertical Center The y axis value for the selected shapes are all set to the average value of the shapes Change Depth The depth of the selected shape s can be changed with the following commands The depth of a shape can also be changed in the List of Shapes data view Depths of named objects can also be changed dynamically Bring Forward Ctrl Up Moves shape up one Send Backward Ctrl Down Moves shape down one Bring to Front Ctrl Shift Up Moves shape to top of content stack Send to Back Ctrl Shift Down Moves shape to bottom of content stack Bring Forward Selection Alt Up Lists all shapes above the selected shape and let you select where to position the selected shape Chapter 6 Drawing Tools and R
170. mes Of completely separate actions In the Over State you can change the properties of the over state and edit the shape corresponding to the over state A faint image of the shape corresponding to the up state is displayed under the shape for the over state for alignment assistance All of the above information about the Over State are equally applicable to the Down State Adding Sound to Button States If you want a sound associated with the Over State return to the Main movie level and add the sound to the Over Sound Button btn x tab under the Sound field If you want a sound associated 2 Symbol States with the Down State add the sound to the Down Sound tab Al Look Effects Behavior Setting the Loops value to 999 will have the sound continuously loop The Over State of a button 1s activated for roll over roll out drag over and drag out mouse events The Down State of a button 1s activated for press and release mouse events At this time KoolMoves only supports the PCM wav and the mp3 file types If you use the same sound file multiple times throughout the movie it will be referenced that many E times in the FlashTM movie but only defined once Actions Over Sound Down Sound A Sound files tend to be huge which can make the exported swf file huge To conserve resources take these steps in a sound editing program convert from stereo to mono and to the d c oc 44s TIOkHz small
171. movie clips and button states the origin point 1s located at the center of the editing area For an excellent description of Cartesian coordinates in Flash please see the trigonometry tutorial at actionscript org Play Movie D KoolMoves has an internal player which plays the Play in Web Browser D movie in your web browser as a Flash movie on a a Raini done blank web page or in a stand alone Flash player if you have one download the browser plug in from Adobe You can also single step through the movie All of the following commands can also be found in the Play menu Su Sale See Play in Stand Alone Player Set Play Directory Play in Web Browser SWF File Statistics View your project in your default web browser This command is also available when editing movie clips Play Portion of Movie Select Key Frames and Scenes if there is more than one to view in your default web browser Chapter 1 KoolMoves User Interface 15 KoolMoves User Manual Play Stand Alone Player View your project with an internal player and a Flash player if you have one If you purchased Adobe FlashTM you undoubtedly have a FlashTM player in your program files Adobe folder It is named SAFlashPlayer exe Set Play Directory You can assign the directory from which movies will play This command is also available when editing movie clips This information 1s preserved between sessions Play Single Step CroolMoves Untit
172. mp Tutorials 40 KoolMoves User Manual Assess Web Skills and Tools X This wizard contains internet links to tutornals and useful software sa creating an internet connect at this time i advisable Hate your HTML programming skills Poor to mediocre C Good to excellent Select your HTML editor C CoolPage C Homestead C None Other C Dreamweaver C NetObjects Fusion C FrontPage C Yahoo Site Builder Hate your skills in transferring Files to your server C don t know what ftp means C don t own a ftp program C own a ftp program and know how to use it Cancel Help x Back The next few screens will depend on your preceding answers concerning your skill level the HTML editor that you have selected and how familiar you are with File Transfer Protocols FTP If you have Poor Mediocre HTML programming skills and did not specify an html editor KoolMoves will load the Add Flash Movie to Web Page Generic Approach window as shown below This window consolidates information entry and output that 1f done manually would require several separate steps and some web page coding l 2 Browse to the web page that will contain your movie Remember that your swf file needs to be saved to the same folder as the target web page If you haven t already take this opportunity to export your project to a swf file You can also choose to export a pre existing move Selec
173. multiple points The multiple points can even be associated with different shapes Selected shapes and points can be moved by dragging the mouse or by pressing the arrow keys Chapter 6 Drawing Tools and Reshaping 101 KoolMoves User Manual Shape Menu Commands Shape menu commands are used to 1 select shapes 2 position the selected shape s on the stage or in the content stack and 3 control the scope of changes applied to the selected k shape s Use the select shape tool to select shapes Select Move Shapes gt Select Move Select Move applies to shapes individual shape points and other visual elements like text boxes and can apply over many frames Selected shapes and points can be moved with the arrow keys There are four types of shape and point selection Selection Scope 1 The current frame only the most common 2 The entire movie 3 All frames from the current frame to the first frame 4 All frames from the current frame to the last frame Selection Scope Shapes gt Selection Scope The ability to select over multiple frames is very powerful For example if you change the color of a shape in the current frame and the shape has been selected over multiple frames the color change will be applied to each of the selections To prevent inadvertent sweeping changes you are first asked 1f you want to change the other frames The ability to change selected shapes and points over multiple frames based on
174. n 0 and 1 setScrollPos 0 0 sets the scrollers to the top left setScrollPos 1 1 sets the scrollers to the botom right setScrollPos 0 5 0 5 sets the scrollers to the middle setTextFormat beginIndex endIndex textFormat Analogous to textfield setTextFormat Chapter 14 Interface Components 184 KoolMoves User Manual Properties autoHide Possible values are 0 through 3 0 means hide no scrollbars means hide the horizontal scrollbar 1f possible 2 means hide the vertical scrollbar 1f possible 3 means hide both the horizontal scrollbar and vertical scrollbar 1f possible Notes The vertical scrollbar is never hidden when content is word wrapped text This can only be set when setting up the component or just before setting new content backgroundColor Analogous to textfield backgroundColor gets sets the background color of the text when content 1s text barTrans When set to true only scrollbars and buttons are visible during a transition When set to false the tracks are also visible embedFonts Analogous to textfield embedFonts htmlText Analogous to textfield htmlText Content has to be text ignoreCR Boolean value true by default Windows textfiles often use both cr and If resulting in blank lines between each line of text When set to true cr 1s ignored when using external text content ignoreLF Boolean value false by default When set to true lfs are ignored when using external t
175. n 4 key frames of motion standard morphing will automatically occur Non linear morphing is only available in the Cartooning interface style Chapter 5 Data Views 32 KoolMoves User Manual 2 Score Timeline Data View Shift F3 A powerful view of the movie 1s obtained through the Score Data View The Score window has four tabbed views Score Effects Actions and Sounds and Storyboard Each view provides a different look at what 1s happening in the movie timeline on a key frame by key frame basis but there a certain common elements nr 10 E Ear por gr g og pror g og prog pror pror d Note The Flash Player usually skips the first frame so your movie should start with an empty key frame No object or ActionScript code should occur before the second key frame Click on a tab to move between views Click within the Frame Bar to move to a different key frame The pink column that extends from the Frame Bar through the Display Area indicates the active key frame Right clicking on that pink column within the Frame Bar invokes a popup menu with a number of frame editing options Sounds and Actions opens the Actions and Sounds Overview covered later in this chapter The Add Frame commands are discussed in Editing and Playing Frames in Chapter 1 Delete Cut Copy and Paste Before Selection can work with multiple frames selected Reverse Frames can only work when multiple frames are selected To select more t
176. n this to open the KoolMoves help forum on the Flashkit website with your default browser Email Us Click on this to email support KoolMoves com with your default email application Chapter 3 Help Features amp Tutorials 36 KoolMoves User Manual Tip of the Day xj Useful stuff to know that you can learn a little bit at a time Uncheck the Show tips on startup box to turn this feature off The easiest and safest approach for adding a Flash animation to a web page created with Front Page or any other ATSTW G editor is to use KoolMoves Add to Existing Web Page tool found under File gt Export Movie Show tips on startup Online Tutorials and Examples e www koolmoves com support html a hyperlink located in the Help menu KoolMoves users can contribute tutorials and examples to this site www necromanthus com main html has many ActionScript examples www bridel org has many ActionScript examples www waterlijn info km has many ActionScript examples www flashkit com tutorials index shtml has a wealth of tutorials on Flash techniques will require some adjustments to work with KoolMoves Purchase Provides a link to www koolmoves com purchase html where the user with a demo copy can purchase a registration key Register Use your purchased registration key to make your demo copy of KoolMoves fully functional Chapter 3 Help Features amp Tutorials 37 KoolMoves User Manual Update
177. nclude these library buttons in your oolMoves created animations ou cannot sell or distribute oolMoves library buttons in volumes or as libraries in any File Format ar through any Buttons created with KoolMoves prior to version 5 1 are grouped shapes with one of the shapes designated as the button and the rest of the shapes just regular shapes The button shape is probably at the top or bottom of the shape list See the Button Gallery Categories entry in Appendix E for a list of buttons provided with KoolMoves Chapter 8 Toolbox Libraries 133 KoolMoves User Manual Chapter 8 Toolbox Libraries 134 KoolMoves User Manual Chapter 9 Importing Images Static Images BMPs GIFs JPGs PCXs PNGs and TIFs ma This function accessible through File gt Import Image or the Image Import tool creates a J rectangular shape filled with the image file you select The initial image shape and size is based on the image file but the four points of the rectangle can be individually moved or more points can be added Alternatively you can create a shape and fill it with a bitmap using the shape fill tool the image will tile starting from the top left corner Some things that are generally true 1 bmps are not the most efficient format see if the image is available 1n other formats 2 gifs are smaller than pngs and adequate for screen based purposes but pngs of the same image may be crisper and often look better in print medi
178. nes defined in the current project open the Movie Overview or the Sans List of Scenes window Rename Scene Change Scene S Cees Le Add new scene Mame Scenes Scene 2 e Move selected scene oe SCENE 3 E Cut selected scene Copy selected scene im i Paste selected scene Delete selected scene D Play selected scene in web browser Key Frames x x The List of Frames Data View will automatically create a list box of available Scenes when a movie Scene ES Scenes has more than one scene Scene 1 t Scene 2 Scene 3 1l X Under the Play menu the Play Portion of Play Portion of Movie E x Feature can also use Scenes to preview a Gtart at Key trame x T ace M subset of the movie E s NER Chapter 1 KoolMoves User Interface 19 KoolMoves User Manual Tools Toolbar aka Toolbox A collection of icons for frequently used object creation and editing tools toggle toolbox display with Views gt Tools The full set of tools 1s available in the Advanced and Cartooning interface while the Basic interface has a reduced set of tools No tools are available in the Wizard user interface The tools are covered in Part III of the manual e Select move shape and text objects on the drawing canvas lt Insert text effects templates buttons clip art web interfaces lt Insert text lt Insert image photo lt Draw ellipse c
179. ng for that particular font type and size Effects See Chapter 5 Data Views Properties Data View Effects Text Mary had al E 7 al Al Look Effects Behavior Motion script nane transitions fades zooms etc Jd Chapter 10 Text 140 KoolMoves User Manual Behavior See Chapter 5 Data Views Properties Data View Behavior Shapes Provides hints to the export engine ta produce correct motion y Creating Your Own Text Effect It is easy to create your own text effects The basic principle is to create the stages of the text effect in a series of key frames This example illustrates a series of letters which write on the screen starting very large and transparent In step 1 the Static Text tool is clicked and a single letter 1s entered The size of K T the letter does not matter because we are going to scale it The letter is shown on the right C In step 2 the letter is made transparent using the paint bucket tool H H O Hg B B E LE In step 3 the letter is scaled to a very large size using the scaling tool m a ennn g Add Copy of Frame a eer lis m Add Copy of Frame to End In step 4 the current key frame 1s copied and added to Add Blank Frame the end of the movie Add Blank Frame to End ki gt bid c In step 5 in the last key frame the letter 1s scaled to the final size using the scaling tool and the transparency 1s removed using the paint
180. ng tools the last choice in the submenu drawer The SWF Object can be located anywhere inside a KoolMove s movie and manipulated like any other symbol Tell Target actions can issue stop play and stop sound commands to the imported movie The movie has its own timeline and cannot be viewed or edited in the KoolMoves editing environment It will display as a rectangle to show the size and position of your imported SWF and you won t be able to see what the complete movie looks like until it 1s previewed in a web browser or stand alone Flash player You may scale squish rotate move apply an effect and flip a SWF Object Wherever the SWF placeholder rectangle is moved is where the SWF Object will play The imported SWF will retain all of its sounds and actions of the SWF that you imported The imported swf must be in the same directory as the swf referencing it The imported swf can also be imported as an editable movie however not all of the elements are currently imported Flash Live Video To import AVI MPEG QuickTime MOV and WMV first convert the video to Flash A LiveVideo FLV format You can find a free encoder available on the internet search on free flv encoder At this point you can import the FLV file with the FLV import tool or through File gt Import FLV Chapter 9 Importing Images 136 KoolMoves User Manual Animated GIFs Work Around KoolMoves supports import of static GIFs with and without transp
181. ns originating from buttons You can create edit or remove go to frame actions and stop movie actions by making changes in the second through fourth columns Chapter 5 Data Views 97 KoolMoves User Manual Navigation Overview From button From button na oF Go to URL Overview This page shows all go to url actions originating from buttons You can create edit or remove go to url actions by using the tool icons at the top of the page or the button selector in the second column Navigation Overview 3 P x x Go Ta Frame Button Actions Go To URL Button Actions uj L3 Chapter 5 Data Views 98 KoolMoves User Manual Part Ill Tools Toolbar Toolbox amp Menu Commands Chapter 6 Drawing Editing Shapes Chapter 7 Buttons Chapter 8 Toolbox Libraries Chapter 9 Importing Images Chapter10 Text Chapter 11 Movie Clips Chapter 12 Transforms amp Effects Part III Tools Toolbar Toolbox amp Menu Commands 99 KoolMoves User Manual Part III Tools Toolbar Toolbox amp Menu Commands 100 KoolMoves User Manual Chapter 6 Drawing Editing Shapes Before getting into the drawing tools let s cover some items you will be using a lot when you start drawing Selecting Shapes and Points P Shape and point selection tools are located on the top part of the Tools Toolbar These tools are used a lot In addition to providing selection capability they also all
182. nsparency FE 5 I Color EN Cancel Preview Chapter 5 Data Views 77 KoolMoves User Manual Behavior Shapes The fields available under the Behavior tab will vary depending on the type of object that 1s selected Addressed below are the fields for a simple shape most apply to buttons movieclips and other object types The bones property 1s discussed in Chapter 6 Drawing Editing Shapes I Shape 51 Is a Button Set to yes to convert a shape to a Button Is a Symbol as opposed to Shape A symbol is a shape which is drawn once and reused more than once throughout the movie One of the options in File gt Preferences is to have objects drawn with the Tools Toolbar tools default to symbols instead of shapes Drawing shapes as symbols results in the smallest swf file size but puts limitations on how shapes can be changed frame to frame These limitations are acceptable for most application or game designers but would normally be unacceptable for cartoonists One of the principal methods for optimizing FlashTM movie performance is to make as many shapes as possible into symbols Technically a symbol is a shape that is shared by other shapes called instances of the symbol If you move a point in one instance it will be moved in all instances throughout the movie KoolMoves first asks you if you want to change all instances If you change the gradient in one instance all instances will b
183. nt to control a loaded movie in level 1 the target would be levell To control a SWF Object from the main movie you can use either Object name or just Object Name Chapter 7 Buttons 128 KoolMoves User Manual Chapter 8 Toolbox Libraries The Tools Toolbar Library drawer allows users to work with pre packaged text effects clip art web interfaces and buttons These visual elements are stored in fun files which means that you can load these files like regular projects and edit them but we recommend that you use the toolbox to import them into your project They can also be imported into movie clips While Buttons and Clip Art are added to the current frame when imported Text Effect Templates Animated Clip Art and Web Interfaces add additional frames to your project Appendix E Toolbar Library Listings has a list of available Motion Scripts Text Effect Templates Web Interfaces Clip Art Gallery Categories Animated Clip Art and Button Gallery Categories Web Interfaces ol The web interfaces library was HEE xl created by several professional 2 zen aaa graphic designers You can modify Pesan eon ea the content color and behavior have a working home page in minutes They also serve as examples that you can learn from ontent Goes Here fashion bizarre folio green navi loading intro menuslide music pagemaster probe rel EI You have a non exclusive royalty free license to include the
184. nternal player works better if all you need are the key frames or just the current key frame Capture from internal player Screen Capture Methods Screen Capture Options Capture Scope Current frame C All key frames All key frames and all tweens Warning saving all frames as BMPs can use considerable disk space Chapter 4 File Operations BEEN Cancel 57 KoolMoves User Manual You can create an animated gif by assembling a series of frame captures Capture a series of frames and use software for creating animated gifs to transform the series of bitmaps into an optimized animated gif There are many such specialized products available Export as SWF A KoolMoves project can be exported as a FlashTM movie swf format with File gt Export Movie gt Save as Flash Movie You can create a stand alone swf file a swf file and a html template file which references the swf file or add a Flash movie to an existing web page Both swf and html files are needed for the movie to play on the internet Movie properties width and height speed background color or image can be set with menu items associated with Movie menu bar prior to exporting the files Export as SWF and New HTML Page KoolMoves can provide you with the necessary JavaScript code to call the Flash movie as one of the choices in File gt Export Movie gt Add to Existing Web Page To replace a gif or jpeg image in an existing HTML file wit
185. o 100 Initial or starts at 100 and changes to 0 Final The number of key frames combined w the frame duration and movie speed determining how fast the effect will occur Initial Zoom In oom percentage FUUL The Zoom effect does not automatically range from 0 to 100 so an additional Over this many key frames 2 B Cancel parameter exists in these dialogs MW Add frames if needed Once the parameters are set turn on the Effect by clicking on OK Click on the edit button in the Fade and Size Transitions window to change the parameters for the respective effect Zoom effects can not be used in conjunction with Fade or Grow effects Chapter 5 Data Views 75 KoolMoves User Manual Spin Rotate EL The Rotate and Spin Effects dialog window is Rotate and Spin Effects pretty standard click on box to open parameters dialog edit buttons disabled until effects are turned on EH Effects Rotate Spin click on OK button to save effects to selected object Cancel Rotation Effect E f Xl Rotation Direction 2 C Tolet Lancel Like the Fade Size effects the Rotation Effect allows you to apply the effect to either the initial or final key frames or both The Fade Size default key frame effect duration value 1s 2 while it 1s 4 for the Rotation effect The explanation for this difference is covered in the Morphing entry under the Behavior tab
186. oad Movie Play Movie Stop Movie Stop Sounds Sound files movies source text and other external objects defined at authoring time and loaded at movie execution can be quickly identified with the Dependencies window Movie gt Movie Dependencies Set Dynamic Text Load Dynamic Text F5 Command The Dynamic Text commands are grayed out if there are no x e E F E Dynamic Text objects in the project avascrip Chapter 5 Data Views 87 KoolMoves User Manual Start Sound Sounds MP3 and wav PCM can be added to a specific frame in a KoolMoves movies When the movie plays that frame the sound will start playing xj MP3 frame sounds can be streamed this means that the animation can begin playing before the entire sound is loaded The disadvantage to streaming sounds is that key frame animations can be dropped if they cannot keep up with the sound WE Boundswoci AMAN A c fu 22s 110kHz Loops 999 Stream UM Select a Sound Set Loops equal to 999 for continuous i Edit the sound using audio editor defined in File gt Preferences one cl Play a sound 222 11 0 kHz Sound file s duration inj Rae dl and sample rate Each Key Frame can have only one sound action Load sounds into movie clips to have multiple sounds on a Key Frame If you use the same sound file multiple times throughout the movie it will be referenced that many times in the FlashTM movie but onl
187. of Shapes and List of Frames Views ELT x The List of Shapes displays what is present on the current key frame while the Timeline view displays all the objects in the movie and on which frames they are present You can see in the timeline that each image is used five times The images are initially transparent because of the Fade In effect Score Timeline b x a EN c Ee BE bg 0 9 amp eq sss p FINIS E 4 do i Li Gi B A Chapter 3 Help Features amp Tutorials 46 KoolMoves User Manual In the List of Frames you can see that the key frames where the images are first used have been named for the image This is a built in navigation and programming aid to help you add features like buttons to control the flow of the slideshow In the sequence of images below the shape web 1 has been selected As we step through the frames you can see webl s transparency range from 100 to 0 back to 100 p t il dh Bs ta mi X n AS d 9e OS p ix Click on the Play button or press Ctrl Spacebar to preview the slide show in a browser window There you can see how the transition effect is affected by tweening P9 So p x When you are through editing your slide show the next step 1s to save your project to a fun file and export the movie to a swf file To take advantage of all the features available in KoolMoves it is recommended that you read the
188. of the KoolMoves environment depends on the graphical user interface GUI style selected and your preferences For example below the Advanced user interface has been selected and none of the optional data views have been opened Screen components common to all configurations have been labeled pia Pant Electr Tiaret Frame Mosa Pip Oper Help DOR SPD y ole Of alia He p SRL S az tweens scene KoolMoves Interface Chapter KoolMoves User Interface 11 KoolMoves User Manual User Interface Style Settings KoolMoves has four user interface styles available You can select the appropriate interface on the Screen and also in File gt Preferences gt View KoolMoves will determine the appropriate Tools Toolbar based on the user interface style selected Available user interface styles The following table identifies the mapping between functionality and the 4 interface styles Wizards Basic Advanced Cartooning Banner wizard X Slide show wizard X Effects X X X X SWF Flash Movie import X X X Full set of drawing tools X X Shape point manipulation X X Dynamic text X X Masking X X ActionScripting X X Interface components X X Flash Live Video import X X Non linear morphing x Bones X User Interface Features Chapter 1 KoolMoves User Interface KoolMoves User Manual Configuration Wizard File gt Configure launches the Configuration PETUETmTIUPHTSMTm xj l f B Wizard After answe
189. om is a piece of shareware that costs 29 99 and it can go either from EXE to SWE or the other way Another one that makes projectors is www flash player us It is 19 99 for the full version 2 0 and has a free version and a trial version A whole list of them are at www soft41 1 com software swf to exe html Appendix D Useful 3rd Party Software 228 Appendix E Toolbar Library Effect Listings Text Effect Templates Bounce in Crazy shadows 1 Crazy shadows 2 Crazy shadows 3 Crazy shadows 4 Crazy shadows 5 Crossover Drop from sky 1 Drop from sky 2 Drop from top and bounce Enter from both sides Enter on diagonal eyequakel eyequake2 eyequake3 eyequake4 Fade in and rotate Five rows flashing FLIPFADE Float up Float up with flip Float up with rotate get green b go orange b Jiggle Jiggle 2 Jiggle 3 Jiggle 4 Jiggle 5 Jiggle with accordion 1 Jiggle with accordion 2 Jiggle with transparency Jiggle with twists 1 Jiggle with twists 2 Web Interfaces archiboek archiboek2 bluewave bounce brique bleu classicgrid Lateral motion 1 Lateral motion 2 open doorL open doorR open doorR2 open doorRLI open doorRL2 open up2 open up2a open up2b open up2c open up2d Outline 1 Outline 2 Outline 3 Outline 4 Outline 5 Outline 6 Outline 7 Radiation Relfect 1 Reflect 2 Ripple roll over V roll over V VRS2 roll over Vboogie roll over VHF roll over VrayL2 roll over VrayR2 rol
190. om of the GUI These actions PE cC ee a ete will take effect the next time KoolMoves is re opened Scenes con v Include on Navigation Toolbar Uncheck the Scenes Icon box to Position Bounds remove the current scene indicator v Limit positions to monitor area turn off for dual monitors field and the Scenes icon from the Navigation bar Uncheck the Position bounds box if you have dual monitors and wish to spread the KoolMoves interface components across the two monitors Chapter 2 Frames and Scenes 26 KoolMoves User Manual Play Preferences By default animation preview uses the references tJ Windows internal Internet Explorer View Drawing Selection Toolbars Play Libraries Audio Editors gt web browser You can override this to use your default browser You can assign the directory from which movies will play Every time you open a fun file the play directory will reset to this directory This can also be set via the menu with Play gt jy Mark of Web comment line included in Html to suppress Windows XP SP2 Set Play Directory ETE You have the option to add or not add the Mark of Web comment line C Program FilesKoolMoves sBones lt saved from url 0013 about internet gt to all generated html files including the temporary files used for preview With the introduction of Windows XP SP2 there have been changes to Windows
191. oolMoves User Manual Rotate Shift Gradient Fill This command allows you to rotate and or shift the gradient fill of a shape A reference point is placed at the center of Placing the mouse pointer over the the selected shape and the mouse pointer is center will change the mouse pointer changed to four arrows arranged in a again this time into four arrow pointing circle Click and drag the mouse around out from the center Click and drag the the center to rotate the gradient fill center to shift the gradient fill Scale Gradient Fill This command resizes the gradient fill without affecting the shape s size Click and drag the handles as with the normal scale tool Chapter 12 Transforms amp Effects 157 KoolMoves User Manual Rotate Image Fill Analogous to Rotate Gradient Fill but applied to shapes with image fills Shift Image Fill Analogous to Shift Gradient Fill but applied to shapes with image fills Scale Image Fill Analogous to Scale Gradient Fill but applied to shapes with image fills Numeric Ctri Alt N Use the Numeric Transform tool the modify a selected obj ects size o EP Fa initial rotation and position Click on the Scale Rotate or Position boxes to activate those fields only one set of fields is active at a L2 time Click on the Apply button to effect changes to the selected m Escles object only one set of changes Scale Rotate Position can be applied at a time e Scale
192. ools Q You select a drawing tool by clicking its icon in the Toolbox A small triangle at the lower right of a tool icon indicates hidden tools Positioning the pointer over a tool displays a l tool tip To select a tool click its icon If the icon has a small triangle at its lower right corner click on the triangle or hold down the mouse button to view the hidden tools then click the tool you want to select 4 When a drawing tool is active the bottom of the Toolbox displays three options fill color border or line color and border or line thickness These options are present with any of the drawing tools and once set will remain until changed Changing these options does not affect existing shapes already drawn 1 There is a rich selection of drawing tools in KoolMoves freehand primitive or standard shapes and shapes lines drawn point by point first and last points are automatically connected when you release the mouse If you don t want them to be connected after the shape 1s drawn change the Closed property of the shape The points generated by freehand drawing are curve fit to achieve a modest number of points You can add or delete points later 1f needed The tools for drawing primitive shapes make it easy for you to draw circles squares rectangles ellipses stars and QQ UU WU Ww Q polygons You click the left mouse button at one corner of the shape you want to draw and drag the mouse to the opposing c
193. operties unique to dynamic text for specifying the look of the dynamic text Unlike the Static Text tool the act of creating the dynamic text box does not open the and interface Because the dynamic text box can be initialized dynamically initial text is not required and for many applications is not desired The static and dynamic text boxes share many features in common only the unique dynamic text properties will be addressed below Unlike the Static Text box no text 1s displayed in the editing environment In the editing environment the text field area 1s defined by a box with crossed lines Chapter 10 Text 142 KoolMoves User Manual Look Tab The Color and Alignment properties are identical for static and dynamic text boxes and the Type property is almost identical The interface for setting the initial message font style and font size 1s called the Dynamic Text Type window x Tahoma 15 p B Z Script Westem 2 Dynamic Text tuti E X Cancel text type Face style and size E Embed character Embedding fonts gives the text a consistent appearance regardless of the PC the movie runs on Embedded fonts are also antialiased However the default value of no allows for greater robustness antialiased fonts below 10 points are usually unreadable embedding a font adds 20 to 30KB to a movie and if the font can t be found no text will print in the box With font embedding disabled the def
194. or fine A precision movement you can use the arrow keys R Ra 2 elect move points Chapter 6 Drawing Tools and Reshaping 110 KoolMoves User Manual Shapes and lines with curves are defined by on shape points and off shape points indicated by dashed circles You can change the shape of the curve by moving the points To add a point to the boundary h of a shape use the Insert Point tool whether the shape has a border or not or whether the fill is a color or a bitmap Add paint to shape boundary You get a cursor that indicates when you are allowed to add a point It looks like this when you are not on a boundary line L G WmM La Click the mouse and a point is added Ley M La Without releasing the mouse you can drag the point to a new position To delete a point on the boundary of a shape use the Delete Point tool Delete point on a shape boundary Chapter 6 Drawing Tools and Reshaping 111 KoolMoves User Manual L G You get a cursor that indicates when you are allowed to m delete a point It looks like this when you are not on a T Es point El e L C And it looks like this when you are on a point M En Ma El Lu Click the mouse and the point 1s deleted Ta Ma H 4 S S To change the boundary of a shape from a straight line EN to a curved line use the Add Curve tool E J p You get
195. orner of the shape Release the mouse and the shape is drawn The freehand drawing tool allows you to draw like you would using a pencil The Shapes drawn point by point allow you to control the placement and number of A X points You click the left button to define each point and continue until you have completed the shape To add a curve drag the mouse after clicking to create a point This will open a vector tool that allows you to define the angle direction and amplitude of E the curve EN J O To finish you double click The first and last points are automatically connected a If you don t want them to be connected change the Closed property of the shape or choose the open version of the tool P al There are situations when you want to have one section of the shape without a border e g in drawing a nose Chapter 6 Drawing Tools and Reshaping 108 KoolMoves User Manual Click the left button to define each point and continue until you have completed the shape To finish double click After double clicking the border is drawn The fill color is white by default a Use the Shape Fill tool to color the nose with a flesh color The border is not connected between the first and last points that were drawn If we later want to fill in the border between the first and last points change the Closed property of the shape To remove the nose color and make the interior of the shape transparent c
196. ort koolmoves com Installation Installation of KoolMoves is simple Double click on kmsetup exe The installation program will step you through the process of installing the software For most screens just keep pressing Next To uninstall use the Control Panel Add Remove Programs to remove the program Registering KoolMoves Upon purchase of a registration code you will receive a download location to a full version of KoolMoves without restrictions and a full set of library items Upgrades Those who purchased KoolMoves after March 2005 will receive free upgrades through January 2007 Introduction vill KoolMoves User Manual Part KoolMoves Environment Chapter 1 KoolMoves User Interface Chapter 2 Preferences and Options Chapter 3 Help Features amp Tutorials Part I KoolMoves Environment KoolMoves User Manual Part I KoolMoves Environment 10 KoolMoves User Manual Chapter 1 KoolMoves User Interface This chapter covers the KoolMoves user interface Following the principles of simplicity usefulness and flexibility the screen layout is highly customizable incorporates many shortcuts and continuously displays information concerning the current action Many of the tools briefly addressed in this chapter will be covered in depth later in the manual But first we will look at a couple tools that will help customize the interface to your unique requirements Screen Components The appearance
197. ow you to 5 move shapes and points You can move previously selected shapes or points by dragging the mouse with the left mouse button depressed One way to select a shape 1s by clicking on the shape when the shape selection Ce tool 1s active If you click on a shape with the shift key depressed you will add to any previous selections Another way to select one or more shapes is by dragging the mouse across the shapes totally enclosing them If you drag the mouse with the shift key depressed you will add to any previous selections A third way to select one or more shapes 1s by invoking the list of shapes under Views and selecting from that list Shapes are automatically named as they are created but you can change the name by editing the name in the list e lt P Ix y active The selection area associated with a point can be set under Points If you click on a point with the shift key depressed you will add to any previous selections A point can be selected by clicking on the point when the point selection tool is A Another way to select one or more points is by dragging the mouse across the points totally enclosing them The points can be associated with different shapes If you drag the mouse with the shift key depressed you will add to any previous selections mm a m It is important to appreciate that point and shape selection is very general You can select multiple shapes or
198. ple of a selected rectangular shape filled with linear gradient is shown here Only a shape with points can be filled with gradient color To fill text with gradient color break it apart into a shape with points Transforms Break Apart Text Chapter 5 Data Views 68 KoolMoves User Manual The rotational orientation position and size of the gradient fill can be adjusted with Rotate Shift Gradient Fill and Scale Gradient Fill under the Transforms menu or with the applicable Break Apart Text buttons in the Shape Fill Dialog C Lp Transform Frames Movie Rotate 5S hitt Gradient Fill Scale dient Fill Moving the center of the gradient fill to the right shifts the gradient to the right Moving the cursor around the center rotates the gradient To fill with an image Shape Fill Solid Color Gradient color Image File C KoolM oves Test Sultesspray BMP eS ok width 3 Cancel n if Height 3 Transparency fo za _ Preview Select Image at the top of the dialog box Use the Browse button to locate your image file Bmp jpeg tiff pcx and png file formats can be imported Transparency in png files is ignored at this time If you use the same image with the same filename multiple times throughout the movie KoolMoves is smart enough to store the image only once in the exported Flash movie If the image 1s larger than the shape only the upper left portion of image will fill the
199. ppearance of the movie clip is tied entirely to its contents effects and runtime behavior Chapter 11 Movie Clips 148 KoolMoves User Manual Movie Clip Effects Movie Clips have in common with shapes the motion script fade size spin rotate effects And while movie clips may not have 3D or Drop Shadow effects these are quite easily duplicated and surpassed with the Filters and Blending Modes effects Filters Flash 8 filters allow for the quick creation of compelling designs and unlike imaging applications like GIMP or Photoshop that have traditionally been used to apply filter effects in Flash the filtering can actually be animated Because the filters are natively supported and rendered in real time by Flash Player 8 there 1s an associated processing cost if your movie s performance is suffering consider preprocessing static images before loading into your movie and rethinking the parameters on your animated filter effects Filter effects can be applied to movie clip button and dynamic text objects Other object types shapes and imported images can be placed in a movie clip and filtered indirectly Available filters include e Adjust Color Modify an object s Hue Saturation Brightness and Contrast e Bevel Commonly used with buttons and user interfaces beveling gives a sense of depth to an object Blur Define X and Y pixel offsets to smudge an object Drop Shadow Applies a shadow and more if you wish
200. project to a fun file Chapter 4 File Operations 53 KoolMoves User Manual File Export Menu Export Icon The File gt Export menu and the Export icon Add Flash Movie to Web Page Wizard menu are very similar The individual actions are covered below Add Flash Mowie to Web Page Expert Made As SWF Flash Movie Az SWF Flash Movie and HTML Page 43 SYG Scalable vector Graphics Ax Frame Captures Diagnose Server Probleme Export as SE Flash Movie Export as SWF Flash Movie and Mew HTML Page Add Flash Mowe to Web Page Wizard Add Flash Mowe to Web Page Expert Made Export Settings fee Capture Movie Frames Eolas Patent Issue If you see a Click to activate control message when mousing over a Flash movie on a web page this is because Internet Explorer was altered in April 2006 in compliance with a patent dispute ruling Eolas patent handed down in 2003 Adobe Flash QuickTime RealOne Player Acrobat Reader Sun s Java Virtual Machine and Windows Media Player along with applications that embed into Web pages running on Windows XP SP2 systems are affected A fix developed by Adobe 1s included in the code provided by KoolMoves This fix requires that a separate javascript file called AC _RunActiveContent js be included in the same folder as the html file This file can be found in the KoolMoves IE ActiveX Fix folder Ftp the swf htm html and js fi
201. ring a couple questions on Y pd the eds ood rie ier pc OMM ie LE your major use for KoolMoves and your level of Principal Task Ski Larva experience with eraphics software click on Next m p FM i Seen ecd and the wizard will recommend a set of interface Comp dravengi FC inmmerhale Siecle barren Hire settings I Side show I Tma date i Bienes You can change your preferences before clicking e FERAS on OK and change the settings later If you have any questions about this or any other window Ces me check the index at the end of this manual to find entries on the topic Back Screen Component Descriptions Work Area Canvas and Stage Canvas Shapes text and other visual elements are placed or created here Also located on the Canvas with the visual elements 1s the Stage To navigate over the drawing area particularly in the case of zooming use the Pan Movie tool The Toolbox and other KoolMoves interactive elements dialog boxes data views and preview windows float over the Canvas and can be repositioned as desired with a simple left click and drag Stage The white section of the Canvas The Stage represents the runtime display area the physical dimensions of the movie Each frame can start with a copy of the stage from a previous Frame or start with a blank Stage like a fresh canvas Bounding Boxes Used to display the height and width of a visual element bounding boxes have
202. rs just after a slide transition takes place Chapter 14 Interface Components 194 KoolMoves User Manual Interface Components not in the ToolBox There are a couple interface components that can not be created with through the Toolbox KScrollBar Flash 6 KScrollBar is a flash 6 component that attaches a scrollbar to a text field It 1s created dynamically with the mc CreateKScrollBar new object command An example of scrollBar in use is located at KoolMoves Examples Components Other examples KK cDemo fun KScrollBar AP Flash 6 I MovieClip CreateKScrollBar instanceName depth textfield horczzonmteLys RoSCIrIOllBSrdestroy 473 Rocrtosxlblbar ogetknabled x KoorollBar dgetStyleProperty styleProperty KScrollBar reAssign object controller minvalue maxvalue visibleSize totalSize horizontal KScrollBar reAssignTextField textrield horizontal KScrollBar setEnabled enabled KScrollBar setStyle KStyleFormat KScrollBar setStyleProperty styleProperty value Switch API Flash 8 The Switch component is basically a toggle control it is added at authoring time through the symbol library The button and switch components are simple and have very little functionality text color alignment bold font name etc can all be set by using the textFormat class An example is located at KoolMoves Examples Components Flash 8 Switch KC8 Example Switch fun Switch API Flash 8 Functions getSwitch Returns the status
203. rt Brants is copyright 2004 Wilbert Branta Component code supplied by Wilbert Brants is copyright 2003 2005 Chapter 3 Help Features amp Tutorials 38 KoolMoves User Manual Wizard Interface Style aka Wizard Mode Click on the Wizards tab to change the Interface Style A Hint window will open displaying useful tips on how to use the Wizards Interface Style Wizards The hints describe the general process of using the Wizard Mode to create a movie a Select from the drop down window upper left to initiate a wizard b Start with the banner wizard to set your movie size properties c Use the Create step to edit vour movie move objects around change colors add key frames preview your changes Play button at the bottom etc d Select the Image and Text Effects wizards to add effects to the current key frame e Double click on an object to view its properties f Right click on an object to open a menu of frequently used Check the Don t show again box if you do not want to see this hint box the next time you enter Wizard Mode g Use the Export step to assist in adding your animation to your web page Don t show again af The Wizards Interface Style is much simpler than the Advanced Mode displayed in Chapter 1 the Toolbox Menu Toolbar and Navigation Bar are completely missing however the Basic Toolbox will be opened in the Create step to edit effects when applicable more on tha
204. rver Problems Export Settings Symbol Library F11 hanon u List of Shapes F9 X List of Key Frames Ctrl K Insert from Animation Libraries l List of Scenes Shift F2 Web Interfaces ONS t Text Effects Templates aera ean er a ee Tools Clip Art q B Animated Clip Art AIS AE Buttons Sh Insert KoolMoves Movie He Select Move Trace Image Display Image Selection Scope This Frame Clear Image Configure All Frames u This Frame to First Frame Preferences This Frame to Last Frame Select Same Color 3 Most Recent Files Invert selection Ctrl I Hide Selection Ctrl I I 4 Most Recent Files Exit Last Selection Ctrl L 7 Add to Symbol Library Ctrl F11 Edit Undo Ctrl Z ue M Red Ctrl Y dcm Rounded Rectangle Undo History Ellipse Redo History Circle with C Cut Shapes Ctrl X usui rs Circle with Line Segments Appendix B KoolMoves Reference Tables 213 KoolMoves User Manual Star Polygon Freehand Shape Freehand Line Point by Point Point by Point Open Border Line Add Text Add Dynamic Text Add Interface Component Slide Show Content Pane List Box Combo Box Push Button Check Box Slider Add Button Convert to Button Add Movie Clip Convert to Movie Clip Align Left Ctrl Shift L Right Ctrl Shift R Top Ctrl Shift T Bottom Ctrl Shift B Horizontal Center Ctrl Shift H Vertical Center Ctrl Shift V Change Depth Bring Forward Ctrl Up Send Backward Ctrl Down Bring
205. s Scenery School amp Play Sports Tools Transportation 1 Transportation 2 United States Weaponry rotatepolyball soundwaves stagecurtain 230 Business amp Communication amp People Email amp Internet Appendix E Library Listings 231 Navigation 1 nn B 8 9 gt O Navigation 2 gt Q 9 B Odds amp Ends 1 Appendix E Library Listings 232 Odds amp Ends 2 NN Motion Scripts Alpha Bars Alpha Letters Bar Slide In Blinds Block Mask Blur Blur 2 Blur and Fade Bounce Cartwheel Clockwise Sweep Cross Cursor Write On Decode Displacement Drop In Elastic Explode 3D Effects Arch Ascension Astroids Explosion Fall Forward Falling Leaves Flames Float to Center Flow on Curved Flow on Straight Flow on Stretched Frame From a Distance Growing Mask Jigsaw Jigsaw Tumble Light Projection Line Dissolve Matrix Merging Parts Motion Path 1 Back Flip Badge Boomerang Mouse Sensitivity Mouse Trail Moving Bars Moving Mask Multi Fade Multi Wipe Opposing Motion Particles Punch Wave Rainbow Random Reveal One by One Ripple Ripples Rising Water Scratchy Video Shake Shapes Bullet Clockwise Elastic Appendix E Library Listings simple Write On Slide In Out snake Sparkles Spin Spiral In Starburst Sweeping Arc Sweeping Highlight Ticker Tape Tumble In Twirl One b
206. s the new user through the author time environment in creating text and image objects placing them on the stage and then applying effects Simple Task Assistant The Simple Task Assistant STA provides menu driven assistance in completing moderately difficult tasks Select a task and click on OK to continue Unlike the Interactive Tutorial which illustrates how a task is done without assistance the STA compresses the actions required into a minimum number of interactive screens after completing each screen click on Next until the task 1s completed This allows the new user that needs to create a movie and doesn t have time to read the manual or work with the tutorials examples to achieve the list of available tasks in the least amount of time FAQ Frequently Asked Questions Simple Task Assistant E X Select Task C Add image C Add text Add button sound ar action Add frame sound or action Apply effect Change object color Cancel Change object properties Convert to button Create over down button state Edit button over state Edit button down state Lengthen movie eee 0 Play movie C Add Flash movie to web page Click on this to check out the KoolMoves FAQ file or just check out Appendix F in the manual KoolMoves Website Click on this to open the KoolMoves website with your default browser Support Forum Click o
207. s Fade m Duration sec 3 b The combination of very long texts and font embedding may result in rendering problems This can be resolved by breaking up the text or by turning off font embedding Setting a movie clip with dynamic textfields as content may result in problems rendering the dynamic text When using html text with images inside it it is important to specify the width and height of the images otherwise the width and the height of the text can not be detected right Clicking on the contentPane Content field before any E x content has been specified or when Multipage content field is no opens the Multipage Content window Click on the s wl td _ Options plus to add additional content click on the sheet hand to Lex edit the highlighted content opens the Content window shown above click on the trashcan to delete and the arrows to change the content s relative position in the stack Multipage Content Due to Flash Player security restrictions a content transition will not work when content is an external graphic stored on another domain Chapter 14 Interface Components 182 KoolMoves User Manual Two excellent examples of dynamically using scroll contentPanes are at KoolMoves Examples Components Flash 6 Other examples kcdemo fun and KoolMoves Examples Components Flash 8 Examples KC8 Demo kc8 fun KScrollPane API Flash 6 MovieClip CreateKScrollPane instanceName depth init
208. s User Manual Click on Add to Movie to place the selected symbol on the active frame After closing the library you can manually position the symbol as desired Link Names allow the dynamic use of symbols and the application of behaviors to a symbol look up attachMovie duplicateMovie Links Object registerClass and flash display BitmapData loadBitmap in an ActionScript manual As mentioned in the Buttons chapter buttons can not be accessed dynamically so Link Names can not be assigned to them The New button allows you to create a movie clip or button from scratch and save it to the Symbol Library These objects will only exist in the project s symbol library until they are added to the move While both button and movie clip symbols created from scratch can be added to a movie with the Add to Movie button only movie clip symbols or components are added to a movie with the attachMovie function The Edit button opens the selected button or movie clip symbol for editing The Delete button removes the selected button or movie clip symbol from the Symbol Library The Describe and Link Name buttons open dialog boxes allowing you to change values in these fields for the selected button or movie clip symbol xX Click on the Usage button to display the names and locations of all instances generated 1n authoring time for a given symbol Dynamically created copies of symbols are not tracked in the Symbol Library With the Replace f
209. sh to enter the Create Step E 4 slides created In this particular project I was evaluating different images for use on a web page so I organized them into a slideshow for easy Cance Hp comparison Use the Create step to edit and preview the slide show You ve now created a single frame movie though the ActionScript transition effects will make it look a lot larger Ks KoolMoves Untitled Hle Edit Views Shapes Effects Transfoms Frames Movie Play Options Help Setup Asc slideshawl M Movie Overview Untitled 1 68 Main movie ly scene 1 Key frame 1 1 El Shapes A0OBHA E3 m t d e mi Double click on slideshow1 to open the Properties data view and set the slideshow component options Chapter 3 Help Features amp Tutorials 45 KoolMoves User Manual The SlideShow component is covered in detail in Chapter 14 For now it 1s just important to understand that if the Key Frame based option had been selected in Step 1 all navigation controls would have to be added by the animator webl jpg appearing web2 jpg appearing To illustrate a few things let s see what we get when we create the same slideshow but this time choose the Key Frame based option and the Fade In effect For one thing there would be a key frame for each image and a tween frame consistent with the settings at the time the slideshow was created Open the Views menu the Score Timeline List
210. solid color or a bitmap Image Fill To make the interior of the shape transparent select Is Filled and choose No Color Fill Line Width yes S ime Color M For more about Color Fill options see I Closed rem n Coloring Transparency in the next section Behavior re Is a symbol na All Look Behavior This shows a shape that 1s not filled To change the Border Thickness around the shape select Line Width The line width is an integer number of pixels Borders with values of 25 and 5 or that have some degree of transparency are not rendered correctly in the KoolMoves internal player at this time but are exported correctly to a Flash movie PESSE WI PPL gu This shows a shape with no border 1 e line width equal to 0 Oo LI Chapter 5 Data Views 66 KoolMoves User Manual To set whether the last border segment of the shape 1s drawn or not select Closed black pres A ves This shows a shape with the last segment not drawn When the shape is also not filled we have a line 1 e the Closed property is off and the Filled property 1s r off The Closed and Filled property states can be toggled by selecting them Lick an value to edit All um Behaviar The property dialog for text looks different because text has different properties than shapes with points The color of text can be changed b
211. sscccssscssssssssssssssseeees 203 Chapter 15 Symbol and Link Lavra a ur etk iri PUERN ERI EE ER PORE PK YET PA OIN SER VEI VEN U KIKI RE 205 ee LAD CaN 9 75 d H 0 205 IF LID I naissante 207 ADDOHUICOS corii nn ER OIN IIR MISERIS Rennes 209 Appendix A Known Issues and Error Messages eee e eene eene eee ee eee ette e eene sesso sonos 211 Eiccodid SWE DE SE T 211 Sne T o Dt 211 Animation Not Displaying or Warning Messages Display ecce eee eee eere e eene eene nne tette eerte eese sean 212 Dieron DITORIAL PSS P a aa 212 Appendix B KoolMoves Reference Tables eee eee eee e eee eee eee eee tette ees sasne 213 lini NE m 213 logre ia m c 216 Shas Sbor Trona ion Mil 217 1V KoolMoves User Manual Appendix C Programming Coding Advice et al cc cce eee e eee e eere eee eene e enun 221 OO CID ssaa EA RR ELM ERDUND UN MC LEM UI I IUE RM Ma E SUMMAE DAD EL MI RDUM dE AK Dile biu RAE 22 Arcen me DA DR T
212. t Movie Speed Background Color Background Image Preloader Movie Dependencies SWF File Statistics Play Play in Web Browser Play Portion of Movie Ctrl End Ctrl B PgDown PgUp F8 Ctrl F Ctrl D Ctrl Space Bar Play in Stand Alone Player Ctrl Alt Enter Set Play Directory single Step Step Forward Step Backward Options Reposition Movie Frame Zoom Dragged Rectangle Zoom In on Click F2 Zoom Out on Click No Zoom Pan No Pan Grid No Grid 6 Pixel Grid 10 Pixel Grid 12 Pixel Grid 18 Pixel Grid 24 Pixel Grid Snap to Grid Show All Masking View Associated Joints Antializased Rendering Wire Frame Rendering Onion Skinning View Parent Movie Help Help Topics Interactive Tutorial simple Task Assistant FAQ Tip of the Day Tutorials Examples Purchase Register Update Software KoolMoves Website support Forum Email Us About KoolMoves Appendix B KoolMoves Reference Tables F3 F4 Ctrl M FI Ctri Q 215 KoolMoves User Manual Shortcut Keys single step backwards Ctrl Alt S gt Single step forwards Ctrl Alt T PgUp Previous Frame Ctrl Shift T PgDn Next Frame Ctrl V Ctrl A Select all shapes Ctrl Alt V Ctrl Shift A Unselect all shapes Ctrl Shift V Ctrl B Add blank frame centers Ctrl Shift B Align bottoms Ctrl Down Ctrl C Copy shapes Alt Down Ctrl Alt C Center Ctrl Shift Down Ctrl D Dependencies Ctrl End
213. t along with the length of the movie when that frame 1s loaded Key frame 3 125 ld 4 e irst Kev Frame Chapter 1 KoolMoves User Interface 17 KoolMoves User Manual You can display a list of all the key frames by clicking the icon in the menu bar or using Views gt List of Key Frames This list can be used for 72 navigating renaming key frames and frame editing cut copy paste and reversing the order of frames To change the position of one or more frames in the movie or to cut copy paste frames make your frame selections in the list of frames and use the editing commands on the right Shift Ctrl select to select multiple frames Paste places the cut or copied frames before the currently selected frame To rename label a frame select the item in the list and click again to get a cursor Type in the name you want The window can be resized by dragging the resizing marks in the lower right gh ED GS gt KoolMoves also allows you to copy the Frame Actions KoolMoves associated with a frame when the frame is copied nt xl O tweens The value next to the clock MILI indicates the Frame Duration the seconds or tween frames between the current frame 2 and the next You generally want this number to be greater than zero so KoolMoves will generate smooth F E tweens x Cancel transitions called morphing between the key frames Default Settings Click on the clock to chang
214. t a location where your swf will be placed in the target web page This can always be changed later with your web page editor Set the loop and background transparency options for your swf file For information on the html coding required to ensure this feature works please see the Transparent Background entry in Chapter 2 Preferences and Options Chapter 3 Help Features amp Tutorials 4 KoolMoves User Manual Add Flash Movie to Web Page Generic Approach 1 Select existing web page Web page Test 2 Select Flash movie Create Flash movie zwf file fram current animation Flash movie Mate The Flash movie must be in the same directory as the web 3 Select layout Animation inserts at top of web page Animation replaces web page image 4 Select option M Movie loops Transparent background If you specified an HTML editor other than FrontPage then instead of the Generic Approach window shown above you will get the Display Web Page Code window Use this screen to capture sample JavaScript and HTML code that has been generated for the specified movie and place this code in the target web page via your web page editor Display Web Page Code E X Select Flash Movie Add ta Web Page C Javascript HTML including Javascripl Copy ta Clipboard Back Cancel Help Chapter 3 Help Features amp Tutorials 42 KoolMoves User
215. t later Meanwhile a few new features mentioned in the Hints window have been added KC KoolMoves Untitled le x File Edt Views Shapes Effects Transforms Frames Movie Play Options Help Select a wizard uuiSetupasieCreatessaExpontis Wizards Wizard Mouse 511 235 Chapter 3 Help Features amp Tutorials 39 KoolMoves User Manual Three Steps Setup Create and Export Each wizard is designed to help the novice KoolMoves user achieve a select a wizard gt specific goal Selecting a wizard from the drop down menu will launch that ESSERE e M wizard s Setup step To manually launch a wizard click on the Setup button The Setup step is unique for each wizard New image effect New slide show Wizard mode has three buttons prominently displayed at the top center of the GUI Setup Create and Export If you have canceled out of the Setup or Export steps you can restart the guides by clicking on the Setup and Export buttons The Create step exists for the sole purpose of allowing the user to do some free form E editing Clicking on the Create button opens the Basic Interface Style Toolbox The r9 Basic Toolbox 1s a stripped down version of the Advanced and Cartoon Interface Style Toolbox These tools and interfaces are covered in depth in other parts of the manual In descending order there are T e Select Drag tool 5g e Library interface e Static Text Box tool e Import Imag
216. t the folder that contains This wizard creates a slide show from a set of images The images are in a single falder which you select below your slide show images r Image Folder IC Graphics Work Area Unless you are planning on exporting p Slide Show Construction tween captures to create an animated gif pas done arms or adding features to the slideshow that Key frame based require key frames or tweening effects it it uses a lot of memory and has few transitions Close other large applications and allocate a generous amount of virtual memory 1S best to use the ActionS cript version This will insert a component that includes navigation controls and only take up one Key Frame Cac Help In Step 2 arrange the images in the desired Step 2 Arrange Slide Images sequence Select a file name and click on the up or down arrows to change its relative position Step 3 Timing Slide duration sec 3 Sidetranstion CCE Be es and more can be changed on a per side basis in the Properies In Step 3 set the slide duration and whether or not icking on it there will be a transition effect applied to this slide These propertie window of the Slide Show object by me eo toes ne Chapter 3 Help Features amp Tutorials 44 KoolMoves User Manual step 4 Movie Settings In Step 4 set the movie dimensions and background color Step 5 Finish Click on Fini
217. te art eel a de du de 30 B Bevel Sica vp dt DA 149 175 234 DONS ANT Me cr Rae itus 12 28 30 114 237 BON S nr een DOU ER ERES 117 Button65 78 88 95 99 106 119 120 121 122 123 126 129 133 173 175 188 189 205 206 213 214 230 CODVITIB Man erc entes os tati de Su rum ete ee ert eL 119 Caller Reanim aces ene a ius o a ie Ride 129 133 230 HA TO teda 119 MOUSE EVENE ns 120 Occ T ter si nu 119 SALOS ae om aede se iie ii 88 119 122 123 230 R betae Rd tata PANE EE dois 120 C CONTE Aah tee uus id 103 158 214 216 233 Change IDCDIBssu det ober hc t t e eee temas 103 214 C Di OSEE aee t eee ee eee 129 131 132 206 213 230 CIPA APR P PRETI nu ilta M T 129 131 230 COOP AGE NERIS 23 66 67 Backeround ueber uen ses 23 215 Gradient 68 69 149 157 158 177 214 234 Tid spatele Vus ee exon ee uaa ele 23 25 66 67 69 HC TUE Load Movie 89 90 91 125 211 236 Morphine eet AL een 76 82 152 214 MOV is 19 96 102 104 133 191 213 214 216 Non Linear Morphing aai 82 PASTEUR ts Re nr o t 106 213 216 PER end anni eee diese titane 166 Texto CHATACIOTS nn es ne o echte 142 EXO SHADES manie nse SE 142 Trace TMA Ces REP 107 213 Components 32 65 161 171 172 174 178 179 181 183 186 190 191 195 199 201 203 205 214 CW OMIP ONC iiec eeu cea cen tent tena E INVA CE crite erences 32 172 178 195 197 Ipse EE 177
218. ther centered on the shape s initially selected on the stage or in the case Add Button the center of the stage in the main movie The States editing environment is very similar to the Movie Clip editing environment Almost all the Tools Toolbars features are functional in a button state and those that are not can be made functional by first creating a movie clip within the state and then accessing the function This is called embedding You can also use embedding to add Frame Actions to a button Within a button state or movie clip use Options gt View Parent Movie to see a semi transparent overlay of the parent object s contents Chapter 7 Buttons 122 KoolMoves User Manual If you press the Over button for the first time a popup will ask if you want to create the over state from a Mni xl previously drawn state or if you want to draw it from A scratch If you are only changing the color of the state issues you would select copy the up state and edit the color Copy down state from the value corresponding to the up state to the Copy over state Cancel value you want to correspond to the over state C wall draw it Copy Movie Clip a 4 X a m You have the option to included embedded actions when copying a state and the option to decide on Movie Clip Frames Share movie clip frames j 1 whether the actions are linked share movie clip C Make a complete copy of movie clip frames Cancel fra
219. this option 1s not selected the alignment grid Layout will display under the visual elements but Camas E OVET any background image Font size 8 requires restart of program to fully take effect Grid Transparency Adjust the grid appearance from dark grey 0 to fully transparent 100 E Cancel Canvas color This 1s the color of the application window outside the movie frame area Font size This font size setting affects the Data View windows and some of the dialogs Drawing Selection Preferences Draw shapes as symbols With this option MEET checked shapes are drawn as symbols This saves a great deal in the size of the XI final swf The downside is that points to limum E de the shape cannot be selectively moved in a V Enable OpenGL rendering requires restart of program to enable frame without affecting other frames If you are doing character animation turn off this option Selection Automatically add newly created movie clips and buttons to symbol library M Retain shape point selections on changing key frames Remain in drawing mode after drawing a PER shape If this option is selected you are Local changes 3 E able to repeatedly draw shapes without Global changes 2 having to reselect the shape drawing tool A high number may require a large amount of memory If this option is not selected the select move shape tool becomes the current tool after drawing a shape Automaticall
220. ting Flash 6 component styles please see KStyleFormat under Non Interface Components Chapter 14 Interface Components 178 KoolMoves User Manual Combo Box Flash 8 The Combo box allows you to display items Combo Box combobox1 9 in a drop down list Click on Items and then the 7 E ellipses to open the List Box Items dialog window List Box Items E a x m Ea E K Mame aue 0000 O _ Can Arrow color Background color l a E a E eee re Button color Click on the plus button to add items and their respective values to the list List Item List item vValue Lancel optional Once the list is displayed you can select from the list by clicking on an entry or by using the arrow keys Combo boxes can be added dynamically through the toolbox and through the Symbol library When used dynamically comboBoxes can be changed into listBoxes that allow multiple selections For further details see the comboBox implementation notes at KoolMoves Examples Components Flash 8 ComboBox Chapter 14 Interface Components 179 KoolMoves User Manual comboBox API Flash 8 Functions setItems items multiple textFormat items Array of items Each item has to be an object containing label value and selected optional multiple Boolean value indicating if multiple selections are allowed textFormat textFormat object reference Use this to set the font and font size
221. tions so your movie in Level 2 runs to the end then add a new frame and load the next movie into Level 2 first movie is automatically unloaded Repeat as necessary for each component movie then create an additional frame and loop back to Frame 2 Frame 1 was left blank due to Flash Players tendency to skip the first frame Unload Movie This window comparable to the unloadMovie global function empties the specified level Unload Movie Level a Cancel Play Movie Stop Movie Stop Sounds These commands are comparable to the play stop and stopAllSounds global functions No window opens for these commands because no parameters need to be set Instead the commands are immediately placed on the timeline Set Dynamic Text This window allows you to set the text in a dynamic text object without knowing ActionScript The image below is comparable to txtl text Hello world in Flash Player 6 and above ActionScript Set Dynamic Text EE xj Object bak en Hello world OF Cancel Load Dynamic Text Load Dynamic Text loads text into a dynamic text object from a txt us Text file fouet 0000000000000 Note the text inside the file should start with txt Lancel followed by the body of the text with no quotes where tet is the name of the dynamic test object Load Dynamic Text E X Chapter 5 Data Views 9 KoolMoves User Manual FS Command The FS Com
222. tml Adding Flash Movies to PowerPoint www flashgeek com 1s devoted to the subject of adding Flash presentations to PowerPoint You can get a free tool from Microsoft at www globfx com products swfpoint that adds a Flash movie to a PowerPoint presentation Also see www itg uiuc edu help flash to ppt Alternatively you can add it manually The first thing you will need to do is have the control toolbox visible if you don t already Select View gt Toolbar gt Control toolbox Next you select the More Controls button The button looks like a hammer and a wrench you should get a large list of controls you want the Shockwave Flash Object control If it is not on the list you do not have the Flash OCX installed and you need to install it from Adobe s website Then you draw where you want your movie to play in the PowerPoint Presentation The Movie will look like a big square with an X through it until you format it Right click on the square and then change the properties Double click the Custom property to assign the correct URL of your movie to the PowerPoint presentation remember URL s can be local I suggest that you create a shortcut of your SWF and then copy and paste the URL Path from the shortcuts properties view Until you view the slideshow the SWF will display as a square with an X through it This will change as soon as you view the slide show This works on both PowerPoint 97 and 2000 Tips on Adding Flash Mo
223. tml and swf files are OK If it doesn t your browser may not have Adobe s Flash player Go to the web site associated with your browser or to http www adobe com and download the player 2 Upload the KoolMoves generated html as ASCII and swf as binary files to your web site Does the movie play on your web site 1f you go to the KoolMoves generated web page If not there is a problem in how you sent the files to your web site File gt Export Movie gt Diagnose Server Problems is a small expert system for diagnosing these types of problems Chapter 4 File Operations 58 KoolMoves User Manual Export as SVG This function exports all shapes or S G Export the selected shapes of the current key frame to an SVG file Export Scope C All shapes in current frame Cancel Diagnose Server Problems File gt Export Movie gt Diagnose Server Problems 1s a small expert system for diagnosing problems associated with exporting KoolMoves to SWF and HTML pages Chapter 4 File Operations 59 KoolMoves User Manual File Insert KoolMoves Movie Independent animation projects can be developed and then imported into another project On import the destination project s speed setting applies so adjustments may be necessary frame duration tweens will be based on the destination projects default setting If the inserted KoolMoves movie requires more frames than are available at its insertion point KoolMoves will ad
224. to KoolMoves A KoolMoves uses fun as its project extension fla 1s a proprietary Adobe format You can import swf files into KoolMoves as editable movies Q What are the best formats to use when importing graphic files A For ordinary picture files you can use jpg and for graphics with transparencies you can use gif and png files 24 bit png format will give much crisper graphics than gif files although it does make the exported swf a bit larger Q My movie will not display on my web page Why not A Going through these steps will help to debug the problem If you double click on the html file on your local disk does the movie play on the web page Did you ftp the swf file to your server as binary Is the file name spelled exactly the same on the server as in the html JavaScript Is the file in the correct location compare with the relative path in the html JavaScript Q My movie keeps looping How can I get it to stop A Open Views gt Sounds and Actions Overview and put a Stop command on the key frame where you want the movie to stop Alternatively set the looping option in File gt Export Settings gt Html Q l ve tried that want to stop my movie on key frame 1 but now it runs through the whole movie once and then stops on key frame 1 A Flash will often skip commands placed on the first frame of a movie It 1s best to add a copy of the first key frame and put your commands on key frame 2 Appendix F Frequently
225. to external image R EE xy files can be created These links can be used E m with the loadBitmap action script command Movie Clips Sounds Images and the KoolMoves Slideshow component Symbol Description Link Name Ape pg photos Add Delete c Open a text file and paste the contents to the current cursor position Default file extension is as Flash Tutorials ITC website kmB beta sprite sheets a Shortcut to ITC Website aL Shortcut to kmSObeta ag Cancel Files of type Jl Chapter 13 Action Script Editor ASE 165 KoolMoves User Manual D Save contents of coding area to a T text file Default file extension 1s as GJA KM A KM Z TTI Projects Gal 4 KM Chorus Sounds pa A KM Member samples _Gr Ent Lla 3 5 pa KM Z Downloads 4 Gr ITC Website pa kKM z Experiments 41A Gr kmS0beta Li A KM Z Graphics Bi Filename fo Mpeg MB Cancel Save as type E Print contents of coding area d LE E Cut Copy and Paste respectively Works with Windows clipboard x a Undo and Redo last action respectively T Y Find Find Again and Replace respectively Works with Windows TM clipboard Popup Help menu with Syntax Assistance and Context Sensitive Context Help tips Syntax Assistance Click on Cancel to exit without saving changes Clicking OK will return KoolMoves to the main movie environment Errors wer
226. ton with the Convert to Button tool or 2 created from scratch when the Create button tool 1s clicked on Click on the Over and Down state buttons to create or edit the appearance and actions of the other two states Once a button exists and 1s selected all three states can be accessed by clicking on the states button at the top of the properties dialog The Over and Down states can have their own sound appearance animation etc Many effects are possible for example adding a text object to the Over state in addition to the button image has the effect of a Screen Tip By adding a movie clip to a state you have almost all the effects and features available on the main timeline add motion scripts and text effects import swf or flv movies or animated clip art and so on Copying Buttons The actions for a symbol button cannot vary from frame to frame If you want a button s actions to change from one frame to the next copy and paste the button in the same frame as the original button and then cut and paste the copy to the frame where you want the actions to be different The procedure of pasting a button to the same frame as its original breaks the link between the two buttons and allows you to have identically appearing buttons that have different actions it also has a different name Hit Area The button area that 1s receptive to the mouse The hit area 1s expressed as a percentage of the area of the Up state of the button In other words
227. tored in a gif file transitions gif and need to have this file embedded in the swf to apply their effect With swf compression enabled slide shows that only use untagged effects add about 12 3K B to the swf not including slide images while slideshows using tagged effects and thus embedding transitions gif add about 25KB Click on the Flash 8 Advanced button in the Export Settings dialog and then click on the Export Bin transitions gif required by most Slide Show component transitions check box then click on OK to have these patterns included in the swf when your project 1s exported Export Bin tranzitions gif required by most Slide Show component transitions Cancel The values referenced above reflect the slide show component as introduced with KoolMoves 5 3 and may change more patterns are added For slideshows with a lot of embedded images the tagged effects have relatively minor impact but for a simple rotating banner with external images that needs to load very fast consider limiting your project to untagged transition effects There is a difference in cpu load between different effects but more important than whether or not the transitions gif file 1s used 1s the complexity of the rendering by the flash player 1 e the fancier the effect the greater the cpu load Ultimately the factors with the biggest impact on transition effect processing requirements are the image sizes and the movie frame rate 0x00000000
228. ual Chapter 1 KoolMoves User Interface 22 KoolMoves User Manual Chapter 2 Preferences and Options Within KoolMoves you can customize the work environment as well as alter certain settings that affect the appearance and performance of the movie both in the author time environment as well as in the Flash Player Parameters that exclusively pertain to the swf output file are covered in the Export Setting section Movie Menu The following are submenu items under Movie For Example Play Options Help Movie gt Movie Width Height Movie W idth Height Movie Speed Background Color Background Image Preloader Movie Dependencies Ctrl D SWF File Statistics Movie Width Height x The size of the Stage is set here In exporting to a HTML file this size should be entered with the swf Movie width pixels OK movie in the appropriate place The maximum Movie height 333 pixels pm width and height values are 2880 Add change in size to right and bottom Movie Speed The speed of the movie is set here The actual speed of the movie may prove to be less than your Movie Speed desired speed because of performance limitations NENNEN f 2 m for example movies with a lot of transparency will tend to play slower A value in the range of 12 Cancel to 60 FPS frames per second is reasonable The actual FPS rate depends on the capabilities of the computer playing the movie For
229. ual This version of the manual has been composed and typeset in Windows Word and exported to the Adobe Portable Data File PDF format The inconsistent use of Capitalization with topic names 1s intentional and is done to control the topic incidence in the manual s index The organization of the manual 1s based loosely on the layout of KoolMoves Graphical User Interface GUI as described in Chapter 1 Part I of the manual focuses on the overall appearance of the interface and the Help function Part II on the Tools Toolbar and related visual element functionality and Part III on the Menu Toolbar and miscellaneous menu actions not covered elsewhere Part IV has brief introductions to advanced features while the Appendices contains reference information useful for troubleshooting using KoolMoves features and expanding the user s capabilities User Guides Effective with manual version 0 3b certain portions of the manual featuring advanced features have been broken out into independent User Guides The user guides are located with the manual on the KoolMoves support page It is believed that this will help users print only those materials that they need Bookmarks and hyperlinks have been added with 0 3m to facilitate navigating these materials and accessing context relevant information Administrivia All questions concerning installation purchase and or registration of KoolMoves that are not addressed below can be emailed to supp
230. unction a movie clip or button symbol placed on the stage can be replaced globally with another movie clip or button respectively Select it El an alternative from the drop down list of available Cancel movie clips or buttons in the library The replace function will not replace complete copies of the symbol that were created manually 1 e using Ctrl C or Edit gt Copy Shapes and then pasted with Ctrl V or Edit gt Paste and the complete copy option selected This means that button copies created with shared states will also be replaced when the symbol replace function 1s used Replace Occurrences of Symbol 1 E X Importing Symbols To load the symbol library from a fun file into the current project preview the fun file with either the File gt Insert KoolMoves Movie menu command or the Tools Toolbar Import Clip Art library function The source file does not actually have to be inserted the act of previewing it copies the symbol library into the current project s symbol library Repeated clicking on the preview button will create additional copies of the symbols in the library At this time you can t pick and choose which symbols to load the entire set in the source file comes over Be sure to give your library symbols unique names Chapter 15 Symbol and Sound Libraries 206 KoolMoves User Manual Link Library amp In the Action Script Editor click on the Links button to open the Link Names window The Mo
231. use the morph feature you will be able to use tweens with your eyes FUN files Chapter 6 Drawing Tools and Reshaping 118 KoolMoves User Manual Chapter 7 Buttons Because the interface is WYSIWYG what you see is what you get the button appears in the final movie for each frame the button appears in the editing environment In other words if the button is missing in a frame it will be missing in the final movie in that frame Let s cover some of the facts and vocabulary concerning buttons Button Object Buttons are a built in class of ActionScript Unlike other built in classes there is no button constructor 1e buttons have to be made manually at author time In other words they can not be constructed or removed programmatically To simulate dynamically created buttons use movie clips programmed with button like behavior The action to be performed by a button how the action is initiated and the button s appearance is defined either through the properties dialog or programmatically after the button has been created Buttons are one of the three classes that KoolMoves can use as symbols the other two classes are movie clips and KoolMoves components Button States A button can have different appearances reflecting whether the mouse is away from the button Up state over the button Over or has clicked or pressed on the button Down The Up state is created 1 when an item is changed to a but
232. vie Clips tab displays available movie Re E xi clip links created in the main gui with the Movie Cips Sounds symbol Library interface These links are used with the mc attachMovie action script symbol Description Link Name blue all command Link Names E x Under the Sounds tab links to 7 external sound files can be created These links can be used with the Movie Clips Sounds Images Symbol Description Link Name sound attachSound action script M Program Files KoolMoves D d and th I sh Program FilessKaolMaves sezg D Add command and the KoolMoves Slideshow component Delete Under the Images tab links to external image RSS E xj files can be created These links can be used i Movie Clips Sounds Images with the flash display BitmapData loadBitmap Link Name action script command and the KoolMoves Ap2 ipa iul Add Slideshow component Supported formats are BMP GIF JPG and PNG EN Chapter 15 Symbol and Sound Libraries 207 KoolMoves User Manual Chapter 15 Symbol and Sound Libraries 208 KoolMoves User Manual Appendices Appendix A Known Issues and Error Messages Appendix B KoolMoves Reference Tables Appendix C Programming Coding Advice et al Appendix D Useful 3rd Party Software Appendix E Toolbar Library Listings Appendix F Frequently Asked Questions FAQ Appendices 209 KoolMoves User Manual App
233. vies to Web Pages The html file contains a large section of JavaScript that branches to a nonflash gif if the browser does not have the Flash player or cannot read JavaScript The nonflash gif is not created by KoolMoves You need to do that Create your own image in gif or jpeg format for display when the Flash movie cannot play and change the name from nonflash gif to whatever name you choose and change the name in the JavaScript file wherever it occurs The size of the image is indicated next to the file name It is not guaranteed that an exported Flash movie can be imported into Adobe Flash for purposes of further editing or that a movie exported from KoolMoves imported into Flash Appendix C Programming Coding Advice et al 222 and then exported from FlashTM will have the same behavior as the original movie exported from KoolMoves The Flash player can only handle SWF file sizes less than 2 1 2 3 MB When a SWF becomes around 3 MB in size it starts doing weird things Many times it will crash the computer This 1s explained here http www adobe com cfusion knowledgebase index cfm id tn 14437 If you want to create a movie exceeding this size consider using a lower quality jpeg setting making the sound file smaller or breaking the movie into pieces and using load movie to load the separate pieces The HTML contains simple instructions called parameters and executes the SWF file in the area of your web document wh
234. web interfaces in your KoolMoves created animations You cannot sell or distribute KoolMoves web interfaces in volumes or as libraries in any file format or through any media Text Effects Templates KoolMoves provides a library of Rime text effects templates Select Libraries m Type gt Text Effects These are regular Yourtest KooMoves SOS KoolMoves fun files which provide Font Tahoma Ste Bold Size 40 Sei Westen x the layout and motion paths for text Bounce Crazy shadows 1 effects You enter your text and font Crazy shadows 2 selection and the software performs the Ese Crazy shadows 5 Crossover text and font replacement Select a text Bro nom sto rop from sky effect from the selection of text effects Drop from top and bounce on the left You can see the text effect sende eyequake in real time on the right superimposed se eyequake4 over the background movie Fere ne M Preview al e Position Replay foai winto s Nm D i vasa D zd Advanced m Timing Start at Key Frame 1 A Endat Key Frame 5 addec m Speed Chapter 8 Toolbox Libraries 129 KoolMoves User Manual Under the animated text effect there are colored buttons Each button represents a color in the template You can change the colors of the text effect by pressing these buttons and selecting different colors To reposition the text effect on the screen change the values of t
235. when you create the effect or at a later time by using Effects gt Modify or by editing the effect in the Properties dialog You can also combine effects in many cases A special kind of effect called motion script uses sophisticated Flash 5 and higher action script code to create the effect Each motion script 1s highly customizable but usually can not be combined with other effects See the Motion Scripts entry in Appendix E for a complete listing of available motion scripts Chapter 5 Data Views 71 KoolMoves User Manual The advantage of the regular built in effects like fade in and zoom in 1s that they can be applied to any object and they preserve any frame by frame user imposed color shape and position changes The advantage of the ActionScript based effects 1s that they are more unique and are highly parameterized p om m m m Objects with Motion Script Filter or Blend Mode effects are S displayed on the stage with a dashed blue bounding box Other effects 72277777 are displayed with a green dashed box D Additional ways to modify objects are available under the Transforms menu and palette ss covered in Chapter 12 Motion Scripts p Motion scripts are Flash 5 or higher ActionScript that can be applied to almost any object text an image a movie clip or a general shape The motion script animated gy m effects are not viewable within the KoolMoves main editing environment all you df
236. who want to control the effect from the main movie through ActionScript commands the name of the movie clip that encompasses the effect has the same name as the shape in the KoolMoves shape list this is a dynamically created movie clip 1 e at movie execution so you will not see it listed in the shapes list If there is an embedded space the space 1s removed In the example above code to find the x axis location of the movie clip containing the text would look like x loc sdf x You are able to create your own motion scripts and use them in your movies See the readme txt in the My Scripts folder inside the Motion Scripts folder for more information See the Motion Scripts entry in Appendix E for a complete listing of available motion scripts Chapter 5 Data Views 73 KoolMoves User Manual 3D KoolMoves s 3D effects combine motion scripts with a 3D rendering engine 3D effects can be applied to static text and shapes with solid 1 e no gradient or image fill colors To remove an effect select No effect 1n the list of effects Checking Preview AII displays the entire movie rather than just the selected object 3D Effects Ed No effect kJ Ascension IN Astraids Back Flip Boomerang Clockwise Elastic Disco Lights v Preview all Interlace AD thickness nij els Fieplay Jump Out Lett Krazy Light Beam Orbital Punch Lett Punch Wave Hall Over Rotate 180 Shuffle Sticks Swarm Tomada Tossing Trail
237. x M e pisei dee anen Quick Start Ci P 8 Ondine utorisi KoolMoves takes an approach to Flash mowie creation that is in 4 Daia Views tune with the animation process because it was designed by a T Test professional animator t is a mature animation package with aasa of t Elects use and power 49 guiding arinoples To make animatians ii T Addio weh Page A C KoolMoves all the user has to do is draw or import shapes ar images Orsrang and then reposition reshape and recolor the arimatian objects in 1 Sig adjsacent key frames to adiere Ehe look you want KoolMoawes JJ Cokving automatically morphs shapes in between each of the shapes you 4 Properties create to achieve smooth animated motion les ike putting together cartoon strip Each it Source aed Actes frame contains text images shapes sounds and actions For caracter animstion pna 1 AdO vn E ampi 5 Masking E Frares Te 1 Chapter 3 Help Features amp Tutorials 8 Links Buttons amp Symt frame would have the characters m one pase and in the next frame in another pose 35 KoolMoves User Manual Interactive Tutorial Interactive Tutorial on How to Use KoolMoves The purpose of this Guide is to provide a quick start to using KoolMoves Since most people use text and images in their movies let s start there Which would you like to add First Image Click Next Back Cancel Help The Interactive tutorial step
238. xpress different emotions I don t need animation at this point maybe later Is this possible and 1f so how Thanks luval Here s how I would do it 1 The best thing to do is create your character first facing forward left and right 2 Now delete everything except the eyes and eye browes 3 Save this to as FUN file and name it something like normaleyes forward character fun 4 Now edit the eyes so they look angry and name it angryeyes forward character fun 5 Do this again with different expressions and save them named as they are The reason in doing it this way is so when editing your character for expressions all you have to do is load a FUN file into the scene without editing over and over again Now if your eyes for your character were for facing left for example I would name it normaleyes left characterl fun And the characterl stands for the characters name This makes it faster to read what you want without loading the wrong FUN file Now do this for all body parts such as legs arms mouth and so forth I know this sounds like a long process but it will save you alot of time Hope this helps and let me know if you need more help Oh and if you don t add extra points when editing and just move the points to create the expressions Later when you decide to do animation Example load normaleyes left characterl fun into frame one and angryeyes left characterl fun in frame two and
239. y gt gt bitwise right shift and assignment gt gt gt bitwise unsigned right shift and assignment switch case conditional a workaround for switch case 1s to rewrite the code with 1f else 1f do while loop nextScene prevscene super advanced command for use with the symbol library void not used very often Void x returns undefined CREOW CEY Setoh iia LLY used for error handling C aCe used to output a result for debugging The following invalid operators have been deprecated since Flash Player 5 and have never been implemented in KoolMoves If you are following an old ActionScript tutorial language reference please use the identified alternative operators ad Jad Jj amp Jo Jj Chapter 13 Action Script Editor ASE 169 KoolMoves User Manual Chapter 13 Action Script Editor ASE 170 KoolMoves User Manual Chapter 14 KoolMoves Components Created by a senior member of the KoolMoves community the components in KoolMoves are portable object classes written in ActionScript Components are used to expand the core capabilities of the Flash language and can add a new dimension of interactivity when used in animations Technically subclasses of movie clips they are handled in largely the same way For example implementing the action associated with an Interface Component is analogous to setting up a clip event
240. y One Twirl 2 One by One Vanish Write On with Bar Zoom In Zoom Out Disco Lights Dragon Helicopter 233 Interlace Recoiler Jump Out Left Retroscope Krazy Rods Light Beam Rods 2 Orbital Roll In Pulse Roll Over Punch Left Rotate 180 Punch Wave Shuffle Filter Effects Adjust Color Blur Bevel Drop Shadow Blend Mode Effects Normal Lighten Layer Darken Multiply Difference Screen Add Spiral Sticks Swarm Tarzan T Birds Tornado Tossing Trail Blazer Glow Gradient Bevel Substract Invert Alpha Erase Appendix E Library Listings Tumbling In Turning Twister Zed Rotor Zoom 180 Zoom Y Gradient Glow Overlay Hardlight 234 Appendix F Frequently Asked Questions FAQ Q I can t find the answer to my problem here Where can find it A There is extensive help under Help in the program and on the support page of the KoolMoves web site Try searching the KoolMoves forum at www flashkit com using keywords If you did not find an answer post your question on the forum Email support koolmoves com if you still need help Q When preview animations the animations are missing How can fix this A Double click on windowssecurity htm in KoolMoves Flash Help folder to read about possible causes for this problem Q How do I add my animation to my web page A Use File gt Export Movie The first menu item a wizard will guide you through the process Q Why can t import my fla files
241. y add newly created movie clips to symbol library Useful when designing components or otherwise want your movie clips to have linking capabilities Chapter 2 Frames and Scenes 25 KoolMoves User Manual Enable OpenGL OpenGL is an open source application programming interface used by KoolMoves for better anti aliased rendering of shape borders Widely supported and efficient it requires adequate hardware for best results this option may not operate properly on windows 98 or ME operating systems Retain shape point selection on changing key frames If this option is selected your current shape or point selection will be preserved when you select a different key frame If this option is not selected the current shape or point selection will be lost when you select a different key frame Undo Levels Users can set the Undo history level Save Preference Starting with KoolMoves version 5 6 users now have the option to save fun project files in a compressed format Uncompressed fun file will open in newer versions of KoolMoves but compressed fun files can not be opened with older versions of KoolMoves Preferences Toolbars In Toolbar Icons 1 the first Preferences checkbox refers to the Actions and Sounds Overview the List of Shapes and the List of Frames icons in the Menu toolbar and 2 the navigation a ae Toolbar positioning Frame navigation toolbar on bottom toolbar can be placed at the top or bott
242. y clicking on the Color property A dialog that lets you set color will appear The text font font size can be edited by clicking on the Type property A dialog will appear in which you can edit the text kooln Assigning button properties and making a non text shape into a symbol are explained in the next section Coloring Transparency Shapes and text can be filled with a solid color with or without transparency a color gradient or a tiled image Image Fill Access to the Shape Fill dialog is through the Properties Data View and the Shape Fill tool in the Tools Toolbar Solid color and gradient fills can have degrees of transparency On the shape fill dialog box there is an edit box for entering a transparency value The range for transparency is 0 opaque to 100 totally transparent 96 Chapter 5 Data Views 67 KoolMoves User Manual To fill with a solid color Select Solid Color at the top of the dialog You can 1 enter red green and blue all 0 to 255 in range and a transparency value 0 to 100 in range 2 select with your mouse from the color wheel partially shown 3 use red green blue hue saturation and lightness sliders press the button on the left under the transparency value or 4 use an eyedropper press the button on the right under the transparency value to F fo B select a color from another shape on the Stage To view the shape fill before committing press
243. y defined once Sound files tend to be huge which can make the exported swf file huge To reduce sound file size take these steps in a sound editing program convert from stereo to mono and to the smallest sample rate that gives you the quality you need Shortening the sound track also helps Sounds can also be attached to button states e g moving the mouse over a button or on pressing a button See Adding Sound to Button States in Chapter 7 for more details Sounds do not play when the movie runs in KoolMoves internal player If a sound plays longer than the movie and the movie loops the sound from the first loop will continue playing during subsequent loops until it finishes The sound effect worsens as the movie continues to loop To solve this problem add Stop Sound action to the last frame of the movie If your sound file is sampled at a rate other than 5500 11025 22050 or 44100 the sound will play in the Flash player at a rate nearest to one of the four rates listed above Chapter 5 Data Views 88 KoolMoves User Manual The duration of a sound is indicated in the Actions and Sounds View window and in the Actions and Sounds tab of the timeline by a sound icon followed by small squares ActionScript See Chapter 13 Action Scripting Go To URL URL Link The Get URL window 1s comparable to the getURL ActionScript global function With this you can load a document into a browser or execute server side scripts A simi

KoolMoves User Manual

Contents

Download Pdf Manuals

Related Search

Related Contents