Advertisement
Web Roundups

10 Challenging but Awesome Flash Techniques

by

These days, most Flash developers know how to circumvent the multimedia platform's short-comings and properly utilize its strengths. Here are some very clever Flash techniques that you can apply to your site, making them more useful, beautiful and unique.

1. Send and Receive Phone Calls, SMS and Voicemail with Flash

Mobile development is something that all web developers should be paying attention to. With the rise of iPhone apps, Blackberry and Android applications, it's very clear that the phone is still going to play an important part in our culture. There are plenty of indicators that the fusion of the web with the mobile platform is already upon us, (like the launch of a mobile version of Facebook Connect).

This screencast shows developers how to effectively send and receive phone calls directly via Flash applications, using a set of Ribbit APIs.

2. Pyramid and Funnel Charts with Adobe Flex

As of right now, things like funnel and pyramid charts aren't really worked into the Flex framework. This is unfortunate, as these types of graphs are a huge part of displaying complicated data in a graphic format that is much easier to understand. Here's a tutorial on how to utilize the FusionCharts for Flex module to get the much-needed graphs and charts for your Flash application.

3. Creating Liquid GUIs with Flash and ActionScript 3.0

Desktop applications certainly have a leg up on web applications when it comes to easily resizing the web page. Oftentimes the width of the web page is dependent on many different factors like type of browser, browser size, and what type of layout the page has. In short: it can be a hassle.

If you have a Flash-based layout, making it liquid can be very doable. Adobe has an excellent 4-part tutorial on how to make Liquid GUIs with a combination of Flash and ActionScript to create effortless liquid layouts.

4. Realistic Coffee and Smoke Effect

We've all seen the smarmy smoke effects that come from Flash applications and animated gifs. Yuck. However, FlashVault has an incredible technique that creates seriously realistic wafting steam or smoke. Best of all, the technique requires no ActionScript to make the magic happen.

5. Return Database Records to Flash

AMFPHP is a light-weight PHP client for the Action Message Format, which transports data between Flash and a database. Being able to connect Flash applications to a database is incredibly important for creating rich sites. Without the database interaction, the Flash page can only be used as a static page. Adding the element of a database allows you to capture form data, create user accounts, and many other things.

gotoAndLearn has an excellent screencast that shows how to use AMFPHP to connect to a MySQL database and return some database records.

6. Use Lightbox Inside of Flash Applications

The Lightbox effect is one of the most popular ways to show modal windows with Javascript. It's also a great way to put content directly in front of the user's face, while dimming the rest of the content. While the Lightbox effect hasn't been created for Flash yet, there is a way to fuse Flash with the popular Javascript functionality by calling lightbox from within Flash.

7. Create a Walk Cycle: The Right Way

Much like the steam or smoke effects done in Flash, creating walking characters is not easy to make it look realistic. The walk cycle is a hard thing to pull off. Oftentimes the walking figure is walking in the middle of the screen without moving (imagine an invisible treadmill beneath him), or is walking awkwardly across the screen, clunking his feet flatly on the ground as he goes. Not a pretty sight.

Flash Tricks has a great tutorial on how to make a life-like walking cycle in a Flash application.

8. Advanced Image Gallery

Flash image galleries are incredibly elegant with fluid transitions and backgrounds. Here's an in-depth tutorial on how to make an advanced Flash image gallery using data from XML, tweening effects, and many other advanced Flash techniques. This image gallery also uses the MovieClipLoader class to load images externally, which offers more flexible and advanced options.

9. Export JPG with Flash PHP

Capturing screenshots from videos can be very useful when dealing with movie files and other media. Video sites like YouTube, Viddler and the rest all take screenshots of the uploaded movies at certain lengths of the film. Sephiroth.it has an advanced tutorial on how to fuse Flash and PHP to take these screenshots.

10. Handle Cue Points for Audio Files in ActionScript

Cue points are quite easy to make in a Flash video file, and can be done using the Import Wizard, Component Inspector Panel or the Property Inspector. However, creating cue points in an audio file is no small picnic. Adobe Pro David Stiller offers two different ways to create the cue points for an audio file, in a three part series. The tutorial recommends at least an Intermediate knowledge of ActionScript 2.0 and ActionScript 3.0, as well as Introductory experience with Flash CS3 Professional or Flex Builder 2.

Related Posts
  • Business
    Sales
    How to Keep Your Sales Funnel Filled at All TimesPreview sales funnel filled
    You can reliably track your leads and move them toward a sale with a sales funnel. It's not magic; it's a simple process. You can set up your sales funnel as an easy to use spreadsheet, work with it as a reference, and report progress from it. In this tutorial, you'll learn how to set up your sales funnel and work your opportunities through it. Read More…
  • Web Design
    eCommerce
    Getting Started With Liquid; Shopify's Template LanguageShopify 2 preview
    This tutorial will introduce Liquid, the Shopify template language. We'll look at the benefits of Liquid, discuss how it enables us to pull in and manipulate data from our stores and finally showcase a number of its key features that you will find yourself using daily in your Shopify theme development.Read More…
  • Web Design
    eCommerce
    A Web Designer's Introduction to ShopifyShopify 1 thumb
    Over the course of three articles here on Tuts+ we'll be looking at how to build a theme for the hosted ecommerce platform Shopify. My goal is to equip you with all the skills you’ll need to get started, as well as show you a number of creative ways to make your themes flexible and powerful.Read More…
  • Web Design
    Interface
    How to Become a Conversion-Centered DesignerUnbounce
    So you want to be a landing page template designer? You may think you have it easy - after all, landing page templates are just a single page. That’s much easier than designing a full-on website. But the rules of design change quite a bit when building conversion-centered landing pages.Read More…
  • Code
    ASP.NET
    Preventing Code InjectionCsrf dotnet retina preview
    Often, websites seem to exist primarily to put something into a database in order to pull it out later. While other database methods, such as NoSQL, have gained popularity in recent years, data for many websites still resides in the traditional SQL database. This data often consists of valuable personal information such as credit card numbers and other personal information of interest to identity thieves and criminals. Hackers therefore always look to get this data. One of the most common targets of these attacks is the SQL databases that lie behind many web applications through a process of SQL Injection.Read More…
  • Web Design
    Applications and Tools
    The ThemeForest Author’s Guide to Unbounce TemplatesUnbounce preview
    In this tutorial I'm going to introduce you to Unbounce, a tool for building campaign-specific landing pages. We'll walk through the anatomy of various types of landing page, go through the tool’s features, then cover what’s needed to sell your own Unbounce templates on Themeforest.Read More…