Menu Search
Jump to the content X X
The Smashing Book #5

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. new Smashing Book 5 features smart responsive design techniques and 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

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


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

Hatica 20095

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


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


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


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

Zara Media Design Group13

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

Oval Design15

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.


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.


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.


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

Scalena Agency23

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!


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.


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


Advertising & Social Campaigns Link

Air Jordan 200930
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 200931

Coors Light Project Cold32
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 Cold33

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

Bankers’ stories35

Panasonic: Everything matters36
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 matters37

Pepsi Music Challenge38
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 Challenge39

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

The Baileys Lounge41

The Economist: Thinking Space42
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 Space43

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

SpringHill Suits45

The Cigarette Is Dead46
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 Dead47

The Wrong Door48
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 Door49

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

UFC 10052

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

Summerfestival 200954

FOXTEL: I’m Unique55
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 Unique56

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

Watchmen Motion Comic58

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

Foot Locker60

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


Concave Scream: Soundtrack For A Book63
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 Book64 Link

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

Official site66

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.


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


Tutorials Link

Papervision3D Flash Gallery71
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 Gallery72

Introduction to Augmented Reality73
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 Beginners74
This is a collection of video tutorials covering some basics of Papervision3D. A good introductory set for beginner users.

Papervision3D For Beginners75

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

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

Interactive 3D Cube78
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 Maps79
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 presentation80 of the PV3D Geocoding application

Geocoding in Papervision3D with Yahoo Maps81

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77
  78. 78
  79. 79
  80. 80
  81. 81
SmashingConf Oxford

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 Oxford, on March 15—16, 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.

  2. 2

    Makes me want to learn Flash

  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.

  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.

  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

  6. 6

    Hi Guys,

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

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

  7. 7

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

  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.

  9. 9

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

  10. 10

    Sweet showcase!
    Glad I’m on a beasty machine

  11. 11

    Check out the Official Papervision Showcase .

  12. 12

    Great list!

    Our class web site at Hyper Island uses Papervision3D. Check it out:

  13. 13

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

  14. 14

    These website are awesome.

    makes me think my web skills need a major upgrade

  15. 15

    Eye candy

  16. 16

    Amazing examples !

  17. 17

    Wow, nice examples! I came across an interesting creation just the other day as well –

  18. 18

    Some more papervision eye candy;

  19. 19


  20. 20

    Stunning Collection!
    Featured at – flash components and developers community

  21. 21

    Papervision3D provides really great unlimited solutions for Flash designers and developers!

  22. 22

    Amazing websites!

    I have seen one more website and has really interesting 3D…

  23. 23

    The site Air Jordan 2009 isn`t load…

    But thanks SM for the article! Amazing fx here!!

  24. 24

    Very nice!

  25. 25


  26. 26

    Superb Collection…Helps me a lot…

  27. 27

    I have never tried Papervision. This really makes me want to give it a go.

  28. 28

    I like the look of Papervision but after going to the X-Prime site showcased here I am rather disappointed as I couldn’t click on any of the screenshots to see more about their work.

    Made me think the designers were more concerned with being clever than actually offering the site’s visitors any useful information.

  29. 29

    I’m only half way through the list and I’ve closed most of them before getting past the first page because they take ages to load. My connection isn’t super-fast, but it isn’t dial-up either.

    We’ve still got a long way to go. They LOOK nice though.

  30. 30

    Hello, I’m from the X-PRIME flash team.
    I didn’t realy understand what is your problems with the screenshot.
    When you click on any screenshots forme the home page you go to the project page with one video or one slideshow of the site.
    To see the site you’ve go a button in the left down corner “+ Voir le site”.

    Thanks to S-M for the article, we are pround to be in!


↑ Back to top