![]() If you followed everything correctly up to this point, your empty movie clip should be situated in the placeholder layer. Drag an instance of this movie clip onto the scene. ![]() There! You just created an empty movie clip!ġ2 Open the library ( Window > Library) and you'll see empty mc inside. Now, just click on the "Scene 1" link above the timeline. Call it empty mc, select "Movie clip" as Type and click OK. Select its first keyframe (and only one).ġ1 Create an empty movie clip into which your site will be loaded. This is the layer where you'll place a movie clip into which the external SWF (your site) will load. Call it loadingBar.ġ0 Create a new layer, call it placeholder. If the registration point of your movie clip were in the center, the movie clip would stretch to both sides (left and right) as your site loads, instead of only to the right.ĩ With the movie clip you just created still selected, go to the Properties panel and give it an Instance name, so you can manipulate it with actionscript. Click OK.Ĭool! Now, why is the registration point important? Because it is from this point that your progress bar will stretch when told to do so via actionscript. Call the movie clip progress bar mc or whatever you like. In the Convert to Symbol dialog, choose "Movie clip" as Type and be sure that the Registration point of your movie clip is in its top left corner (see image below). Select the fill color shape in the bar layer and choose Modify > Convert to Symbol. Click on its first keyframe to select it and choose Edit > Paste in Place to place the outline exactly in the same position as before, but on a different layer.Ĩ Lock the frame layer and unlock the bar layer. If they are not, make them so by entering a number manually (for example,120.0 is OK, while 120.5 is NOT).ĥ Select the outline by double-clicking on it.Ħ Cut the outline by choosing Edit > Cut or pressing CTRL+X ( Command+X on a Mac).ħ Lock the current ( bar) layer and unlock the frame layer. Now, in the properties panel, check that the coordinates for your drawing (X and Y) are whole numbers. Be sure to have selected both the fill and the outline. If you accidentally deselected the bar, select it now again with the Selection tool (V). Don't choose white if your movie background is white.ģ Choose the Rectangle tool (R) from the Tools panel and choose "hairline" as type of border in the Properties panel, below the stage.Ĥ Click and drag on stage to draw a long and thin rectangle - your preloader bar. Lock the upper two layers.Ģ In the "Colors" part of the Tools panel, choose a stroke color that is in good contrast with a fill color of your choice. Call them (bottom to top): bar, frame and actions. Create two more layers, so you have three of them in total. Thickness of 10 pixels, the miter is cut off at 25 pixels.1 Open a new Flash document. ![]() The value expresses a factor of the line thickness.įor example, with a miterLimit factor of 2.5 and a The miterLimit value represents the length that a miterĬan extend beyond the point at which the lines meet to form a joint. This value is only used if the jointStyle property (and values outside of that range are rounded to 1 or 255). MiterLimit:Number (default = 3) - A number that indicates the limit With a default value of JointStyle.ROUND. That specifies the type of joint appearance used at angles. Joints:String (default = round) - A value from the JointStyle class That specifies the type of caps at the end of lines. With a default value of LineScaleMode.NORMAL.Ĭaps:String (default = round) - A value from the CapsStyle class LineScaleMode.NONE, LineScaleMode.NORMAL, Valid values are LineScaleMode.HORIZONTAL, ScaleMode:String (default = normal) - A value from the LineScaleMode class This affects both the position of anchors of a curveįlash Player and AIR hint line widths to full pixel widths.ĭisjoints can appear for curves and straight lines. PixelHinting:Boolean (default = false) - A Boolean value that specifies Weight:Number (default = 1) - Specifies the line weight, in pixels. Public function RadialGradientStroke(weight:Number = 1, pixelHinting:Boolean = false, scaleMode:String = normal, caps:String = round, joints:String = round, miterLimit:Number = 3) Implementation public function get focalPointRatio():Number public function set focalPointRatio(value:Number):void scaleX This property can be used as the source for data binding. ![]() The focal point is all the way to the bottom right corner The focal point is in the middle of the bounding Rectangle. The focal point is slightly lower and to the right of center. This value specifies the degree of distanceįrom the center that the focal point occurs. Sets the location of the start of the radial fill.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |