Flashbelt 2009 is right around the corner. A truly exciting event where local flash designers and developers converge to see some amazing demo’s. A chance to learn what Adobe and flash masters are working on to push the boundaries and maximize the efficiencies of using flash in day-to-day work and play. The event is made up of both presentations and workshops and other events, and is appropriate for all experience levels.

Never been? Check out at least one presentation, you will undoubtedly go back for more. get yourself registered, space is limited.

Learn more about it and see who’s there this year.

Thanks to our friend Dave Schroeder at Pilotvibe, the founder and host

We are pleased to announce the launch of our latest makeover!

Southview Design came to us several years ago (through our friend Kristin Kowler at Genius to Go) in search of a clean, professional site that reflected the caliber of work which they were producing in landscapes. The new site not only improved their image, but made their team proud to share it. That was the site design “version 1″

Just yesterday we launched the all new Southview Design, while the previous site was plenty good they sought a more interactive and engaging user experience – and to continue to their already strong search engine presence. The new site features a striking new look, continually updated project slideshow on the home page, and intuitive navigation scheme. The project gallery allows visitors to explore by image – or quickly filter the list of landscaping projects by Service or by Price.

With this new site Kristin has again provided powerful and effective search engine friendly content, which will continue to build upon the already strong search engine presence Southview Design enjoys. Coupled with the ultra-clean site code and site optimization techniques employed in this go-around we wish them much happiness and success with the new site.

And just in time for Spring!

I’ve been putting some thought lately into the best way to render shadows in AS3. The built-in DropShadowFilter is perfect for most situations – particularly headlines and simple movie clips – but it lacked perspective control, at least for what I was envisioning…

(more…)

We recently completed an ‘Interactive Roof Designer’ Flash piece for Trimline Building Products. The objective was to create an area where prospective clients could customize the look of a house, and apply different colors from Trimline’s Distinction Tile and Distinction Slate composite roofing product lines. The final piece allowed for some interesting looking houses – here’s a break down of the process for each step…

1. CHOOSE HOME STYLE
3 photos were selected to represent different house styles. The idea at this point was to focus on the overall structure of the house – as the material, color and roof product would be customized in the following steps. ArcStone’s Nick Longtin created line drawings of each house. He did it all with his left hand while sipping a delicate blend of herbs and spices with his right.

2. SELECT MATERIAL & COLOR
This stage allows you to select a building material – brick, stucco or siding – and customize the overall color. Using ActionScript’s BitmapData, a custom ColorSelector class was written to avoid using a simple color picker with a limited palette. This allowed use of the full spectrum and a color intensity slider (saturation).

Surprisingly, the bulk of the work at this stage wasn’t the ColorSelector or Flash development – it was the laborious job of masking out the exposed building on all 3 house photos and applying brick, stucco and siding textures to to each house with perspective and shadows in mind. The textures where then desaturated to a medium gray and applied to each house in Flash as a MovieClip, set to BlendMode.OVERLAY. When the ColorSelector dispatches a CHANGE event – the new color gets applied to the selected texture movieclip (via ColorTransform manipulations).

3. DESIGN YOUR ROOF
The final step – applying different roof products – was achieved through the same techniques as step 2, but the tint color overlay was limited to the colors of the individual composite roofing products.

The final product allows visitors to visualize their dream roof in real-time, right in the browser, and without downloading any software. Other similar systems from Timeline’s competitors often rely on server side image manipulation that is slow, requires page refreshing, and just isn’t very interactive.

Flash is a great technology for visualizing products, and incredibly effective at drawing customers into site content by offering engaging interactive elements. If you’re interested in bringing a product or service to life on the web please contact us. We would be happy to discuss the wonderful options Flash and other technologies offer.

There’s just something about high quality photos fading in and out that always seem to take the feel of a site up a notch or two. Good examples are AMO’s very own Arizona Medical Group Management Association (AZMGMA) and Metro Atlantic Relocation Council (MARC). Both of these sites use a custom XML-driven Flash slide show, developed internally a couple of years ago. The ease of updates from using XML, and the aforementioned Flash flashy-ness make it a perfect solution for breathing life into an otherwise static page.

Click the photo to see the slideshow in action, using recent photos from Montana and Yellowstone, or read on to learn more …

(more…)

I had the opportunity to attend Flashbelt again this year. And it was awesome.

This year’s highlight was seeing Jared Tarbell speak again, who’s done amazing work in both Processing and Flash, and is a the co-founder of Etsy, an excellent marketplace for all things handmade! For those who have kids, or like wearing really small clothing, be sure to check out Orange Rhino for some sweet threads from our very own Jess Louwagie.

Jared’s session once again left me speechless. The work was refined and elegant, the music fitting, and the presentation seamless. What inspired me the most of about these speakers, however, was not just their work. It was how approachable they all were. And how apparent it was that their work was fueled by curiosity; a willingness to make mistakes and a stubbornness not to give up.

One of Jared’s pieces that caught my eye was a series renderings that used Perlin Noise to generate forms resembling an iris (of the eye, not the flower).

While analyzing some of his source code (special thanks to Jared for providing it), and listening to Eric Jordan’s mix, Indigo, it became apparent to me the potential of using BitmapData.perlinNoise() and BitmapData.getPixel() to achieve organic, pseudo-random results.

Read on to see my latest experiments – Click the images to see the full-version. They look better … (more…)

I had every intention of using my recently released SoundData class in an experiment with Papervision3D. I got pretty far: Picked out a good Armin Van Buuren track, had an interesting animation started; just hadn’t added the code to respond to the sound spectrum.

Unfortunately, once I loose a little momentum on one of these side projects, the likelihood of a bigger, better experiment stealing it’s lunch money gets pretty high. I grew rather attached to this latest experiment and, despite it’s somewhat ‘incompleteness’, I wanted to share it anyways.

Special thanks to Seb Lee-Delisle for the inspiration and all his particle work on Papervision3D!

Here’s the experiment. Enjoy! (there are several colors and speeds… so if you don’t like what you get on the first pass… refresh the page

I tend to be a very thorough and detail-oriented person… at least I hope so (there are other words for it, but we’ll leave it at that). So naturally, when I’m writing code – whether it’s xhtml, CSS, ActionScript etc – I try and keep things neat, clean and easy to read. I indent like it’s going out of style, I strive for consistent naming conventions, and I use descriptive variable and function names.

(more…)

UPDATE: I’ve discovered a serious flaw in this class… I plan to refactor things soon – stay tuned.

In an effort to simplify audio visualization experiments with ActionScript 3.0, I’ve developed a SoundData class. The class’s main attraction is centered around the flash.media.SoundMixer.computeSpectrum() method, but it also provides additional control over playback, including startSound(), stopSound() and toggle() methods. The class also allows manipulation over volume and panning.

(more…)

I realize it’s been a while since my last flash experiment covering Audio Visualization with ActionScript… but fear not – I haven’t been taking a break. Very much the contrary

(more…)