Menu Search
Jump to the content X X
Smashing Conf New York

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Discovering Papervision3D: Best Design Practices and Tutorials

Papervision3D1 (PV3D) is a popular open source 3D engine for Flash. It enables to create advanced three-dimensional objects displayed real time right in the web browser. With Papervision3D designers bring an impressive visual experience and user interaction to the web visitors. Interactive environment captivates and gives an opportunity to enjoy navigation and content exploring process. PV3D provides great solutions for product showcasing websites, advertising campaigns and portfolio designs.

Below you can find a collection of impressive Papervision3D websites and tutorials that hopefully will inspire you and give you an idea about how this technique can be used in your projects. It is important to remember that being based on Flash, Papervision3D often has similar issues in usability and is not recommended to be used in developing websites where simplicity and accessibility are essential.

Creative Papervision3D Websites Link

Portfolios Link

X-PRIME2
A stylish and unobtrusive portfolio design featured with a nifty Papervision3D image gallery which can be displayed in a few ways.

X-PRIME3

Hatica 2009
This website reminds of a little fairy-tale world floating in shining light space. Navigation is quite easy and enjoyable.

Hatica 2009

HOOK4
Hook’s portfolio is a picture of a truly creative and beautiful design. Everything here is about brilliant individuality and attention to details.

HOOK5

Lab96
It’s a great example of clean and neat Papervision3D interface.

Lab97

SapientNitro
This digital styled website performs awesome transitions, typography visualization and sound effects.

SapientNitro

Zara Media Design Group8
Nice and minimalist PV3D-powered website. Open a three-dimensional book to meet Zara Media Design Group.

Zara Media Design Group9

Oval Design10
Portfolio of Oval Design Studio provides an amazing interaction experience. Website represents the whole universe you can explore on a controllable spacecraft.

Oval Design11

13flo12
Florian Bernard’s portfolio is done in a sleek cyber-punk style and offers a wonderful 3D performance. The thumbnail displaying mechanism implies the 360-degree rotation and can be transformed in several ways.

13flo13

Dasai
Nice and amusing website with a good use of space and easy navigation. You can find the information about Spanish web agency Dasai exploring a small green planet of the same name.

Dasai

TBC14
Portfolio of Baltimore-based advertising and public relations company TBC features original and usable content presentation. All the information can be browsed without leaving the home page.

TBC15

Scalena Agency16
Chic website. Both in style and technical execution.

Scalena Agency17

Barcinski&Jeanjean18
Barcinski&Jeanjean studio offers so much interaction in their portfolio. Website has a special option – wear 3D-glasses and enjoy all the fascination of three-dimensional environment. You can also play ping-pong while the site is loading. Excellent work!

Barcinski&Jeanjean19

Freedom+Partners20
Totally original website with a top-class PV3D realization and innovative navigation. It keeps up with usability as well – turn off 3D mode for quicker access to content.

Freedom+Partners21

WHITEvoid22
Elegant minimalist design and handy navigation structure provide a remarkable visual experience. It proves that usable Flash websites do exist.

WHITEvoid23

Advertising & Social Campaigns Link

Air Jordan 2009
Clean and fresh design of this site is not less inspiring than personal stories of famous sportsmen collected in a 3D video gallery.

Air Jordan 2009

Coors Light Project Cold
3D beer can model creates a cool tactile effect. Cans seem to be good containers not only for beer but for content as well.

Coors Light Project Cold

Bankers’ stories
This promo website of the French bank Societe Generale shows how PV3D may come in handy to create social, communication-oriented mediums.

Bankers’ stories

Panasonic: Everything matters
The statement “Everything matters” reflects the design guideline of this website ideally. Flash version of the site provides a creative and dynamic product presentation with cool transition effects and colorful animations. HTML version is also available for viewing.

Panasonic: Everything matters

Pepsi Music Challenge24
Fantastic Papervision3D website. Pepsi Music Challenge project delivers an exciting interaction experience by allowing visitors to play a funny music related game. GuitarHero fans will love it!

Pepsi Music Challenge25

The Baileys Lounge
Another creative idea realized by means of Papervision3D – dive into the Baileys Lounge while turning over the pages of virtual folding book.

The Baileys Lounge

The Economist: Thinking Space26
The main purpose of The Economist’s research project “Thinking Space” is to learn where people get their ideas and inspiration. You can submit your own thinking space and get a section in the massive 3D construction on the main page.

The Economist: Thinking Space27

SpringHill Suits
It is a nice and clean website providing interesting visual effects and interaction. A good idea for an online hotel tour.

SpringHill Suits

The Cigarette Is Dead28
Now comes a dark-styled website using PV3D for displaying timeline. The overall horror-movie style can probably leave a bad aftertaste, it is a powerful solution for anti-smoking campaign though.

The Cigarette Is Dead29

The Wrong Door30
Official website of BBC comedy sketch show is a successful mix of beautiful graphics, funny animations (sometimes containing adult and toilet humor) and lively 3D surroundings.

The Wrong Door31

UFC 10032
This is the second PV3D-based website for Ultimate Fighting Championship official web presentations. (UFC8433 was the first one) Excellent usage of this technique can be observed in both cases.

UFC 10034

Summerfestival 200935
Burst of colors, psychedelic balloons and original navigation form a quite imaginative website.

Summerfestival 200936

FOXTEL: I’m Unique
IamuniQue project lets you build an interactive 3D portrait of yourself and share it with other users. New fun for social networking enthusiasts.

FOXTEL: I’m Unique

Watchmen Motion Comic37
Wonderful presentation of Watchmen Motion Comic features superb interactivity, great dynamics and transparent navigation.

Watchmen Motion Comic38

Foot Locker39
Another example of fabulous PV3D effects and unique creativity in product presentation.

Foot Locker40

Absolut41
“Doing things differently leads to something exceptional”. The following website contains exceptional videos and beautiful minimalist 3D gallery.

Absolut42

Concave Scream: Soundtrack For A Book43
Dancing particles and dreamy music will take you far away from your desktop. It is probably the most unusual website from our collection.

Concave Scream: Soundtrack For A Book44

Papervision3D.org Link

Official site45
The home page of Papervision3D official site is nothing but a three-dimensional underwater world visualization. The work shines for itself.

Official site46

carlosulloa.com47
Website of Papervision3D founder Carlos Ulloa is done in minimalist style. Controllable 3D car model and good use of thumbnail lighting give it a subtle flavor.

carlosulloa.com48

HelloEnjoy49
This is a new home of carlosulloa.com. It features PV3D engine powerful capabilities enabling to play around with 3-dimensional text.

HelloEnjoy50

Tutorials Link

Papervision3D Flash Gallery
Three-dimensional image gallery is a good way to enrich your website with interactivity and visual attractiveness. This is a very detailed and informative tutorial on how to create a Papervision3D Flash gallery.

Papervision3D Flash Gallery

Introduction to Augmented Reality
Augmented reality is an ActionScript library used in combination with Papervision3D. With Lee Brimelow’s video tutorial you will learn the basics of how to get stated with this new trendy effect.

Papervision3D For Beginners51
This is a collection of video tutorials covering some basics of Papervision3D. A good introductory set for beginner users.

Papervision3D For Beginners52

Papervision3D Collada Basics
This video guide describes how to create and import 3D textured models for use in PV3D.

Build A Wiimote Controlled Lightsaber Using WiiFlash and Papervision3D
Learn how to use a Wiimote within Flash and how to blend it with Papervision3D to get an interactive lightsaber.

Interactive 3D Cube
Another great tutorial from Lee Brimelow shows you how to use Papervision3D 2.0 to create an interactive cube navigator.

Geocoding in Papervision3D with Yahoo Maps53
This article shows how to use PV3D and Yahoo mapping API to display any location you enter on a 3D globe of the world. You can also watch a video presentation54 of the PV3D Geocoding application

Geocoding in Papervision3D with Yahoo Maps55

Footnotes Link

  1. 1 http://blog.papervision3d.org/
  2. 2 http://www.x-prime.com/
  3. 3 http://www.x-prime.com/
  4. 4 http://www.hookusa.com/
  5. 5 http://www.hookusa.com/
  6. 6 http://www.lab9.fr/
  7. 7 http://www.lab9.fr/
  8. 8 http://www.zaramedia.com/
  9. 9 http://www.zaramedia.com/
  10. 10 http://www.ovaldesign.com.hk/
  11. 11 http://www.ovaldesign.com.hk/
  12. 12 http://13flo.com/
  13. 13 http://13flo.com/
  14. 14 http://www.tbc.us/
  15. 15 http://www.tbc.us/
  16. 16 http://www.scalena.com/
  17. 17 http://www.scalena.com/
  18. 18 http://www.barcinski-jeanjean.com/
  19. 19 http://www.barcinski-jeanjean.com/
  20. 20 http://www.freedomandpartners.com/
  21. 21 http://www.freedomandpartners.com/
  22. 22 http://www.whitevoid.com/portfolio.html
  23. 23 http://www.whitevoid.com/portfolio.html
  24. 24 http://www.pepsi.se/2009/
  25. 25 http://www.pepsi.se/2009/
  26. 26 http://thinkingspace.economist.com/
  27. 27 http://thinkingspace.economist.com/
  28. 28 http://www.thecigaretteisdeadtimeline.com/
  29. 29 http://www.thecigaretteisdeadtimeline.com/
  30. 30 http://www.bbc.co.uk/wrongdoor/
  31. 31 http://www.bbc.co.uk/wrongdoor/
  32. 32 http://100.ufc.com/
  33. 33 http://84.ufc.com/
  34. 34 http://100.ufc.com/
  35. 35 http://www.summerfestival.be/
  36. 36 http://www.summerfestival.be/
  37. 37 http://watchmenmotioncomic.com/
  38. 38 http://watchmenmotioncomic.com/
  39. 39 http://www.footlocker.eu/evolve/#/en/
  40. 40 http://www.footlocker.eu/evolve/#/en/
  41. 41 http://www.absolut.com/us
  42. 42 http://www.absolut.com/us
  43. 43 http://www.concavescream.com/main.html
  44. 44 http://www.concavescream.com/main.html
  45. 45 http://www.papervision3d.org/
  46. 46 http://www.papervision3d.org/
  47. 47 http://www.carlosulloa.com/
  48. 48 http://www.carlosulloa.com/
  49. 49 http://www.helloenjoy.com/
  50. 50 http://www.helloenjoy.com/
  51. 51 http://content.madvertices.com/articles/PV3DTraining/default.htm#
  52. 52 http://content.madvertices.com/articles/PV3DTraining/default.htm#
  53. 53 http://www.adobe.com/newsletters/edge/june2008/articles/article2/?trackingid=DEKYF
  54. 54 http://www.youtube.com/watch?v=9e-0ECqsfTU
  55. 55 http://www.adobe.com/newsletters/edge/june2008/articles/article2/?trackingid=DEKYF
SmashingConf New York

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook

Julia May is a freelance copywriter and digital marketing consultant who's been helping great teams (TemplateMonster, MotoCMS, Onyx) implement great ideas since 2009.

  1. 1

    There are some really nice examples here.

    0
  2. 2

    Makes me want to learn Flash

    0
  3. 3

    Wow! I have seen this used before but had no idea what it was called or how else it could be used, very cool examples too.

    0
  4. 4

    Only a handful of these seem unique… floating/roatating navigations can be a little annoying. Concave scream was rather interesting… but I had difficulty using it effectively.

    It’s cool technology that needs to be refined more for the web.

    0
  5. 5

    Very nice article
    I’d like to learn flash but this seems kind of complicated
    could you please write a post about the best flash tutorials

    Keep up the good work

    0
  6. 6

    Hi Guys,

    Another great article. I just wanted to let you know about the Official Papervision Showcase site, over at:

    http://www.papervisionshowcase.com

    Dedicated the showcasing the very best Papervision 3D Projects daily.

    0
  7. 7

    Seriously I didn’t even think that they are exist. Cool job!

    0
  8. 8

    James Ryan Dulay

    August 10, 2009 6:14 pm

    I’ve seen this before a pretty impressed with how they render this in flash.

    0
  9. 9

    wow nice..im excited to view example sites here..but our connection here is very slow…

    0
  10. 10

    Sweet showcase!
    Glad I’m on a beasty machine

    0
  11. 11

    Check out the Official Papervision Showcase .

    0
  12. 12

    Great list!

    Our class web site at Hyper Island uses Papervision3D. Check it out: http://www.spaceisthelimit.com

    0
  13. 13

    crazy stuff just wow I need to learn grphic design beside my flash experience

    0
  14. 14

    These website are awesome.

    makes me think my web skills need a major upgrade

    0
  15. 15

    Eye candy

    0
  16. 16

    All for Design

    August 11, 2009 12:08 am

    Wahooo…
    Amazing examples !

    0
  17. 17

    Wow, nice examples! I came across an interesting creation just the other day as well – http://www.easy.nl/

    0
  18. 18

    Some more papervision eye candy; http://www.goodlifediner.com.

    0
  19. 19

    Awesome

    0
  20. 20

    Stunning Collection!
    Featured at Flashscope.com – flash components and developers community

    0

↑ Back to top