An image-based method for animated stroke rendering

  • 291 Accesses

  • 2 Citations


This paper presents an image-space stroke rendering algorithm that provides temporally coherent placement of lines at particles that are moving with object surfaces. We generate particles in image space and move them according to an image-space velocity field. Consistent image-space density is achieved by a deterministic rejection-based algorithm that uses low-discrepancy series to filter out overpopulated areas and to fill in underpopulated regions. Our line stabilization method can solve the temporal continuity problems of image-space techniques. The multi-pass algorithm is implemented entirely on the GPU using geometry shaders and vertex transform feedback. Our method provides high-quality results and is implemented as an interactive post processing step. We also provide a wide toolset for artists to control the final rendering style and extended the method to process real-life RGBZ footage.

This is a preview of subscription content, log in to check access.

Access options

Buy single article

Instant unlimited access to the full article PDF.

US$ 39.95

Price includes VAT for USA

Subscribe to journal

Immediate online access to all issues from 2019. Subscription will auto renew annually.

US$ 199

This is the net price. Taxes to be calculated in checkout.

Fig. 1
Fig. 2
Fig. 3
Fig. 4
Fig. 5
Fig. 6
Fig. 7
Fig. 8
Fig. 9
Fig. 10


  1. 1.

    Bénard, P., Bousseau, A., Thollot, J.: Dynamic solid textures for real-time coherent stylization. In: Proceedings of the 2009 Symposium on Interactive 3D Graphics and Games, I3D ’09, pp. 121–127 (2009)

  2. 2.

    Bénard, P., Bousseau, A., Thollot, J.: State-of-the-art report on temporal coherence for stylized animations. Comput. Graph. Forum 30(8), 2367–2386 (2011)

  3. 3.

    Bénard, P., Cole, F., Kass, M., Mordatch, I., Hegarty, J., Senn, M.S., Fleischer, K., Pesare, D., Breeden, K.: Stylizing animation by example. ACM Trans. Graph. 32(4), 119:1–119:12 (2013)

  4. 4.

    Bénard, P., Lagae, A., Vangorp, P., Lefebvre, S., Drettakis, G., Thollot, J.: A dynamic noise primitive for coherent stylization. Comp. Graph. Forum 29(4), 1497–1506 (2010)

  5. 5.

    Bousseau, A., Neyret, F., Thollot, J., Salesin, D.: Video watercolorization using bidirectional texture advection. ACM Trans. Graph. 26(3), 104 (2007)

  6. 6.

    Breslav, S., Szerszen, K., Markosian, L., Barla, P., Thollot, J.: Dynamic 2D patterns for shading 3D scenes. In: Proceedings of SIGGRAPH 2007 (2007)

  7. 7.

    Cornish, D., Rowan, A., Luebke, D.: View-dependent particles for interactive non-photorealistic rendering. In: Proceedings of the Graphics Interface, pp. 151–158 (2001)

  8. 8.

    Cunzi, M., Thollot, J., Paris, S., Debunne, G., Gascuel, J.D., Durand, F.: Dynamic canvas for immersive non-photorealistic walkthroughs. In: Proceedings of Graphics Interface (2003)

  9. 9.

    Elber, G.: Interactive line art rendering of freeform surfaces. Comput. Graph. Forum 18(3), 1–12 (1999)

  10. 10.

    Farnebäck, G.: Two-frame motion estimation based on polynomial expansion. In: Proceedings of the 13th Scandinavian Conference on Image Analysis, SCIA’03, pp. 363–370 (2003)

  11. 11.

    Fišer, J., Jamriška, O., Lukáč, M., Shechtman, E., Asente, P., Lu, J., Sýkora, D.: StyLit: illumination-guided example-based stylization of 3D renderings. ACM Trans. Graph. 35(4), 92 (2016)

  12. 12.

    Girshick, A., Interrante, V., Haker, S., Lemoine, T.: Line direction matters: an argument for the use of principal directions in 3d line drawings. In: Proceedings of the 1st International Symposium on Non-photorealistic Animation and Rendering, pp. 43–52 (2000)

  13. 13.

    Hertzmann, A., Jacobs, C.E., Oliver, N., Curless, B., Salesin, D.H.: Image analogies. In: Proceedings of SIGGRAPH ’01, pp. 327–340 (2001)

  14. 14.

    Hertzmann, A., Zorin, D.: Illustrating smooth surfaces. Proc. SIGGRAPH 2000, 517–526 (2000)

  15. 15.

    Kalnins, R.D., Markosian, L., Meier, B.J., Kowalski, M.A., Lee, J.C., Davidson, P.L., Webb, M., Hughes, J.F., Finkelstein, A.: WYSIWYG NPR: drawing strokes directly on 3D models. ACM Trans. Graph. 21(3), 755–762 (2002)

  16. 16.

    Kaplan, M., Gooch, B., Cohen, E.: Interactive artistic rendering. In: Proceedings of the 1st International Symposium on Non-photorealistic Animation and Rendering, pp. 67–74 (2000)

  17. 17.

    Kass, M., Pesare, D.: Coherent noise for non-photorealistic rendering. In: Proceedings of SIGGRAPH 2011, pp. 30:1–30:6 (2011)

  18. 18.

    Kim, Y., Yu, J., Yu, X., Lee, S.: Line-art illustration of dynamic and specular surfaces. ACM Trans. Graph. 27(5), 156 (2008)

  19. 19.

    Klein, A.W., Li, W., Kazhdan, M.M., Corrêa, W.T., Finkelstein, A., Funkhouser, T.A.: Non-photorealistic virtual environments. In: Proceedings of SIGGRAPH ’00, pp. 527–534 (2000)

  20. 20.

    Kowalski, M.A., Markosian, L., Northrup, J., Bourdev, L.D., Barzel, R., Holden, L.S., Hughes, J.F.: Art-based rendering of fur, grass, and trees. Proc. SIGGRAPH 99, 433–438 (1999)

  21. 21.

    Lake, A., Marshall, C., Harris, M., Blackstein, M.: Stylized rendering techniques for scalable real-time 3d animation. In: Proceedings of the 1st International Symposium on Non-photorealistic Animation and Rendering, pp. 13–20 (2000)

  22. 22.

    Lee, H., Kwon, S., Lee, S.: Real-time pencil rendering. In: International Symposium on Non-Photorealistic Animation and Rendering, pp. 37–45 (2006)

  23. 23.

    Lu, J., Sander, P.V., Finkelstein, A.: Interactive painterly stylization of images, videos and 3D animations. In: Proceedings of I3D 2010 (2010)

  24. 24.

    Meier, B.J.: Painterly rendering for animation. In: Proceedings of SIGGRAPH ’96, pp. 477–484 (1996)

  25. 25.

    Niederreiter, H.: Random Number Generation and Quasi-Monte Carlo Methods. Society for Industrial and Applied Mathematics, Philadelphia (1992)

  26. 26.

    Praun, E., Hoppe, H., Webb, M., Finkelstein, A.: Real-time hatching. Proceedings of SIGGRAPH 2001, 579–584 (2001)

  27. 27.

    Salisbury, M.P., Anderson, S.E., Barzel, R., Salesin, D.H.: Interactive pen and ink illustration. In: Proceedings of SIGGRAPH ’94, pp. 101–108 (1994)

  28. 28.

    Singh, M., Schaefer, S.: Suggestive hatching. In: Proceedings of Computational Aesthetics’10, pp. 25–32 (2010)

  29. 29.

    Szirmay-Kalos, L.: Filtering and gradient estimation for distance fields by quadratic regression. Period. Polytech. Electr. Eng. Comput. Sci. 59(4), 175–180 (2015)

  30. 30.

    Umenhoffer, T., Szécsi, L., Szirmay-Kalos, L.: Hatching for motion picture production. Comput. Graph. Forum 30(2), 533–542 (2011)

  31. 31.

    Vanderhaeghe, D., Barla, P., Thollot, J., Sillion, F.: Dynamic point distribution for stroke-based rendering. In: Proceedings of the Eurographics Symposium on Rendering, pp. 139–146 (2007)

  32. 32.

    Vergne, R., Pacanowski, R., Barla, P., Granier, X., Schlick, C.: Light warping for enhanced surface depiction. ACM Trans. Graph. 28(3), 25 (2009)

  33. 33.

    Suarez, J., Belhadj, F., Boyer, V.: Real-time 3D rendering with hatching. Vis. Comput. 33(10), 1319–1334 (2017)

Download references

Author information

Correspondence to Tamás Umenhoffer.

Ethics declarations

Conflict of interest

The authors declare that they have no conflict of interest.

Electronic supplementary material

Below is the link to the electronic supplementary material.

Supplementary material 1 (mp4 202446 KB)

Supplementary material 1 (mp4 202446 KB)

Rights and permissions

Reprints and Permissions

About this article

Verify currency and authenticity via CrossMark

Cite this article

Umenhoffer, T., Szirmay-Kalos, L., Szécsi, L. et al. An image-based method for animated stroke rendering. Vis Comput 34, 817–827 (2018).

Download citation


  • NPR
  • Stroke rendering
  • Hatching