Creating an augmented reality site using Papervision 3d and FLARtoolkit. Part 2: Listening for Events and Animating the Scene

Welcome back for part 2. In the first tutorial I went over how to set up your project, create a PV3D object to attach, and call the functions that will attach this object to your marker (if you haven’t read part 1 yet, check it out below). In part 2, I will go over how to listen for when the marker is detected (and undetected). We will also look at how the animation is triggered and stopped.

Creating an Augmented Reality App using Papervision3D and FLARtoolkit. Part 1: Setting Up

Jersey Boys 3D

This project began when we found out that our client was going to be printing some paper fans to give away at Jersey Boys shows throughout the country. They were looking for something interesting to put on the fans, a link to a new site that fans would visit. We came up with the idea of printing a marker on the fans that could then be used at a specific website in order to produce a 3d, augmented reality image via the user’s webcam. We got the go-ahead on the project and the fans were sent for printing. The timeline was set and work began.
Click here to view the final project online and try it out for yourself. Read on to learn about our design process and setting up the project in AS3.

Flash Builder 4 beta Released

We had been waiting in eager anticipation through the first half of this year for it to finally arrive. All indications were that we would be well adjusted to our new work flow by the time summer rolled around for sure, enjoying all the new tooling and features of Flex 4, round tripping some super-duper new skins with our design team via Catalyst, and improving our productivity on the whole. But as winter gave way to spring, our excitement began to wane until I had all but forgotten about the coming of this new generation of Flex. When suddenly, with almost no warning whatsoever, it was upon us… the new Flash Builder 4 beta, code named ‘Gumbo’.

Embedding Irregular Fonts in Flex 3

Often in programming, what seems to be a simple task can trip you up. Yesterday I was trying to embed the font Helvetic Neue LT Com Bold 77 in a css style sheet for a project of ours. After about 20 minutes of trying different methods to get the project to compile without any errors, I came across the following method:

Warning: Filter will not render. are too large to be draw

If you are looking at this error in your flex compiler, make sure that the DisplayObject that you are trying to add to the stage is subclassing UIComponent and not UIMovieClip. The two are nearly interchangeable, yet the UIMovieClip needs specific bounds.

Happy Coding!

Full Browser Flash with changing background color and automatic scrollbars

Bowen and Company website, design by Florio Design

I finished a Flash animation for a client in which the background color of the movie fades from brown to white. The client liked it but decided that he would like the background of the browser (behind the embedded Flash movie) to change as well.

I figured the best solution would be to make the Flash movie full browser. So here is the solution that I came up with:

AS3 Tutorial – The Singleton Pattern

One of the most important patterns that we use over here is the Singleton. It’s used when you need to restrict use of a class to one or only one instance. This comes in handy when you are casting things like application wide settings, or if you are building something like a logging service. There is a bit of disagreement on the use of the singleton, but it really boils down to two questions:

• Will you use this class exactly the same way?
• Will you only ever need only one instance of this class?

If you answer yes to these two questions, you might have the case to build a singleton. – So here is how you go about doing it in AS3 -it’s a bit tricksy ’cause as3 has no private constructors:

Illustrator graphics to After Effects animation

When it came time to create a new animation for our homepage, we decided to go with bold, fun and eye-catching. Our talented designer Beth came up with the graphic treatments for each section. I was then given these as layered Illustrator files and animated them in After Effects. After exporting them to .mov files, they were converted to FLV video.

Pass an Event from .AS file to Flash Movie

An important part of being able to quickly create small Flash applications, is to be able to combine the use of custom classes (.as files), and code that is embedded in the Flash timeline through the use of custom events. 

Embedding Assets in Flex

Just working on another fun project here, and I thought that I would share something that I don’t see alot of Flex developers doing out there. That is organizing your image assests into asset classes as constants. It’s an easy way to keep everything organized, and reduce your overhead, because you can creatre classes that encapsulate a skin or graphics set for a particular task. If you want to learn how read on…