Blender + Papervision= Bringing real 3D into the web - Blender.org

8 downloads 581 Views 1MB Size Report
Reflections, Effects, Environmental Mapping,. Particles, Interactivity, ... and much more combined ... Naming objects. •Texturing. • UV Mapping. • Baking Textures.
Blender + Papervision= Bringing real 3D into the web Blender Conference 2008 [email protected]

Papervision Papervision3D is an open source 3D engine for the Flash platform.

Founded by Carlos Ulloa OpenSource in December 2006 Started as closed alpha, went into state of public beta. Then 1.0, now 1.7, alpha 2.0

Papervision Team Core Team: • Carlos Ulloa • John Grden • Ralph Hauwert • Tim Knip • Andy Zupko

Committer Team • Mr.doob • De'Angelo Richardson • Tink • Seb-Lee Delisle • John Lindquist

Papervision Ressources • Flash • Flex Builder // Flex SDK • FDT • http://code.google.com/p/papervision3d/

What does it offer? Scene,Viewports, Camera, Light, Materials, Shaders, Physics, Faces,Vertex3D, Primitives, Reflections, Effects, Environmental Mapping, Particles, Interactivity, ... and much more combined with other packages like “wow” or “cast3D”.

Involved parts in a PV3D Project

Interface / Interaction Designer 3D Artist Programmer

Workflow in Blender • Modelling • Naming objects • Texturing • UV Mapping • Baking Textures • Exporting

Blendersteps Triangles

Blendersteps Naming Objects

Blendersteps Shading: add new data block

Blendersteps Unwrap

Blendersteps UV-Mapping

Blendersteps Export as .dae

Blendersteps Export as .dae

Limits Try to have not more than 2000 Polygons. This is not the limit but if it’s going to be interactive, animated... it’s not performing at its best.

What really helps Unload dae files if not needed (visible) in the scene Bake textures of static elements Use Papervision primitives for simple geometry and combine the best of both worlds Testing, testing, testing Use the same tricks as for the game engine

Flex-workflow: quick overview • Set up a new flex project • Connect to the PV3D Library • Do the basic PV3D-Settings in Actionscript • import (connect) the .dae files • Add a camera and do a test From now on you are free to create your own world • access: objects, textures, nodes (xml-structure) • modify • animate • integrate audio, video or even other swf files

• publish the swf or air File

Where to go from here • web / desktop szenarios • database integration • video / audio • real-time data visualization • games • 3D VOIP customer support • and much more that’s up to you

Advantages of 3D in Webpages • Simplified data visualization • less metaphors • better metaphors • intuitive interfaces • self explaining • finally we really navigate

links: code

pv3d.org blog.papervision3d.org flashbookmarks.com/PV3D-Beta2-DOC

team

blog.zupko.info carlosulloa.com unitzeroone.com/blog sebleedelisle.com mrdoob.com

agencies

lessrain.com hi-res.net

examples

zeropointnine.com/blog/testing-kinematics-with-papervision3d-collada everydayflash.com/flash/pv3d/leaves/ redbull.com/flightlab/

have fun! [email protected]

Suggest Documents