Rakugaki Block

Description

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

Screenshots

  • Editor view — drawing area and color palette
  • Front-end view — how the doodle appears on a published page

Blocks

This plugin provides 1 block.

  • 落書きメモ 色鉛筆で落書きするブロック。ブログに手書きの温かさを添えます。

Installation

  1. Download the plugin zip file
  2. Go to WordPress Admin Plugins Add New Upload Plugin
  3. Select the zip file and install
  4. Activate the plugin

You can also search for “Rakugaki Block” directly in the WordPress plugin search.

FAQ

Does it work on smartphones?

Yes. Touch input is fully supported.

How is the drawing data saved?

The drawing data is saved within blocks in the form of coordinate information, and rendered on the front end using the Canvas API.

Can I download the drawing as an image?

Not in the current version.

Is there a Pro version?

A Pro version with features such as stroke replay animation is planned for the future.

Reviews

There are no reviews for this plugin.

Contributors & Developers

“Rakugaki Block” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Rakugaki Block” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.0

  • Added source files in src/ directory
  • Removed Plugin URI

1.1.0

  • translation fixed.
  • Bug fixed

1.0.0

  • Initial release
  • Colored-pencil brush implementation
  • 12-color palette
  • S / M / L canvas sizes
  • Background color picker
  • Pen tablet pressure sensitivity
  • Undo and Clear functions