1. Papervision 3D 2.0 Materials Overview

With this review you will learn the peculiarities of Papervision 2.0 Materials. You will get familiar with ColorMaterial, WireframeMaterial, CompositeMaterial, BitmapFileMaterial, MovieMaterial as well as Papervision 2.0 Shader Materials: FlatShadeMaterial, CellMaterial, GouraudMaterial, PhongMaterial, EnvMapMaterial.

Here you can view the codes of the Materials and get more detailed info.

2. Papervision 3D – Shaders and ShadedMaterial

This overview is dedicated to Papervision 3D 2.0 Shaders: CellShader, FlatShader, GouraudShader, PhongShader and EnvMapShader. Each of them has its own distinct visual and each serves a different appeal. Also, you will get familiar with ShadedMaterial: a ShadedMaterial object is used to combine your shader and your material together into one dynamic material.

To view the examples and get Flash & Flex Source codes please follow this link.

3. Papervision 3D Shader Materials – a Deeper Explanation

In this example the author gives a deeper explanation and gives an exhaustive comment to what each snippet does. Also, there is a diagram that perfectly shows how this example can be realized.

Click here to get more detailed info, view the example and see the diagram.

]]> http://www.papervision-tutorials.com/advanced-materials-in-papervision-3d-20-applying-shaders-and-shaded-materials/feed/ http://www.papervision-tutorials.com/two-ways-of-dragging-in-3d-the-easy-way-and-the-right-way/ http://www.papervision-tutorials.com/two-ways-of-dragging-in-3d-the-easy-way-and-the-right-way/#comments Wed, 18 Aug 2010 06:53:19 +0000 admin http://www.papervision-tutorials.com/?p=427 With the help of these two great tutorials from Andy Zupko you will get familiar with two ways of dragging in 3D.

1. The Easy Way of Gragging in 3D

It is a no-math solution to be able to drag an object in 3D in multiple directions using the tools already built into Papervision 3D. By creating an invisible Plane object, you can detect where it is hit by the mouse in 3D space - then move your object to that position.

This way is good, but it is definitely just a hack and heavy approach to dragging objects in 3D.

To get the detailed tutorial and get the source you may here.

2. The Right Way of Dragging in 3D

This way is much more elegant than the previous one.  In the 1st way the author introduced some new functions of dragging in 3D. Those functions can be used for much more than just for dragging. And this 2nd way teaches us make a good use of them.

Click here to view the detailed tutorial and get the source.

]]> http://www.papervision-tutorials.com/two-ways-of-dragging-in-3d-the-easy-way-and-the-right-way/feed/ http://www.papervision-tutorials.com/particle-system-1-%e2%80%93-basic-principles/ http://www.papervision-tutorials.com/particle-system-1-%e2%80%93-basic-principles/#comments Thu, 12 Aug 2010 06:36:29 +0000 admin http://www.papervision-tutorials.com/?p=413 Particle systems are used for creating a variety of special effects: it is possible to create snow, rain, fire, smoke, and many more great things. But first of all you have to get familiar with some basic principles of particle systems and learn how they can be used to create a variety of effects.

The example below covers some of the basic principles of particle systems. Here you will see two of them:

1) With the stars, adjusted their scale, alpha and position to create the illusion of the camera traveling forward in an endless space.

2) The supernova with a few “particles” being placed in the center, scaled, rotated and then fading out with the alpha.

That is what you will create with this tutorial’s help:

To view this application in a new window as well get the necessary codes please follow this link.

]]> http://www.papervision-tutorials.com/particle-system-1-%e2%80%93-basic-principles/feed/ http://www.papervision-tutorials.com/the-30000-template-launched-at-template-monster-is-made-with-papervision3d/ http://www.papervision-tutorials.com/the-30000-template-launched-at-template-monster-is-made-with-papervision3d/#comments Tue, 10 Aug 2010 15:19:45 +0000 admin http://www.papervision-tutorials.com/?p=407 To mark the 30,000 Milestone Template launch Template Monster enters a special promo that guarantees their customers a huge variety of freebies to choose from. But the main point here is that Template Monster designers team releases the anniversary website template that, being developed with Papervision3D and FlashMoto CMS, offers advanced hotspot capabilities. It includes the options to create a powerful Flash photo portfolio with flexible thumbnail options and interesting transition effects. The gallery is performed in the style of a 3D tunnel that displays the images on an engaging way using the Papervision 3D engine. The viewer can rearrange the layout through navigation control or by mouse interactivity, plus it is also possible to zoom in and out of the tunnel. Upon clicking on a thumbnail, the corresponding large image will load for a better picture browsing. All those option could create truly unique outputs for a particular photo portfolio web project.

Counting down to this great and milestone event of the 30,000 template launch, an exclusive offer has been drawn up for those customers who will make a regular purchase at Template Monster on August 10 and 11, 2010. Every person that will buy any template during these days will be able to choose a free item out of Template Monster corporate design product types that include PowerPoint Templates, Logo Templates, Corporate Identity Templates, Logosets, and Iconsets categories. So that’s what this milestone launch shindig is all about. For more interesting titbits about the terms of the promo proceed to Template Monster official blog entry, there’s even more exciting stuff under way to discover.

In this post we continue the theme of Papervision 3D video tutorials for all those who prefer video training instead of written tutorials. From this tutorials you will learn how to how to create an object in PV3D, how to build an interactive Papervision 3D scene, how to implement Papervision 3D within Flex using an MXML Flex Application, and get familiar with PV3D material basics.

Also, read the 1st part Papervision 3D - Video Tutorials (Part 1)

1. PV3D Intro – Hello World (I)

From this PV3D video tutorial for beginners you will learn how to set up basic Class & PV3D code skeleton and how to create an object, animate it and render it to the stage.

2. PV3D Material Basics (II)

This video tutorial will teach you the PV3D material basics. You will learn how to import Papervision 3D material libraries, how to declare colorMaterial var and datatype it to colorMaterial, how to establish colorMaterial parameters and how to assign colorMaterial to the primitive1 Plane Primitive. The final code is included.

3. Interactive Scene

This video tutorial demonstrates how to build an interactive Papervision 3D scene from start to end. The author explains how to implement your PV3D class, establish all your standard scene setup actions, how to initalize a sphere, apply a material to it and get it rendering. Then he covers how to add interactivity to the sphere by applying a click handler to the sphere.

4. Papervision 3D development in Flex – I

This tutorial covers how to implement Papervision within Flex using an ActionScript project. It tells about the basics of Flex (assuming you’re new to the app) as well as covers various other things such as, how to use Flash drawn materials within Flex, how to properly export your Flex project for use on the web, etc.

5. Papervision 3D development in Flex – II

The  Part II tutorial discusses how to implement Papervision 3D within Flex using an MXML Flex Application.

Please feel free to suggest other PV3D video tutorials in “Comments”.

This example shows a really basic rotating 3D chart. There are two important things that it shows.

1) A three dimensional scatter plot.
2) A three dimensional line chart

The data points between the scatter plot and line chart are exactly the same. The combined effect is a 3D scatter plot with lines connecting each data point.

Here’s the example:

You can view this application in a new window at: Line3DChart.

You will find the code that makes it work here

***

Barsinski & Jeanjean 3D Portfolio

A Papervision 3D website of the Amsterdam based interactive studio, created by two designers: Barsinski and Jeanjean. The website menu is made in the form of a cube: you may rotate it by moving the mouse cursor over it. To view the designers’ works just stop scrolling the gallery and click on any thumbnail you like.

***

Philips Nivea Promotional 3D Website

Philips Nivea for Man’s promotional website. With Papervision 3D and morphing you can create a monument for the vulnerable man, name it and “immortalize” it on the website:) It’s really funny.

***

Impressive Papervision 3D Webiste

This Papervision 3D website is really impressive, especially I like the gallery in the form of a sphere. To view the images, just rotate it with your mouse and click on any thumbnail you like for viewing a full-size photo. Use your mousewheel to zoom.

***

Memorial Wall in PV3D

This amazing PV3D website is the Memorial Wall devoted to Australians who served during the World War I and World War II.

***

Papervision 3D Web Project

This Flash website with great visual effects was also designed with Papervision 3D. It was also created for presenting a web designer’s works. To view a project, click on its “flying” thumbnail, or you can also use the right side bar menu.

***

Dyingart Flash 3D Portfolio

The 3D portfolio of a Chineese interactive designer Noir Chen. To navigate the website you just need to drag the navigation element.

***

Amazing 3D Portfolio Website

An interactive portfolio of Joseph Huang, an interactive designer in the advertising field. The left side scrolling gallery looks really attractive and creative. To view the designer’s works you need to click on any image, and you will open a big image preview. If you wish to view some work more detailed, you can do it by clicking the button “View Work”.

***

Papervision 3D Web Designer Portfolio

The Papervision 3D website of Matthias Dittrich, a designer from Amsterdam. To look through the website sections or view a chosen gallery, you need to drag the mouse over the page.

***

Unusual PV3D Website

The website of a German web design agency “Mutabor”.  The concept is really interesting: the website is divided into two parts: Black and White. The “Black” part is German version of the site, and the “White” one is English. You can choose the part you want by dragging the mouse over the page.

***

Flash 3D Developers Website

A very attractive Papervision 3D website. It presents the works of the designers and developers collective named “Fat-Man”. Full of interactivity and great effects, this website is worth to be seen.

***

Nike ACG Sweetspots

One more interesting concept, created with Papervision 3D. You may rotate the gallery, created in the form of a sphere, by dragging it.

***

3D Design Studio

The PV3D website of INDG, a design studio that specializes in 3D visualization and development. Their website really proves the professionalism of its developers.

***

Stunning Papervision 3D Gallery

The Papervision 3D portfolio of a French web design studio “Studio Milk”. The gallery easily twists when you move a mouse over the page. To open an image in big preview, click on its thumbnail.

***

Papervision 3D Aquarium

This amazing Papervision 3D aquarium is the homepage of a well-known tutorial resource. This great 3D intro really impels us to learn Papervision 3D. A great job!

***

Absolut - Papervision 3D Gallery

The website of the “Absolut” trademark. The design is great, and the concept is rather creative. To view the gallery, click on the “next” and “previous” arrow buttons.  To open a big preview, click the image’s thumbnail.

Do you know other stunning examples of Papervision 3D websites? Please share them with us in comments!

***

Papervision3D: Part 1- Foundation and 3D Object Basics

John Linquist, a lead interactive developer at Roundarch.  He specializes in in Papervision 3D and skinning Flex apps. In this tutorial he tells us how to set up your first Papervision 3D application using Papervision 3D 2.0 Alpha.

***

Simple Papervision 3D Tutorial

This tutorial for beginners includes some useful comments to your first papervision 3D project. You will learn how to create a simple cube, how to use your mouse to control camera movement, etc.

***

Using BasicView to Render Your 1st 3D Object

This video tutorial will help you to learn how to use BasicView to render your first 3D object. The author is Seb Lee-Delisle, a multimedia programmer with 15 year experience. Among his clients are BBC, Sony, Phillips, Unilever, and many other large companies.

***

Papervision 3D for the Absolute Beginners

This tutorial was specially written for those, who don’t know anything about Papervision 3D and would like to start learning it from the very beginning. The author is Emanuele Feronato, an Italian programmer.

***

Basic Marker-hit Game Implementation Using Papervision

From this tutorial, written by Bracer Jack, you will learn how to implement marker-hit game using Papervision. This tutorial assumes little to no knowledge in the Papervision engine, and the author explains almost every single line of code.

***

Papervision 2.0 Effect Tutorial

With this tutorial from Zupko.info, dedicated to Papervision 3D effects, you will learn how to create a regular EffectLayer and a BitmapEffectLayer. The source for the tutorial is included.

***

Loading and Displaying a 3D Model

In this series of tutorials Matthew Casperson will tell you how to create a Flash Program that will load and display a 3D model in a web page by means of Papervision 3D and Flex, how to render a 3D model via the Flash player in a web page using Flex and the Papervision 3D engine. It’s a series of articles that will get you started with Papervision 3D.

***

Basic Texturing

There is one more great Papervision 3D tutorial for beginners from Papervision2.com. You will be able to learn the basic texturing in Papervision. The source code is available as well.

***

Creating Basic Physics 3D Scene

A tutorial from Juglibflash (Miguel Moraleda), an open source 3D physics engine. From this tutorial you will learn how to create a simple scene with some cubes and spheres.

***

Getting Started with 3D in Flash

This tutorial from Design Reviver explains how to create a simple 3D gallery.

***

We hope these Papervision 3D tutorials will help you in mastering this not easy technology. To be continued…

If you know other helpful Papervision 3D tutorials for beginners, share the links with other readers by adding them in “Comments”.

***

Sinusoidal 3D Gallery

With this stunning sinusoidal 3D gallery it is possible to add as many rows as you wish. The image preview is universal and adapts to any picture size.

***

Cube Papervision 3D Gallery

This perfect 3D gallery template was designed in the form of a rotating cube: to stop it you need to mouse over the cube. After you click a cube face, a full preview gallery with “next” and “previous” arrow buttons will be opened.

***

Flower 3D Gallery

This special gallery, created in the form of a flower, is also created with Papervision 3D technology. It may contain the unlimited number of images. The template contains two types of menu: a 3D menu and a classical 2D menu.

***

3D Gallery with Floating Effect

This stunning 3D gallery “floats” when moving the mouse over it. The concept is rather simple, but convenient: to view a full size image, just click on it.

***

Spherical 3D Gallery

An originally designed 3D Template with an amazing animated image gallery. There are two view modes: a spherical and flat rectangular. For viewing an image just click on it.

***

3DWheel XML Gallery

Just unbelievable 3D Wheel XML Template with complete realtime 3D Media Viewer powered by Papervision and smart navigation. Rotate the gallery with the “back and forward” arrow button. Thanks to zoom function it is possible to examine the image in detail.

***

Papervision 3D Portfolio

In this Papervision 3D portfolio you may rotate the gallery by clicking the left arrow buttons. Also, it is possible to enlarge or reduce the gallery using a zoom scale. To view a full size image just click on it.

***

Carousel 3D Gallery

This 3D gallery impresses with its unusual 3D approaches and a stunning carousel gallery solution. You may add as many gallery sections as you wish. With the “left” and “right” buttons you may rotate the gallery. By clicking on any image, you will open a full size image.

***

Carousel Transitional Gallery

You can set the direction of this rotating 3D Carousel Transitional gallery with your mouse. To see the large preview, click the image thumbnail.

***

Floating 3D Gallery

This floating 3D gallery is very simple and easy to use. First you choose the gallery section by clicking on the appropriate interactive thumbnail, and then you will get to the gallery with the images.

Fortunately, there are many professionals, who are not only great at Papervision 3D technology, but also good writers. Thanks to them, we have an opportunity to learn the technology in detail right at home.
For this post we have selected some of the best Papervision 3D tutorials for your convenience. Looking through these articles written by professional 3D users, both the beginners and skilled users will find many interesting and useful resources for themselves.

So, welcome to the world of Papervision 3D!

***
Papervision 3D Flash Gallery Tutorial

This very detailed tutorial from FlashMoto gives exhaustive answers to the question “How to make a Papervision 3D gallery ”.

This tutorial shows the process of building a Flash gallery using Papervison 3D in detail. The main purpose of the tutorial is passing through all the stages of Flash application development. At the same time, the tutorial covers all contradictory questions one may face while working with Papervision 3D. This tutorial consists of several parts. Together with Papervision 3D library the author uses Tweener for a better smooth animation and Bulkloader for a better image preloading.

***
Papervision 3D Video Training

This Papervision 3D video training was specially created for beginner users. If you prefer video training instead of reading articles, you will definitely like this resource. You will learn to get PV3D, access custom classes within Flash, download and install TortoiseSVN as well as create PV3D primitives: planes, cubes, spheres, cylinders, cones, etc…   You will also get familiar with PV3D material basics: color materials, wireframe materials, movie asset materials and bitmap file materials.

***
Papervision 3D Tutorial from the Ground up

The author of this step-by-step tutorial wanted to show you how to create a simple 3D object with Papervision3D and 3ds Max. This tutorial assumes that you have some experience with Flex Builder or Flash and ActionScript though.

***
Papervision 3D Tutorial Part 2: Basic Shapes, Movement and Segments

Here is the second part of the previous tutorial. In this part is shown how to set up a basic project and imported a Collada file to the scene. This tutorial will focus on adding multiple Papervision3D objects and making them move. There’s also a little bit on segments and linear texture mapping.

***
First Steps in Papervision 3D

The author of this excellent series of tutorials is new to PV3D, but has several years experience in OpenGL. The tutorials are worth to be viewed: they are very well written and organized, using source code, images and examples when needed.

The series contains such themes as: First steps in PV3D, PV3d Animation, Lighting and Shading, Scene Interaction and Texture Mapping.

***
Basic Interactivity Tutorial

In this tutorial is shown how to handle “interactive scene3d events”, in particular the events which occur when your mouse moves over an object, out of an object and clicks an object.

***
Advanced Interactivity

Click on a face of the cube to zoom into it. Click it again to make the cube spin again.

The author of this tutorial tells you how to handle more advanced interactivity and shows you exactly how to work out which material has been clicked on the cube and act accordingly.

***
Advanced Interactivity 2

This tutorial, written by the author of two previous tutorials, will show you how to handle full interactivity on an objects surface, just as if it’s a normal movieclip.

The red spot in the centre is a button. You can click it to toggle it’s glow on and off. The other button will reveal how it works.

***
Papervision 3D Programming Tutorial - Quadtree Renderer

A common problem with a software 3D rendering is deciding the order in which triangles are drawn. It’s important because those triangles furthest from the camera need to be drawn first, so those closer to the camera can draw over the top of them.

This tutorial was written for you to see the difference the new Papervision Quadtree renderer can make for complex 3D scenes.

***
How to Create ViewportLayers

This detailed tutorial from X-Com, a web production agency, is devoted to the PV3D ViewportLayers.  If you are familiar with the Flash environment and AS3, the ViewportLayers are just like layered movieclips on top of each other in a normal DisplayList.

So, with this tutorial you will learn to create or even handle layers.