Papervision fur 3D texture

This movie requires Flash Player 9

Before the advent of per pixel shaders, developers were creating faux-3D textures for things such as grass and fur by giving the target object several layers. If the layers are close enough together and the object is far enough away from the camera a texel will have the illusion of being a 3D strand.
Reproducing this in Flash was simple. Take a single texture, in this case tiger fur, and for each layer do a pixel dissolve, keeping less and less of the original texture intact as you work your way to the tip of the fur. Darken the layers depending on their depth to further the effect.
ViewportLayers are utilized to prevent the inevitable Z-depth fighting that would occur as a result of such close triangles. Finally a light blur is added to the group ViewportLayer to soften the edges.

  • Facebook
  • Twitter
  • Netvibes Share
  • Delicious
  • Share/Bookmark

18 Responses Subscribe to comments


  1. Hebiflux » Du flash à poil(s)

    [...] billet n’a d’autre intérêt que purement technique (et hormis un titre effarant) : un nouveau type de texture pour Papervision qui donne un effet de fourrure en 3D détonnant, quoiqu’un peu consommateur en ressources. [...]

    Jun 26, 2009 @ 3:04 am


  2. Milan Orszagh (TheAustrianGuy)

    Nice way to refactor old technics, very cool job and thanks for sharing!

    Jun 26, 2009 @ 3:57 am


  3. William Grand

    Excellent!

    Jun 26, 2009 @ 10:24 am


  4. Tyler Wright

    I love seeing exploration like this. This looks fantastic! Job well done.

    Brings back my childhood wish of having my own pet tiger.

    Jun 26, 2009 @ 11:49 am


  5. TK

    This is freaking genius. Good work!

    Jun 26, 2009 @ 12:38 pm


  6. samBrown

    very cool experiment - thanks for sharing

    Jun 26, 2009 @ 12:44 pm


  7. Twitted by fabianv

    [...] This post was Twitted by fabianv [...]

    Jun 26, 2009 @ 3:48 pm


  8. Bookmarks for June 27th from 05:08 to 05:08 « what i say // jon burger

    [...] Papervision fur 3D texture | kode80 - [...]

    Jun 27, 2009 @ 4:27 am


  9. pete shand

    Awesome!!!
    great work

    Jun 28, 2009 @ 7:17 am


  10. Rob

    Very nice! I made a similar experiment not long ago simulating grass - but I much prefer your example.

    http://rmd.com.au/archives/papervision3d-grass-fur-effect

    Jun 28, 2009 @ 8:18 pm


  11. Ben

    Thanks! Your grass experiment is great as well, also that Shadow of Colossus article you link to is awesome - alot of tricks can be learned from looking at past technical achievements on lesser hardware.

    Jun 29, 2009 @ 10:49 am


  12. timb

    gorgeous

    Jul 01, 2009 @ 7:34 pm


  13. Manu

    Great experiment! Maybe a CPU killer, but it still looks great and it’s a good lesson from the past. ;)

    Jul 03, 2009 @ 3:43 am


  14. Fur 3D Texture « DEV.PAPERVISION3D.JP

    [...] 才能あるデベロッパー、Kode80による素晴らしいファーテクスチャーとリアルタイムブルームフィルターデモ+ソースコードです。 [...]

    Jul 08, 2009 @ 9:25 pm


  15. royalsteez.se » Blog Archive » Papervision 09

    [...] Skön Papervision hårboll! Läs/se mer på kode80.com/ [...]

    Jul 13, 2009 @ 2:06 am


  16. rakeshmali

    great worke and gorgeous

    Jul 15, 2009 @ 9:53 am


  17. HIDIHO! » Blog Archive » hair / fur

    [...] Kode80 [...]

    Oct 09, 2009 @ 2:23 pm


  18. Grass Shader Papervision

    [...] A way to render grass in realtime with papervision3D, uses the same tecnique  as described at: http://kode80.com/2009/06/25/papervision-fur-3d-texture/. [...]

    Oct 21, 2009 @ 10:02 am

Reply