Flash User » Flash Components

Free HTML Table Renderer AS3

flashuser — Wed, 29 Sep 2010 13:56:54 +0000

The Free Table Renderer component provides an advanced XML/HTML table rendering engine for Flash, complete with CSS support and advanced features such as row and column spans. The component can render all common types of content (text, SWF files, images and Flash library objects) and allows embedding custom fonts and offers advanced text rendering controls.

Check the preview for the Free HTML Table Renderer AS3:

Download flash file from here

License

You are free to use the flash Html Table Renderer AS3 files in any project personal / commercial as long as you not redistribute / resell the functionality provided with the downloaded product without the author’s written permission. You may modify its content in case you want to use the product for a custom project.

3D Image Rotator Carousel AS2

flashuser — Mon, 09 Nov 2009 20:14:47 +0000

We are happy to announce you that Flashtuning supports the community by offering you free versions of its flash components. The freebies may have some limitations and don’t include the application source file, but you can easily configure them through the XML file.

Check the preview for the 3D Image Rotator Carousel (Actionscript 2):

NOTE: You can use A / D (for left/right camera movement) , W / S and mouseWheel for changing the menu depth, PGUP / PGDN to move / roll the camera in the example.

Features

Use this file to easily achieve any 3D Carousel configuration using advanced camera controls along with perspective, depth, fading and much more!
Dynamic image mirror & roll over image coloring support
You can include images with fixed or variable size
Support for external URLs and browser window resize
Support for logo & image titles
Native camera keyboard and mouse controls
Optionally set the main XML configuration file path in HTML using FlashVars

How to use it

1. Download the 3D Image Rotator Carousel AS2 and put all the files in the same directory. Now to insert the SWF file inside the HTML page(s) of your website copy / paste the following code in your HTML page(s) and adjust the param and other values with your own values:

where:

#version=8,0,0,0 -> represents the minimum required Flash, can be 8, 9 etc.
yourSWFWidth -> a numeric value in pixels representing the width of your movie
yourSWFHeight -> a numeric value in pixels representing the height of your movie
yourSWFName -> represents the SWF file name (without the .swf extension)
yourSWFURL -> represents the URL location to the SWF file on your sever (eg: http://www.mysite.com/myflashfolder/myMovie.swf )

For using JavaScript integration follow the second part of this tutorial.

2. To configure your carousel open up the config.xml file and adjust the parameters according to your needs. You can setup the carousel radius, the image logo, the object mirror to be visible or not, the carousel angles and much more. To add a new image to the carousel use the following code:

3. If you want to specify a different XML configuration filename you can use FlashVars. Edit the HTML source file and go to the tag where your SWF resides and add the following code to the object tag:

Make sure you to add the FlashVars=”xmlFile=myXMLFile.xml” also to the < embed > tag.

If you want to use the 3d carousel in a Flash project (FLA file needed) check out the commercial version available at FlashTuning.net.

License

You are free to use the files inside the 3DRotateCarouselAS2_Free.zip in any project personal / commercial as long as you don’t try to hide Flashtuning logo located in the top left corner of the gallery. If you don’t want to have the logo, you must purchase the commercial package that is available on Flashtuning.net. If you want to use the carousel in multiple websites you’ll have to purchase a license for each website. Read more on the 3D Image Rotator Carousel AS2 page.

Review: HTML / XML Table Renderer

flashuser — Thu, 20 Aug 2009 11:03:06 +0000

As a developer you encounter different issues when working on a project. One of them is to create a html replica of a table in Flash. To have features such as column span and row span, cellspacing and padding and many others that allows you to manage your table in Flash like in HTML.

I faced a similar situation myself and thought to spare you of precious time to do such a work, by sharing with you a useful source.

It seems that somebody spent his time and managed to create it for us. It’s about the Flashtuning HTML Table Renderer component that provides an advanced XML/HTML table rendering engine for Flash, complete with CSS support and advanced features such as row and column spans. The component can render all common types of content (text, SWF files, images and Flash library objects) and allows embedding custom fonts and offers advanced text rendering controls.

Requirements

The Table Renderer is available in two versions one for Actionscript 2.0 and the other for Actionscript 3.0. You choose what is the best for your needs. You can download a trial version (click on the Free Download link above the examples) that has a limit of 4 X 4 for the tables, as a trial limitation. To get the full version with no restrictions you need to purchase a license for $9.00.

Features

Support for all common HTML tags and attributes and CSS properties supported by Flash
Images/SWF/library objects inclusion into table cells
Easily integrate your own custom actions like roll overs, drag & drop, tool tips
Link to custom ActionScript functions from within the table
Percentage/fixed widths/heights support for the table and/or individual cells
Alpha levels for borders and backgrounds
Font embedding support: you can specify custom library fonts for the table and/or individual cells using the cellfont attribute
Built in Help Book automatically that can be accessed anytime via the Flash Help Panel

How to use it

We’ll set up a simple HTML table in Flash.

1. Start Adobe Flash and open a new document.

2. Open the Components panel ( Window/Components). You will find the component in the Flashtuning folder.

3. Drag the component (FtTableRenderer) from the Components panel to the stage. The component graphic symbol should now be displayed on the stage.

4. Create an XHTML file which includes a table definition using your preffered HTML / Text editor.

5. Switch back to Adobe Flash, select the component on the stage and configure its parameters in the Parameters panel or in the Component Inspector panel ( Window/Component Inspector):

Instruct the component to use the newly created table.html file as the XML/HTML Source File.

6. Test the scene (Control/Test Movie).

(!) Make sure the HTML source is properly formatted (the tags and attributes need to be closed and lowercase) and the cells colspan need to be valid for the table to render correctly.

Conclusion

The possibilities to use such a great component are vast, all you have to do is explore and use your imagination. I think any Flash developer should have it and considering the price I would say it’s a great deal.

Review: Flashtuning ScrollBar Component

flashuser — Mon, 03 Aug 2009 17:02:35 +0000

I know that probably every time when you have to design a website, at a certain moment you want something to be scrolled (a movieclip, textfield). You can do a basic scroller or use the default one from Flash of course, but instead why don’t you use something that can do all that and much more with no limitations and save you precious time.

The Advanced Scrollbar component developed by Flashtuning provides extended scrolling control over any content type within movie clip and adapts automatically for both static and dynamic types of content.

Requirements

The Scrollbar is available in two versions one for Actionscript 2.0 and the other for Actionscript 3.0. You can download a trial version (click on the Free Download link above the examples) that has a limit of max 350 X 200 pixels for the visible area size and watermark attached, as a trial limitation. To get the full version with no restrictions you need to purchase a license for $7.00.

Features

You can use it in either vertical or horizontal modes and you can configure two component instances to create a Scroll Pane.
Switch scrolling targets during runtime
Choice and adjustment of scroll easing types (basic, bounce, elastic, inertia)
Choice of scrollbar layouts (buttons and slider, buttons only, slider only)
Run-time resizable visible area
Free/Snap to visible area modes support
Autohide/disable mechanism
Mouse wheel support
Customizable skins on per instance or global basis
Skin elements color overlays
Dynamic control through Actionscript API
Fixed Track Body option
Fixed Slider Body option
Use Invisible Mask option
Scroll Percentage option
Built in Help Book that can be accessed via the Flash Help Panel

How to use it

We’ll set up a simple scrolling movie clip with text inside.

1. Start Adobe Flash, open a new document and set a 30 fps or higher in the Document Properties Panel to achieve a smoother animation.

2. Open the Components panel (Window/Components). You will find the component in the Flashtuning folder.

3. Drag the component (FtScrollBar) from the Components panel to the stage. The component graphic symbol should now be displayed on the stage.

4. Create a new Movie Clip to be scrolled:

Create a Text Field on the scene and type in few text blocks.
Select the Text Field and convert it to a Movie Clip symbol ( Modify/Convert to Symbol) with the registration point top left.
Give the new Movie Clip an unique instance name (in the Properties Panel).

5. Select the Scroll Bar component on the stage and configure its parameters in the Parameters panel or in the Component Inspector panel (Window/Component Inspector):

Instruct the component to scroll the newly created Movie Clip as the target movie clip ( targetMovieClip).
Set the viewAreaHeight and viewAreaWidth.
Set the snapMode to snapToView value.
Leave the rest of the parameters unchanged unless you want to adjust some values, as they are already populated with default settings.

6. Test the scene (Control/Test Movie).

Conclusion

It’s probably one of the best flash scrollbars on the market. You will find it useful any time you want to scroll a textfield, an image,a movieclip and has some great features.

Freebie: Good looking Fluid Contact Form

flashuser — Tue, 21 Jul 2009 14:20:32 +0000

This free flash file is really great and will help you bring a new look to your projects. It provides extended control over any field within the contact form Movie Clip and adapts automatically for user text input.

The file is easy to use and customize, you just need to open the FLA file and you can adjust the graphics and the parameters values according to your needs. The form fields are dynamically checked while entering text, when the green text appears means that the field you completed is valid. The email input text has a basic email validation. The code is very well commented so you can modify the parameters easily.

The Fluid Contact Form is built in Actionscript 2.0. You are free to test and use it and don’t forget to give us credits.

Download Source

Freebie: Flash Component Progress Bar

flashuser — Fri, 10 Jul 2009 11:53:58 +0000

This freebie comes from Flashtuning, a great flash developer. The Progress Bar component monitors the progress of loading content from multiple sources. It’s a Flash MXP file so for using you must install it through Adobe Extension Manager. It’s very well documented and has a built in Help Book, that can be accesed via Flash Help Panel. Available for ActionScript 2.0.

Here are some of the features:
* Multiple source objects support of different types (eg. movie clip, XML, sound, loader)
* Choice of fill direction
* Customizable skins on a per instance or global basis
* Choice of different display modes
* Choice and adjustment of progress bar fill easing types
* Automatic/Manual progress

If you can’t handle how to install it, a quick start guide is available on his site. Also check his portfolio for other awesome flash files.

Example:

Download the file

20 Great Flash Menus on FlashComponents.net

flashuser — Mon, 06 Jul 2009 11:02:32 +0000

I think that the most important part of a website it’s his navigation menu. For me it has to be simple, attractive and easy to understand. Because it’s essential for your audience to know exactly where they are and not get lost in a labyrinth of submenus and sections.

As a flash lover, I enjoy the animated flash menus because they are interactive and eye-catching. So I decide to share with you 20 navigation menus that caught my attention on FlashComponents.net. Hope they inspire you and if you got a flash menu that you like, share with us.

1. Dock Menu XML 3.0
Mac OS X Style Dock Menu.

2. XML Tweened Menu
File is prepared for HTML and Flash use (FlashVars and drag&drop). All settings can be changed via XML (slider colors, radius, position, text colors, tweens)

3. Sliding Accordion XML Menu
Sliding XML Menu with accordion effect.

4. Curve Menu CS
CurveMenu CS is a component which can help designer or developer to add a unique curved menu in their Flash website. It is a navigation menu with perfect sliding effect and unique touch control.

5. Two Level Menu

6. Blur Scale XML Menu
Scaling & blurring horizontal menu with XML.

7. Drop Down Tree Menu
The Drop Down Tree Menu V3 is a flash component designed to help you load a tree menu structure in a drop-down fashion.

8. Tsunami Text Menu

9. 3D Image Zoom Menu XML
3D XML driven menu with perspective ,depth, items zooming and coloring.

10. H-Menu

11. Elastic Menu
Very easy to set up, that component will generate a horizontal or vertical menu with your own designed buttons. You can set few parameters, and you are good to go!

12. Xml Tree Menu

13. XML Sliding Menu 2

14. XML Accordion Icon Menu
The XML Accordion Icon Menu displays images in a vertical menu that opens like an accordion. Icons, titles, URL, and themes, are defined in an external XML file.

15. Ultra XML Menu
You can adjust button colors, font, tween type, speed, sliding direction, align.

16. 3D Image Rotator Carousel XML
Easy to adjust parameters for fading effects, perspective manipulation, keyboard and/or mouse enabled movements and rotation to setup your desired 3D Carousel in minutes.

17. Horizontal Dynamic Neon Menu

18. XML Bounce Up Menu

19. Cool Horizontal Menu

20. Elastic Flash Menu

Flash of the day #3

flashuser — Sat, 27 Jun 2009 20:33:55 +0000

Because we’d like to be inspired, we post daily sparks both for designers and developers.

If you’d like to contribute send us via contact form the link that inspired you and specify in the message for “Flash of the day” or via Twitter http://www.twitter.com/flashuser

Transformers: Revenge of the Fallen
Don’t miss the second part. Revenge is coming.

MCTE Collection Plus
Great flash transition collection package that is a time saver for your projects.
Have you ever wanted to have a single easy to use movie clip transition component that you could use to perform all possible transitions between 2 different states of a movie clip or between 2 different movie clips?

15 Most Worth It Flash Galleries

flashuser — Thu, 18 Jun 2009 12:35:20 +0000

One of the main request of the clients is to have an amazing Flash Gallery on their website used to present their work, projects done, photos. There are plenty of them on the internet banner rotators, thumbs with scroll, category tabs, with smooth and nice transition effects.

So I decide to put together 15 most worth it flash galleries founded on FlashComponents.net so you can save time and concentrate your thoughts to creativity. You decide what gallery suits your needs. To live view click on the image of the gallery you like.

1. XML Image Gallery

Fading XML Image Scroller Gallery & Menu & Banner Rotator & Slideshow with scrollbar component, autoPlay, previous, next buttons and scrollable text description box.

2. Sliding Image Gallery XML V2

Dynamic sliding image gallery for product showcase.

3. Thumb Banner Rotator Black

XML thumb banner rotator with delay time, menuPosition, textPostion, and more features,total 23 settings parameters available in the XML file.

4. Advanced XML Image Gallery V2 – AS 3.0

XML driven Flash image / picture / photo gallery. Supports any screen size, the images will adjust based on the screen resolution.

5. Auto Play XML Image Gallery

Can easily be transformed into banner, header, slide show etc. You can use it for IMAGES and for SWF files as well. You have seven (7) transitions to choose from.

6. CoverFlip3D AS 3.0

Inspired by the iTunes coverflow layout. The coverFlip3D Flash component displays images and videos in an engaging interactive 3D environment powered by the Papervision3D engine.

7. Tab Gallery/FLV Portfolio v.2

Tab Gallery it’s a two level Flash gallery that has support for JPG, GIF, PNG image viewing and for FLV playback. The first level is represented by the categories (tabs).

8. Flickr Style Photo Gallery AS 3.0

Supports any screen size , the images will adjust based on the screen resolution, and at the same time keeping the correct ratio.

9. Image Gallery XML

You can easily put the scroller any position you like, set the images to any dimensions. You can customize the scroller movement.

10. XML Thumbnail Gallery V.2

This is a very easy to customize XML gallery, with thumbnails. The gallery can also display the pictures as a slideshow. Smooth MP3 is also included and can work in full screen mode.

11. AS Gallery V1

XML driven gallery with categories. Almost everything is adjustable.

12. The AS3 Photo Gallery

This gallery is designed to be tweaked and altered in just about every possible way, all from a single XML file.

13. Wall Image Gallery

This is a complex XML picture gallery with .FLV player … very easy to use and configure … Is made in full AS2 code and is easy to modify and arrange for your own needs.

14. XML Banner Rotator 2 ( Slideshow & Gallery )

XML Banner Rotator with slide effect. It can be also used as slideshow or gallery. Works with Flash 8 / Flash CS3 / Flash CS4 and above / ActionScript 2.0 version.

15. Netish Resizable Gallery w Albums

This is a two level resizable image gallery. Photos are stored in categories and can have an html formated description.

A quick look inside FlashUser.net

flashuser — Wed, 27 May 2009 09:25:04 +0000

FlashUser.net helps creative Flash developers and designers from all over the world to save time and money for their projects. By following our posts you will easily create more effective Flash designs or add value to your Flash software and applications.

Our aim is to simplify your daily Flash tasks and provide useful quick tips and tricks and comparison between various Flash products available on the market that take too much time to develop yourself or search the net on tight deadlines.

If you create HTML web site layouts having embedded Flash objects such as XML driven Flash Menus, Flash Galleries, Flash Slideshows, Flash Banner Rotators or if you develop full Flash site templates and applications and need to choose the right Flash component for your project, FlashUser.net is your ultimate Flash Components reviews and essential ActionScript techniques resource.