WebPainter: Collaborative Stroke-Based Rendering Through HTML5 and WebGL | SpringerLink
Skip to main content

WebPainter: Collaborative Stroke-Based Rendering Through HTML5 and WebGL

  • Conference paper
  • First Online:
E-Learning and Games (Edutainment 2017)

Part of the book series: Lecture Notes in Computer Science ((LNISA,volume 10345))

  • 2166 Accesses

Abstract

Computer-aided drawing system assists users to convert the input real photos into painterly style images. Nowadays, it is widely developed as cloud brush engine service in many creative software tools and applications of artistic rendering such as Prisma [1], Photoshop [2], and Meitu [3], because the machine learning server has more powerful than the stand-alone version. In this paper, we propose a web collaborative Stroke-based Learning and Rendering (WebSBLR) system. Different from the existing methods that are mainly focused on the artistic filters, we concentrate on the stroke realistic rendering engine for browser on client using WebGL and HTML5. Moreover, we implement the learning-based stroke drawing path generation module on the server. By this way, we enable to achieve the computer-supported cooperative work (CSCW), especially for multi-screen synchronous interaction. The experiments demonstrated our method are efficient to web-based multi-screen painting simulation.

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

Access this chapter

Subscribe and save

Springer+ Basic
¥17,985 /Month
  • Get 10 units per month
  • Download Article/Chapter or eBook
  • 1 Unit = 1 Article or 1 Chapter
  • Cancel anytime
Subscribe now

Buy Now

Chapter
JPY 3498
Price includes VAT (Japan)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
JPY 5719
Price includes VAT (Japan)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
JPY 7149
Price includes VAT (Japan)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Similar content being viewed by others

References

  1. https://en.wikipedia.org/w/index.php?title=Prisma_(app)&oldid=769699619

  2. https://en.wikipedia.org/w/index.php?title=Adobe_Creative_Cloud&oldid=771515328

  3. https://en.wikipedia.org/w/index.php?title=Meitu&oldid=761855434

  4. https://en.wikipedia.org/w/index.php?title=Slack_(software)&oldid=771140361

  5. Kyprianidis, J.E., Kang, H., Dllner, J.: Helpinghand: image and video abstraction by anisotropic Kuwahara filtering. Comput. Graph. Forum 28(7), 1955–1963 (2009)

    Article  Google Scholar 

  6. Jan, E.K., Henry, K.: Image and video abstraction by coherence-enhancing filtering. Comput. Graph. Forum 30, 593–602 (2011)

    Article  Google Scholar 

  7. Chu, N., Tai, C.L.: Moxi: real-time ink dispersion in absorbent paper. ACM Trans. Graph. 24(3), 504–511 (2005)

    Article  Google Scholar 

  8. Chu, N., Baxter, B., Wei, L.Y., Govindaraju, N.K.: Detail-preserving paint modeling for 3D brushes. In: Proceedings of the 8th International Symposium on NPAR, pp. 27–34. ACM, New York (2010)

    Google Scholar 

  9. Hertzmann, A.: A survey of stroke-based rendering. IEEE Comput. Graph. Appl. 23, 70–81 (2003)

    Article  Google Scholar 

  10. Xie, N., Laga, H., Saito, S., Nakajima, M.: IR2s: interactive real photo to Sumi-e. In: Proceedings of the 8th International Symposium on Nonphotorealistic Animation and Rendering, NPAR 2010, pp. 63–71. ACM (2010)

    Google Scholar 

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

    Google Scholar 

  12. Derose, T.D., Barsky, B.A.: Geometric continuity, shape parameters and geometric constructions for Catmull-Rom Splines. ACM Trans. Graph. 7(1), 1–41 (1988)

    Article  MATH  Google Scholar 

  13. Xie, N., Zhao, T., Tian, F., Zhang, X., Sugiyama, M.: Stroke-based stylization learning and rendering with inverse reinforcement learning. In: International Conference on Artificial Intelligence, pp. 2531–2537 (2015)

    Google Scholar 

Download references

Acknowledgments

This work was supported in part by the National Natural Science Foundation of China under Project 61602088, Project 61572108 and Project 61632007 and the Fundamental Research Funds for the Central Universities under Project ZYGX2016J212, Project ZYGX2015J055 and Project ZYGX2014Z007. Authors are grateful to the anonymous reviewers for their careful readings and valuable feedback.

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to Heng Tao Shen .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2017 Springer International Publishing AG

About this paper

Cite this paper

Xie, N., Ren, M., Yang, W., Yang, Y., Shen, H.T. (2017). WebPainter: Collaborative Stroke-Based Rendering Through HTML5 and WebGL. In: Tian, F., Gatzidis, C., El Rhalibi, A., Tang, W., Charles, F. (eds) E-Learning and Games. Edutainment 2017. Lecture Notes in Computer Science(), vol 10345. Springer, Cham. https://doi.org/10.1007/978-3-319-65849-0_22

Download citation

  • DOI: https://doi.org/10.1007/978-3-319-65849-0_22

  • Published:

  • Publisher Name: Springer, Cham

  • Print ISBN: 978-3-319-65848-3

  • Online ISBN: 978-3-319-65849-0

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics