AS3 Sound Visualization Engine

Media_httpfarm4static_wwwak

, originally uploaded by NymphoBrainiac.

Remember when I used to take photographs and post them on flickr?

Well, I guess I’ve been distracted making things, rather than just recording them.

This is one of those things. A sound visualization engine built in Actionscript. It works by analyzing the raw data of an mp3 file, taking a snapshot of its sound wave every 31 milliseconds and placing it into a ByteArray. The ByteArray is fixed to 512 floating-point values, where the first 256 values represent the left channel, and the second 256 values represent the right channel of audio. I then loop through all 512 channels and assign animations based on each (again every 31 milliseconds). The animation effects are assigned randomly applying blurring, scaling, motion and sizing based on the sound wave values. For added effect I added a photo of cannon beach I took and masked it with the sound wave. After all the song is about a beach.

Check it out here: AS3 Sound Visualization Engine.

Music: Beachcomber Blues – Dolorean

Permalink: http://www.christeso.com/index.php/lab/as3-sound-visualization-engine/as3-sou…

Minority Report Actionscript Webcam Interface

http://www.flickr.com/apps/video/stewart.swf?v=63881

Expanding on my Actionscript Webcam Motion Detection experiments, I’ve built a rudimentary ‘Minority Report’-inspired interface.

The concept is to create a new type of user interface rebuking the typical peripherals of the keyboard and mouse. Instead, a user would merely stand in front of a wall and control the interface with their movements. I’ve seen other attempts at doing this. See Microsoft Surface, iphone, this thing et. al. All cool for sure, but all done using touch screens. Touch screens are so 2006. Even Tom Cruise used gloves. Pfft. The idea is to free oneself from all physical interface. To use human gestures.

I haven’t tried it properly installed and projected on a wall yet.

You can try it here: actionscript webcam minority report interface (webcam required obv)

Like everything that exists, this is a work in progress.

Permalink: http://www.christeso.com/index.php/lab/minority-report-actionscript-webcam-in…

Actionscript Aurora Borealis

Media_httpfarm3static_jmlgg

The following is experimental drawing done for North. The idea was to recreate a tree line resembling the pacNW, and an aurora borealis. For inspiration I watched several youtube videos of a real aurora borealis. Everything on the screen is drawn on the fly with code and math. Nothing is ‘hand drawn’, right down to the branches on the trees.

View : Actionscript Aurora Borealis

The aurora and trees are autonomous and random within the following effective ranges.

// trees
var treeDistanceApart:Number = 30
var numBuds:Number = 4
var numTreeBurst:Number = 10
var maxSubBranch:Number = 3;
var maxSubAngle:Number = .07//4*Math.PI/4;
var maxSize:Number = 6;
var branchLenMax:Number = 65;
var branchLenMin:Number = 40;
var minAlpha:Number = 70
var maxAlpha:Number = 100

// aurora
var maxLines:Number = 40;
var minLines:Number = 1;
var trailSpeed:Number = 5
var maxLineHeight:Number = 150;
var lineXrange:Number = 70;
var lineYrange:Number = 50;
var lineAlphaMax:Number = 70;
var lineThickMax:Number = 20;
var maxInt:Number = 200
var minInt:Number = 10
var maxFade:Number = 30
var minFade:Number = 1
var minBlur:Number = 30
var maxBlur:Number = 100
var minGlow:Number = 1
var maxGlow:Number = 10

Permalink: http://www.christeso.com/index.php/lab/actionscript-aurora-borealis/actionscr…

Network Truth

Media_httpwwwchristes_ajegy

Built and designed SMS portal for Truth in conjunction with Arnold Worldwide

Users are able to text message to screens around the country. The website then aggregated these messages and displayed them.

Site features:

  • Advanced animation via AS
  • Object oriented XML integration
  • Full CMS integration

Visit site

Permalink: http://www.christeso.com/index.php/portfolio/network-truth/network-truth/

Flickr Controlled Photography Website

Media_httpfarm4static_dbjgw

FLICKR CONTROLLED PHOTOGRAPHY WEBSITE, originally uploaded by NymphoBrainiac.

Are you a Flickr member?

Are you an aspiring photographer?

Are those two synonymous?

Do you want your own photography website that you can control via Flickr simply by using tags?

Do you have your own website but find yourself duplicating your efforts by having to update it as well as Flickr?

Are you getting sick of these questions? me too, let’s cut to it…

FLICKR CONTROLLED PHOTOGRAPHY WEBSITE

Look and Feel:

Currently two different looks:
option 1 – Photography Portfolio
option 2 – Portland Child Photography Portfolio

Both are completely run from Flickr. Simply specify the categories you want, tag your photos appropriately, and they will show up on your website in the order you specify.

More customized designs can be obtained for a fee. [see below or Contact me for more information.]

Customization Options:
There are different customization options available. For example, in option 1 you can either have a ‘search tags option’ or remove it if you wish. Also, option 1 will allow you to send someone directly to certain photos by adding a simple parameter to the url like this

Base price = $500
Comes with all files, category navigation and instructions on tagging.

Additional Custom Options @ 100/hr:
- customization/design
- website hosting setup
- domain name setup

Contact me fore more info.

Permalink: http://www.christeso.com/index.php/lab/flickr-controlled-photography-website/