Rakugaki Block

Rakugaki Block is a block for gently adding hand-drawn, colored pencil-style doodles between paragraphs or at the end of blog posts.

The goal is not a full-featured drawing app. The concept is based on quick, impromptu scribbles that can be written in a few seconds.

Features

• Colored-pencil brush with texture (roughness and fading)
• 12-color pencil palette
• Three canvas sizes: S / M / L
• Freely configurable background color
• Pen tablet support with pressure sensitivity
• Undo and Clear functions
• Accessibility support (alt text for the canvas)

How to Use

1. Open the post or page editor
2. Click the block inserter ( + )
3. Search for "Rakugaki Block" and add it
4. Draw freely with your mouse, touch, or pen tablet
5. Adjust the size and background color in the sidebar

Pen Tablet Support

The block uses the Pointer Events API, so pen pressure is reflected in line width and opacity when drawing with a compatible tablet.

Source Code

The source files for this plugin are included in the src/ directory. The build/ directory contains the compiled assets generated from those source files.

To rebuild the assets, run:

1. npm install
2. npm run build