Ryan Phelan » 360Flex

360|Flex Indy Slides

Ryan — Fri, 22 May 2009 05:45:43 +0000

The slides from my presentation on Pixel Bender at 360|Flex Indianapolis are available here. Thanks to those who attended, and thanks to Tom and John for putting on another great conference.

I'm not a big fan of just zipping up all my source files and tossing out a download link because without some context, sample code isn't generally very useful. Instead, I'll be doing several blog posts over the next few weeks with some detailed explanation to go with the code, so keep checking back.

If you have any questions about the material I presented, or just Pixel Bender or Flex in general, send them over. I'd love to help.

Pixel Bender Blend Modes

Ryan — Tue, 19 May 2009 16:39:51 +0000

In preparation for my Pixel Bender talk at 360Flex I wanted to create an example which shows how to use Pixel Bender shaders as blend modes, so I went ahead and whipped together 20 blend shaders: Darken, Multiply, Color Burn, Linear Burn, Lighten, Screen, Color Dodge, Linear Dodge (Additive), Overlay, Soft Light, Hard Light, Vivid Light, Linear Light, Pin Light, Difference, Exclusion, Interpolation, Invert, Quadratic, and Subtract.

You'll notice there is some overlap with the set that are natively available in flash.display.BlendMode, but I thought it would be pretty educational to see how these shaders are written Pixel Bender. I have yet to test to see if there is a significant performance difference.

Application - Source

The formulas behind these blend modes were pretty easy to find. I got them from a combination of http://www.pegtop.net/delphi/articles/blendmodes, http://dunnbypaul.net/blends/, wikipedia and the Flash docs.

One topic I wasn't able to find much documentation on was how to handle alpha channels for the various blend modes. It gets complicated if both layers have transparency, and I'm not sure if there is a standardized way of computing the resulting alpha. So for these examples the alpha is simply set to that of the input image. This means that these blend modes work perfectly for opaque images, but vary from what you might see in photoshop when transparency is involved. If anyone has any good resources on the topic or would like to contribute to this effort, let me know in the comments.

360|Flex – Let’s Do This Thing

Ryan — Tue, 03 Feb 2009 21:38:46 +0000

Tom and John have just completed the huge task of sorting through 130+ submissions and I am honored to have been chosen as a speaker at 360|Flex Indiana. My session is called "Bending and Flexing" and will be all about using Pixel Bender and Flex. It's slated to be a 200 level talk so all levels of Flex and Pixel Bender experience are welcome. Here's the full description:

Learn how to use Adobe’s Pixel Bender technology to trick out your applications with a limitless variety of effects and transitions. Write pixel shaders with the Pixel Bender Toolkit and integrate them into Flex. Bring your shaders to life using the Flex effects library and other popular tweening libraries. Leverage Pixel Bender’s processing power for non-visual computations. Discover the pros and cons of using Pixel Bender vs. traditional AS3 approaches. Expect lots of demos and open source code to play with.

Now that I'm committed to a topic I'm going to be putting together a lot more demos and tutorials, so keep an eye out on my blog for a sneak peek at some of the content. Anybody want to make me a "Bending and Flexing" logo? For a free t-shirt perhaps?

The full schedule can be found at http://360conferences.com/360flex/downloads/schedule.pdf and tickets are available at http://360flex.eventbrite.com. Tickets are on a first come first served basis and are much cheaper if you buy early, so don't put it off until the last minute.

Vote For Sessions at 360|Flex

Ryan — Mon, 19 Jan 2009 23:02:43 +0000

It's that time of year again when speakers are being chosen for the upcoming 360|Flex in Indiana (May 18-20). Because of an overwhelming number of submissions, John Wilker has put them up on a voting site so you can help decide which sessions you want to see. How many other conferences let you do that?

I submitted two alternate sessions: Lighten your Load – Tips and Tricks for Asset Loading and Management, and Bending and Flexing. For some reason though, both of mine have been marked complete so they are closed for voting. In any case, now is your chance to voice your oppinion, just click this link.

Adding dock functionality to FlexMDI Part I

Ryan — Sun, 09 Mar 2008 22:55:46 +0000

Ben Clinkinbeard gave a great presentation at 360|Flex Atlanta about an open source project he's working on called FlexMDI (MDI stands for multiple document interface). I won't go into a lot of detail, but it's a really amazing windowing system (based on mx.controls.Panel) that has minimize, maximize, etc., and is fully resizable & skinnable. I've been working on a similar project, so I thought I'd see if I could combine them.

Here's the plan:
My goal is to extend this library to support docking. I'd like to take a cue from Adobe's CS3 product line, and enable three different types of docking:

Dragging or resizing a window to within a certain distance of another will cause it to "snap" into alignment.
Dragging a window onto the bottom section of another will cause them to combine into a window stack that moves and resizes as a single unit.
Dragging a window onto the title bar of another window will create a single window with a tab bar at the top.

To keep things simple, I'm tackling these one at a time. Here's part I:

Application - Source

The FlexMDI guys have graciously accepted my offer to include this in a future update of FlexLib, but the code will likely get refactored a bit first. To illustrate the added functionality, I separated it out into two new classes: MDIDockCanvas and MDIDockManager. These will probably end up getting merged back into the MDICanvas and MDIManager classes respectively.