NEW HOW-TOs
Two Ways to Tint Objects in AS3 Flash
How To Zoom In on a Point in an Image and Pan in AS3 Flash
NEW TUTORIALS AND EFFECTS
Stanford Bunny: AS3 Flash: Stanford Bunny and New Collection of 3D Particle Surfaces We’ve been having a lot of fun here at flashandmath with surfaces made of particles. So we present the Stanford Bunny and other new beautiful surfaces with modification of earlier effects, a significant optimization of the code, and a simple z-sorting method. The optimized code allows for revolving in 3D over 200,000 particles.
Simple Particle Tutorial: Pixel Particles Made Simple - AS3 Flash Tutorial Curiously, pixel particles that are behind most particle effects are not display objects. In this tutorial we explain the nature of pixel particles. We give a simple example that shows how to create and move particles and how to make them leave shadowy trails. Our example handles comfortably as many as 200,000 particles.
Color Fountain: Color Fountain - Interactive Particle Effect in AS3 Flash Interesting interactive particle effect. Pixel particles move based on their position but also based on their color and the colors of neighboring pixels via attract/repel action. The motion creates a pretty 'color fountain'.
100,000 3D Particles: 100,000 Glowing 3D Particles Run Smoothly in Flash Player 10.1 More examples of our popular 'particles made of light'. New surfaces, more particles, new effects, and a custom performance monitor. We discovered great performance improvement in FP 10.1 v. FP 10. Awesome!
Four Great Animations: 'Parametric Flowers' - Four Great Animations in AS3 Flash Watch flower-like, mathematically generated patterns continuously bloom and fade. Four different themes: Lush, Wilting, Amber and Frosty, each with different coloring and fading transforms. Really pretty!
Create and Save Images: Create and Save Beautiful Images of Math Curves In this effect, we use families of planar curves to create and save interesting images. We show how to draw a DisplayObject to a BitmapData via BitmapData.draw and how to save an image from SWF via FileReference.save method.
3D Particles Made of Light: 3D Particles Made of Light - AS3 Dynamic Flash Effect Thousands of particles which appear to be made of light form beautiful revolving surfaces in 3D space. We use an additive luminescent effect which creates brighter spots where particles are more concentrated. We present four examples with variations in color and filter effects.
3D Particle Effect: Astronaut - 3D Particle Effect in AS3 Flash CS4 We present a new 3D particle effect: Astronaut. We animate 15,000 particles with a beautiful effect.
3D Rings Photo Gallery: 3D Revolving Rings: An Interesting Photo Gallery in AS3 Flash CS4 We present a 3D photo gallery in which rings of two-sided thumbnails revolve in 3D. The gallery is easily customizable via an XML file.
Extract and Combine RGB: AS3 Flash: Extracting and Combining RGB Components, Custom Color Picker We present a nice custom color picker but our real goal is to present formulas for extracting RGB components from a color value, combining RGB componets into a color value, and rewriting a color in its HEX form.
Flash CS4 3D Cube: 3D Display Cube with a Versatile Custom AS3 Class in Flash CS4 Each instance of the DisplayCube class accepts any DisplayObjects as sides, it revolves in 3D, its sides respond to clicks. Moreover, the cube drops shadow in 3D! We show an application with three Bitmap cube menus that drop dynamic shadows on the floor beneath as they rotate. We use simple FP10 3D methods.
Flash CS4 3D Particle Effect: Kepler's Supernova - 3D Particle Effect in AS3 Flash CS4 A 3D particle effect: the spectacular Kepler's Supernova. We animate 17,000 pixel particles put into motion based on the difference between their red and blue color components.
Flash CS5 3D Text: Flash CS5: Double 3D Text Effect with TLF Text Text is loaded dynamically at runtime. Thanks to the new TLF methods, the body of the text is divided between two 3D boards and split into separate lines. Each line flips in 3D with a tween. Super cool!
Function Grapher with Zoom and Pan: Function Grapher with Zooming and Panning In this tutorial, we present a math function grapher which has a drag and drop panning and mouse click zooming functionality.
Flash CS4 Game: 'Catch Chameleon Fish' Game in AS3 Flash CS4 Check out this cool little game. You can use it as a tutorial about blend modes and sound in AS3, or you can simply enjoy catching chameleon fish.
Flash CS5 Text Effects: AS3 Flash CS5: Cool Text Effects with TLF Text We load TLF markup text at runtime, use a custom TextSlicer AS3 class to split the text into lines, and then tween, slide, zoom, fade in, and color. We show how to use the new AS3 classes available in Flash CS5 to accomplish a variety of interesting text effects.
Flash CS5 Tutorial: Flash CS5: XML Markup and Runtime Loading of TLF Text with AS3 The new TLF text AS3 classes are extremely useful for creating cool text effects, particularly if you can import your text on the fly, at runtime. In this tutorial, we show how to create a text file or an XML file containing TLF markup, load the file at runtime, and display the dynamically loaded text.
Flash CS4 Particle Storm: Perlin Particle Storm - A Turbulent Display of Thousands of Particles in AS3 Flash Enjoy a spectacular particle storm! In this experiment we use a bitmap filled with Perlin noise to create an acceleration field. The field controls the motion of thousands of particles creating a turbulent, dramatic effect.
Flash CS5 Tutorial: Multicolumn Text on the Fly with New AS3 TLF Text Classes in Flash CS5 We show how to use the new AS3 text layout classes: TextFlow, ContainerController, TextLayoutFormat, and properties like TextFlow.flowComposer to lay out and format text programmatically. In our example, the number of columns in the layout can be changed on the fly by dragging a slider.
Flash CS5 Video Tutorial: New AS3 Text Layout Classes in Flash CS5 - Tour and Example In this video tutorial we present an overview of the new AS3 classes available in Flash CS5, and give an example of an accordion-pleated text effect built using these classes. The new AS3 classes allow for creating linked text fields programmatically and give precise control over text layout.
Flash CS5 Video Tutorial: A Real Life Application Built with Flash CS5 Code Snippets Only In this video tutorial, we present a real life application - a showcase consisting of opening and closing folders that contain clickable thumbnails. The application is built from Code Snippets - a new feature of Flash CS5. Not one line of AS3 code was entered by hand. Really cool!
Flash CS5 Video Tutorial: Custom Code Snippet in Flash CS5 that Zooms in and Spins in 3D In this video and written tutorial, we show how to create a custom snippet and add it to the Code Snippets panel. The snippet spins an object in 3D and at the same time brings the object forward in a Star Wars kind of effect. We discuss the important point of custom snippets not being transferable via fla files.
Flash CS4 3D: The focalLength of a Custom PerspectiveProjection in Flash CS4 3D ...is not what you might think. You create a PerspectiveProjection object, pp = new PerspectiveProjection(), and set pp's properties. When you assign pp to transform.perspectiveProjection of a DisplayObject, focalLength changes. How? Why? We explain in this tutorial. The value of focalLength is crucial for effective 3D depth-sorting.
Incredibly Smooth Mouse Drawing: A Smooth and Responsive Drawing Application in AS3 Flash We present a drawing application which allows you to create smooth and dynamic lines with a very responsive feel. The lines change thickness and color depending on how fast you move your mouse. The overall effect is somewhat like drawing with thick markers or paint.
Folding Mona Lisa: 3D Accordion-Like Effect of Image Folding and Unfolding in AS3 Flash CS4 We present a custom AS3 class, ImageAccordion, that folds and unfolds an image in accordion-pleated fashion. We use the native Flash Player 10 3D methods and achieve a remarkably realistic effect.
Retro TV Effect: A Retro TV Effect for Video and Other Dynamic Objects in AS3 and Flash CS4 We present a custom AS3 class, RetroTV, that easily converts any DisplayObject, (possibly combined of Sprites, Video, Shapes, TextFields), to a retro television display. The display is complete with lines, noise, and distortion. The television image is updated continuously in real time to reflect changes of the object on the TV display.
Flash CS4 3D Particles: Flash CS4 AS3: Flower Twist – Interactive 3D Bitmap Particles A spectacular 3D particle effect with full source code ready to download. An image of a flower explodes into a 3D helix.
Flash CS4 3D Technique: Z-Sorting and Perspective Projection in AS3 and Flash Player 10 In Flash Player 10 one can literally 'build' 3D objects by placing their elements in the 3D space. Such objects can be rotated easily. The z-sorting, however, has to be done 'by hand'. In this tutorial, we show that with the effects of perspective projection, sorting by the z-coordinate does not work very well. Instead, we sort with respect to the distance from the observer.
SOME OF THE MOST REQUESTED TUTORIALS AND HOW-TOs:
Flash CS4 Particle Effect: Nova - Cosmic Interactive Particle Effect in Flash
Flash CS4 3D Photo Gallery: 3D Spherical Gallery in Flash CS4
XML 3D Cylindrical Gallery: A Dramatic 3D Photo Gallery in AS3 Flash CS4
Flash CS4 Waterfall Effect: Waterfall Flash Effect - A Custom AS3 Waterfall Class
Reflection: How to Create a 3D Image Reflection in AS3 and Flash CS4
addChild, Display List, Stage: The Display List, The Stage, and addChild in Flash CS3
Simple 3D: Simple 3D Drawing in Flash CS3
FP10 Perspective Projection: How to Set Perspective Projection of Display Objects - Experiments in Flash CS4
Easing Without Tweens: How to Add Easing to Your Dragging without Tweens in AS3 Flash
Flash CS4 Fountain Effect: A Dynamic, Interactive Fountain - Flash CS4 AS3 Effect
Flash CS4 Snow Effect: Realistic 3D Snowfall Effect in ActionScript 3 and Flash
Loading SWF: How to Load and Interact with an External SWF File in AS3 and Flash
Loading XML: How to Load an External XML File and Process its Content in AS3 and Flash
3D Photo Gallery: 3D Cylindrical Photo Gallery in AS3 Flash - Revolves Around You
Rotating Object: How to Rotate a Display Object About an Arbitrary Point in AS3 Flash
Rare Effect: Three Mirror Kaleidoscope in Flash AS3
Flash CS4 3D Blur Solution: Simple and Sleek Solution to Blurring of 3D Objects in Flash Player 10
Kaleidoscopic Gallery: Kaleidoscopic Gallery in Flash CS4
Flash CS4 3D Cards: 3D Card Flips with Tweens in Flash CS4 and Flash CS3
DataGrid Component: How to Use the AS3 Flash DataGrid Component
Perspective Projection: How to Set Perspective Projection of AS3 Interactive Objects without Losing Interactivity
3D Photo Gallery: 3D Photo Gallery in Flash CS4
Mouse Events: AS3 MOUSE_OVER versus ROLL_OVER, MOUSE_UP, MOUSE_LEAVE and Other Events
Outlined Text: AS3 Tip: How to Easily Create Outlined Text in ActionScript 3
XML 3D Photo Gallery and Menu: XML-Driven 3D Spinning Menu and Photo Gallery in Flash CS4
Math Parser, Function Grapher: A Simple Function Grapher in Flash CS3
Simple Particle Tutorial: Fading Trail Effect for Flash AS3 Particle Animations - a Simple Example
Loading Clips and Video: Loading External Clips and Videos in Flash CS3.
Flash CS4 3D Billboard: XML-Driven 3D Billboard - Flash CS4 and AS3 Effect
Loading External SWF: Loading and Unloading SWFs with 'stage' References, Loader.unloadAndStop
FP9 3D Cube: Cube in Bloom: Distorting Images in AS3, 3D Menu on a Cube
Flash CS4 Simple 3D: Simple 3D Dynamic Drawing in Flash CS4
FP10 drawTriangles: 3D Texture Mapping with drawTriangles in Flash CS4 - 3D Earth
Maginfying Glass: Magnifying Glass Effect on Bitmaps in Flash CS3 and AS3, Displaying Load Progress
Choosing Randomly from XML Data: Loading Random Images from an XML List in Flash CS3
Easing, Tweening, Balloon Effect: Tween Tricks in ActionScript 3 and Flash CS3
Masking: Masking in Flash CS3
Drag and Drop: A Tour of Drag and Drop Techniques in AS3 Flash
Mouse Drawing: ColorPicker Component in Flash CS3, Drawing with the Mouse in AS3
Simple Tweening: Using the Tween class in Flash CS3 and ActionScript 3
