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.

Video animation for Times Square Nasdaq screen

Still from live feed of CMM video on Nasdaq screen in Times Square 6-25-09.

A client of ours, Sarah Fey, came to us with a rush video animation job. When we found out the video would be displayed on the huge Nasdaq video billboard in Time Square, we couldn’t pass it up. To watch the final video and footage from the live feed, click here. To learn more about the process of producing the video, read on…

Advantages of Using Flash Catalyst

We have been currently working on a desktop application with customized components. As you may be aware without Flash Catalyst the work flow for creating an application with customized components can be time consuming and very demanding. You can customize the components using Flex Style Explorer or customize the templates offered in Illustrator, Fireworks, Flash or PhotoShop. However, Adobe is now bridging the gap between design and development to make it easier. Flash Catalyst Beta has just been released. Is it a disappointment or not? There are many opinions out there. In this post we will review some of the advantages of Flash Catalyst and what it has to offer.

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:

Graphical User Interface Design

Currently, we are working on building a new desktop application. It all begins with good planning and beautiful design. Here are four steps with tips that will help designers design a successful application.

Create an Abstract Background in Illustrator CS3

Theater Profile Background

Blended Objects are a quick way to create unique backgrounds. When you use the Blend tool you can create smooth transitions between objects. Recently, we created an audacious design for a new web site called Theaterprofile.com. We wanted to capture the essence of the theater by using color and motion in the background. We used Illustrator CS3 and its various tools such as Blends, Gradients, and the Mesh Tool to create this one-of-a-kind background.

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.

Collage & Color in Web Design

What is a collage? A collage is a form of art that uses paper, ribbon, newspaper, photographs, art work, and hand-made materials. How does collaging and color influence web design?

Conceptualizing a Successful Logo

My Sketching Process for Seeds to Green

I am currently working on a new logo design for a site we are building.
Getting started is the hardest part. The most important things to keep in mind when designing a logo are:

• Keep it simple so it will be memorable
• Represent your clients company/business and branding
• Design for you audience.
• Make the logo scalable