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

Open the post or page editor
Click the block inserter ( + )
Search for “Rakugaki Block” and add it
Draw freely with your mouse, touch, or pen tablet
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:

npm install
npm run build