PaperFace – Papervision GUI

Hey all,
This may be a little bit pre-mature, but I would like to announce the launch of a new site. It is called PaperFace.

PaperFace is a graphical user interface for Papervision 3D. The goal of the app is to build out 3d scenes without the need to write all the initial code. I am hoping to build it to a state where designers can come in and build a fairly complete scene and export the code to someone that can do something with it. Please go register and tell me what you think. Check out the forum on the site, and post any feedback you may have.

The app is no-where near completion, but I thought it would be good to get some thoughts on it throughout the course of development. Plus, now that it is live it puts a little bit of extra pressure on me to work more on it.

the address is www.paper-face.com

Using Papervision Object Parsers

Table of Contents

Introduction

Overview

With all the different 3d applications in use today it is hard to come up with one standardized format. So Papervision includes a number of parsers that can interpret some of the different types of 3d files. This gives developers and modelers some freedom as to which application they would like to use.

Located within each parser class in Papervision is a little bit of a write-up that explains what the parser can do and what it can’t. In this tutorial, I will just introduce you to each type; basically re-iterating what is in the class (for ease of access). Then I will run through some examples for how to use a couple of the parsers to load your objects acheter viagra.

What does a Parser do?

As stated above, a parser just interprets whatever is in the 3d asset file and translates it into something that Papervision can read.

Every file format has a core structure that remains the same, so the developers of Papervision have just made an translators for all of these core structures.

[kml_flashembed movie=”/wp-content/uploads/2009/01/max3dsparser_v1.swf” height=”250″ width=”250″ /]

Where are the Parsers?

The parsers are located in the Papervision codebase under: src/org/papervision3d/objects/parsers.

Guide to Getting Started in Papervision 3D

Introduction

Table of Contents

Overview

Papervision 3dIn this tutorial you will learn a little bit about what 3D is and how it is used on the web. As well as how to harness tools that have been created for you to build your own 3D experiences.

I am going to start out with a brief discussion and introduction of 3D and what Papervision brings to the table and then move on to the full tutorial. The files for the tutorial can be found by clicking here: tutorial files

What is 3D?

A standard website is created in 2D space; that is it consists of objects (text, images, video, etc) on an X and Y plane. People have faked perspective in the past using graphics tool, but in general it has been 2D. What 3D does is add another dimension to that traditional plane. Alongside the X and Y, there is now a Z. This 3rd dimension allows for depth to be shown.

circlesI remember my entry exam for college, I had to look at a series of shapes and come up with any number of ideas for what it could be. For instance, if you look at a circle with another circle inside it you would think that it was just two circles. If you were told to imagine those same two circles in 3D space the possibilities are much greater as to what they are. It could be a bowling pin from the top, an empty glass, a garbage can, or a football being tossed into the center of a hoop.

If you are having still having trouble envisioning the 3rd dimension, here is a great video/project by Rob Bryanton explaining how dimensions work:

What is Papervision?

Papervision is a 3D engine built with Actionscript that enables developers to start working in 3D. Using a ton of math, the Papervision team has found a way to create a simulated 3D environment.

Papervision consists of a ton of Actionscript classfiles that developers can use to create objects, scenes, and even worlds in 3D space. 3D applications and engines generally build objects using smaller objects, Papervision is no different. It uses triangles as the building blocks for larger objects in the scene. The more triangles that are used, the better the quality but more triangles means that it is harder on the processor.

Being open-source, developers are able to see all the code that they are working with which allows for a better understanding of what they are using. This also means that the development community has to ability to build on what the original developers have done without having to go through the hardships involved in extending something that is not open-sourced.

Open source means that it can be easier to understand how a complex system works because you can view all of the code that it was built with. If you have any more questions regarding the benefits of an open-source system, there is a good article located here: http://www.directionsmag.com/article.php?article_id=889&trv=1

Why use Papervision?

greatwhitePapervision is a great 3D engine for Flash, but there are others. These include Sandy, Away3D, Alternative, and more. When push comes to shove it is more of a personal preference that I came to like working with Papervision.

I think that the biggest reason to use Papervision (other than comfort from it being the first engine that I tried) is that it is so widely supported in the Flash community. I seem to be able to find more help with Papervision than with any of the other application. Having the ability to tap into the minds of other developers in forums, at conferences, and anywhere really is a priceless tool.

What has been done with Papervision?

I have to start off with a site that I had a hand in building, and that is www.amg-360.com. Apart from a couple of prototypes, this was my first major 3D application for the web.

Some other good examples can be found at: http://dailypv3d.wordpress.com

New Portfolio in the Making

Marc Pelland PortfolioI was working on some stuff for a couple friends last night, and some other stuff for work when I decided that I wanted a little break to work on something for myself. So I got myself a beer and sat down at my laptop. For a long time now I have been planning on doing something interesting to my portfolio. I had thought maybe something with papervision and maybe something with a different approach to dynamic content. So that is where I began.

When I first created my portfolio, I did it quickly in HTML just to have something online. I made sure that the syntax was valid just in case I decided to create something to parse it with. Well that was my first step for the new creation. I used E4X to grab and parse the correct div within my current HTML portfolio. From there I just built out a little data model to grab whatever I might need from the parsed HTML structure.

Now I needed to do something with it. Why not Papervision, I have a couple projects under my belt now and just happened to update my local copy because I am using it on another project right now. So I just started playing around with the interaction and ways of displaying content.

After a couple hours I was pleased and went back to my other work. I picked it up today after work for an hour or so and would like to say I am very happy with the direction that it is taking. Let me know what you think so far.

click here to see the latest built

Playing with Color Picker and Threshold

Color Picker Experiment ExampleIn light of the fact that I know my motion tracking needs a lot of work, I decided to start trying different methods for getting and working with information from my webcam.

Last night (and a little over lunch today) I threw a couple quick experiments together to see what it would look like, and I think that I might try this out with the video when I got home tonight.

The first example comes in the form of a basic color picker that lets you select the color of a pixel from within the image (on the top left). Once you have selected a color, use the slider on the right to control the threshold ばいあぐら 購入 通販.

The second example is very similar to the first, it just uses a different sampling method for the color that it is going to use with the threshold. To try this tool, draw a box (from top left to bottom right) over the region of the image where you would like to get your sampling from.

This was a very quick and dirty experiment to see what I could get out of a bitmap with some basic functions, so please forgive my source. I will post more once I get it cleaned up tonight and start trying to work it into my motion detection application.