Monday, December 20, 2010

Flower Twist Particle Effect and the Methods Behind It



In our recent popular series of particle effects here at flashandmath, we have used vector-based particles (sometimes drawn to a bitmap for a fading trail effect). We now return to a pixel-based particle system that was used in our earlier examples A Rotating Bitmap in 3D Explodes into Particles and 3D Particles Experiments in AS3 and Flash CS3. The basic particle code used in those examples has been very popular, and even has been used in (or has inspired) two remarkable websites: one website for the Singapore-based band Concave Scream, and another more recent interactive art exhibit The People’s Torah at the Contemporary Jewish Museum in San Francisco.

The code used here is similar to the code used in our earlier exploding bitmap experiment, A Rotating Bitmap in 3D Explodes into Particles. There we have discussed the methods in detail. In the FlowerTwist effect code, we have placed many comments within to make it more understandable. Also, we have updated the basic classes for Flash Player 10.

The motion of the particles here depends on the color of each particle; in particular the luminance (a measure of brightness) is used to control how far the particles fly in the z-direction when the bitmap explodes. Through some experimentation with various functions, we have found a very nice way of having the particles twist into a helical pattern as they explode into space.

Although the basic classes used here are somewhat complicated, they have been designed to be as reusable as possible. To produce different effects, try changing the equations which control the coordinates of the particles. We also encourage you to check out our examples posted at 3D Particles Experiments in AS3 and Flash CS3, where the particles were created from scratch rather than being based on a bitmap.
We should note that the number of particles used here is rather small compared to what others have been able to do with Flash. This is because in our code we are asking Flash to do quite a bit: z-sorting of particles (with a z-buffer method), constant updates of particle coordinates in 3D, interactive quaternion-based rotation, and bitmap filters. As a result the application can be rather CPU intensive, and we do not recommend using very large bitmaps with this code.

When the particles are flattened into a plane, the resulting picture has a low-resolution, pixilated quality, showing Moiré patterns. We have in mind a way to involve a 3D projected bitmap to remedy this issue, and this will be the subject of a future experiment.

Download here http://www.mediafire.com/?im7cci5jjbakqww

Enjoy our Flower Twist!
(source http://www.flashandmath.com/flashcs4/flower/index.html)

Virtual Space Game Experiment V. 1.0

The Virtual Space (AS 3.0) component can be used to create virtual-tour type visualizations very easily. Simply specify 6 images to be used for top, bottom, left, right, front, and back. Then, position the camera, set the initial view, and specify interaction parameters.

We are releasing this Free so that people can play with it and see what it can do. Do something cool with it and we will see about releasing the source. Note: This component contains a bug that is causing images not to display on the Flash Player for Mac and Linux. We are working on a solution for this problem and an upgrade will be available soon.

* Animation settings for displaying space without user interaction
* Configurable mouse interaction
* Style properties for image backgrounds and containers
* Initial view settings
(source http://www.afcomponents.com/components/virtual_space_as3/)

Thursday, December 16, 2010

Continuous FLV Player


Download here: http://www.mediafire.com/?17cx8mbkj4hg1y4
Features include:

  • Playlist Display
  • Thumbnails display
  • Total Number of Videos
  • Ability to play crossdomain flv files 
  • Automatic play of flv files through XML file
  • Automated Title Caption
  • onScreen Play/Pause functionality 
  • Next/Previous Buttons
  • AutoPlay Disabled/Enabled
  • Seeking Enabled
  • Buffering Message
  • Playlist Replay
  • Video Reply Button
  • Total and Elapsed Time
  • Display of video loaded in %
  • "Next Video" display
(source: http://www.flashcomponents.net)

    3D Carousel


    •   Actionscript version: 3
    •   Class created by Charlie Charlie [charlie_chao@msn.com]
    •   Based on Lee Brimelow's three part tutorials on creating a 3d carousel at http://www.gotoandlearn.com/
    •   Current version: 1.0 [August 2007]
    •   Special thanks to people at FlashKit for helping me out with this project
    Download here:
    version 1.0
    http://www.mediafire.com/file/p5q45mplq0h6fuc/carousel_v1_flash_on_demand.zip
    version 1.3
    http://www.mediafire.com/file/17cx8mbkj4hg1y4/carousel_v1.3_flash_on_demand.zip


    INTRODUCTION:

    This class allow you to create your own
     3d carousel, which can be used for site navigation and
     various other stuffs. This class is written by me based
     on Lee's tutorials so people can use this in Actionscript
     3 as the original one was written in Actionscript 2.

     I suggest you use the carousel_demo.fla included with this package to get started.

     Make sure the com folder should be on the same folder as your flash project.
     The xml file should also be in the same folder as the .swf file.

     Few things that you should be aware of:
     If you're using a MovieClip as an item to your carousel,
     you MUST add a linkage name to it. To include the item in your XML, type in the name
     of the MovieClip in the image attribute with the extention of '.mc'.

     Unless you make sure that there is no tooltip for each of the items, you must assign a
     tooltip movieclip with the addTooltip function.

     To create a new carousel, use the following scripts:

        import com.ccanvas.carousel.*; //import class if you haven't done so

        var carousel:Carousel = new Carousel(0, 0, 186, 75, "icons.xml"); //Carousel(x:int, y:int, radiusX:int, radiusY:int, xml:String)
        carousel.addTooltip(new tooltip); //uses movieclip "tooltip" as the tooltip object (optional IF the items in the carousel does NOT use tooltip)
        addChild(carousel); //add the carousel to the screen

    EDITING THE XML:

     The carousel use XML format to create the items. To create a new one, simply make a
     new text file and save as 'name.xml'. Remember to switch to 'All Files'.

     XML layout:

     <icons>
     <icon image="image_file_name.format" tooltip="tooltip text" function="on press function" />
     </icons>

     The image attribute can be any image format Flash supports (include .swf). Also, if
     you want to load a MovieClip from your library, just type the name of the MovieClip
     with the '.mc' extension. The MovieClip must have a class name.

     The tooltip attribute can be left blank to disable tooltip appearance for that item.

     The function attribute must be a function on the root frame. It does not have to have
     () to work.


    CONCLUSION:

     You can feel free to edit this class for integrating into your
     project. If you found errors or bugs, please contact me so I may
     make the changes.

     Enjoy!
    (source: http://gotoandlearn.com)

    Free Preloader (cont...)

    20091513205710977801
    Download here: http://www.mediafire.com/?nz9g839sd4o0fe6

    Wednesday, December 15, 2010

    Free Flash Preloader

    These are some free flash preloader. It'll helpful for your developing.


    1.ActionScript3 Spinning Preloader Animations
    This nice pack of free spinning animations includes a number of flipping progress preloaders. All 7 animations were developed in ActionScript3 and can be integrated in your flash project, whenever you need a nice animation to be displayed while doing something in background.
    Download here: http://www.mediafire.com/file/e4wx3wbcauyxho4/SpinningPreloaders.zip
    (source : http://preloaderz.com/design/free-preloader-animations/)

    2. Free flash preloader animations pack

    Free flash preloader animations pack includes a number of nice loading progress designs, which can be used as a preloader in your flash application. You can download the fla source file below.
    We offer 33 different free flash animations for different cases, where preloader might be needed. Some of them are well-known, like Macintosh OS loading indicator or clockwise bubbling and some are just new designs.
    All animations included in the pack are pure vectors. That enables you easily change colors and sizes to fit look-and-feel of your flash project or website for free of charge.

    Download here http://www.mediafire.com/?jea8ftzqjlk19w7
    (source : http://preloaderz.com/design/free-preloader-animations/)