Skip to content

ShenCiao/brush-rendering-tutorial

Repository files navigation

The official tutorial page

https://shenciao.github.io/brush-rendering-tutorial/

Brush Rendering Tutorial

This is the code repository for "Brush Rendering Tutorial". Remember to star this code repository instead of bookmark the website since the host and domain might be changed.

The website will be WIP for a long time since rendering brush strokes with GPU is a newly emerged research topic. We (Shen Ciao, Zhongyue Guan) will continuously update tutorials on (potentially) influential research works.

Be critical

The most contents come from Shen Ciao and Li-yi Wei's research Ciallo: The next generation vector paint program. It's impossible to create a perfect tutorial in the first place, so we eagerly need critiques and suggestions. You can create issues or pull requests to fix typos, correct facto mistakes, and revise terrible terminology naming in this tutorial.

Build and Develop

The textual contents are written in markdown, you can easily modify them without extra web development skills.

Follow the guidance in Docusaurus's documentation for further development.

The project is built with javascript libraries include:

  • docusaurus: Main framework
  • threejs: WebGL wrapper
  • monaco-editor/react: Code editor

While creating this tutorial, shen has just started learning these JavaScript libraries. If you are familiar with these libraries and have some engineering suggestions, please raise them in the issue. Welcome any helps to improve the code editor.

Citation

@inproceedings{Ciallo,
    author = {Ciao, Shen and Wei, Li-Yi},
    title = {Ciallo: The next-Generation Vector Paint Program},
    year = {2023},
    isbn = {9798400701436},
    publisher = {Association for Computing Machinery},
    address = {New York, NY, USA},
    url = {https://doi.org/10.1145/3587421.3595418},
    doi = {10.1145/3587421.3595418},
    booktitle = {ACM SIGGRAPH 2023 Talks},
    articleno = {67},
    numpages = {2},
    keywords = {Digital painting, stylized stroke, arrangement, vector graphics. coloring, graphics processing unit (GPU)},
    location = {Los Angeles, CA, USA},
    series = {SIGGRAPH '23}
}

License

Shield: CC BY-SA 4.0

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

CC BY-SA 4.0

Feel free to use the code, algorithms and demo images in your academic or commercial project, but you cannot state them are original.

The project will change into a copyleft license after updating the content about the 3D stroke.