Frame from Crayon picture-book Pythagorean theorem

Crayon picture-book Pythagorean theorem

A 39-second explainer of the Pythagorean theorem drawn like a crayon picture book, made in JavaScript by Claude Opus 5.5 from a one-line Japanese instruction. A short prompt for the hand-drawn sketch look.

PromptFull
30秒くらいのピタゴラスの定理の解説動画をJavaScriptで作って(絵本風、クレヨン手書き風)

Make it yours. Swap ピタゴラスの定理 (the Pythagorean theorem) for another topic and 30秒くらい (about 30 seconds) for a length. The style words are in the brackets: 絵本風、クレヨン手書き風 (picture-book style, hand-drawn crayon style).

Make it hereFree runs soon

You'll need

  • A browser to play the JavaScript, and a screen recorder for a video file
How it was made

The post presents the video as what came out of this one instruction; how the JavaScript was turned into a video isn't stated. The same creator posted a version of the same request that allowed ghost reference images, and a Riemann hypothesis explainer with the added rule not to include mathematical errors.

Posted Sep 23, 2026 · X · 38 likes · 36k views

Prompt from: Post body, in corner brackets

The same request with ghost reference images allowed

A Riemann hypothesis explainer made the same way

Look notesby Reference

A crayon-on-paper proof of the Pythagorean theorem: a right triangle, colored squares on its sides, four triangles in an a + b square around a tilted c² square, the triangles rearranged to leave a² and b², and a 3-4-5 check with counted grid squares.

Color
Cream paper with black crayon outlines and diagonal crayon shading: blue for a², orange for b², green for c², and violet triangles, plus a red underline and pale yellow highlighter strips behind the captions.
Type
Handwritten Japanese in a crayon style: the title "ピタゴラスの定理" underlined in red at top left, two-line captions on yellow strips at the bottom ("直角三角形の3辺を a, b, c とします"), and a closing "a² + b² = c²" written large, each letter in its square's color.
Framing
A 4:5 portrait page with a soft shadow at its edge, the title at top left, one diagram centered in the middle, and the caption strip centered near the bottom.
Structure
A right triangle ("直角三角形の3辺を a, b, c とします"), squares on each side asking "a² + b² = c² は本当かな?", a nearly blank page captioned "一辺 a + b の正方形に、同じ三角形を4つ置きます", the tilted green c² square between four triangles, the triangles partly moved ("三角形を動かして並べ替えてみると…"), the gaps now a² and b², "三角形4つは同じだから、すき間の面積も等しい", the equation over three grid squares, and "9 + 16 = 25" for a 3, 4, 5 triangle with gold stars.

More like this

1:10

Why a circle's area is πr²

Manim

0:20

Rainbow slinky down an endless escalator

GPT-6 Astra · HTML canvas

2:08

Galileo, Bernoulli and the fastest path

Opus 5.5 · Canvas 2D

7:37

Narrated lesson on derivatives, in Chinese

Opus 5.5 · Manim

1:47

From a bacterium down to quantum fields

JavaScript

0:44

The photoelectric effect, in Manim

Gemini Flash 3.5 · Manim

0:28

Forest fire simulation by six models

3.7 Sonnet · Python

0:56

Spinning heptagon test across 18 models

GPT-4.5 Preview · Python

0:54

Spacetime curvature in 3D Manim

Partial prompt · 3.7 Sonnet · Manim

1:16

The beauty of physics, one continuous shot

Claude Code

2:46

Every orbit is a great circle, in 3D Manim

Claude Code · Manim

1:38

Morse theory on a torus, in 3D Manim

Codex · Manim

0:30

One year of planetary orbits in 30 seconds

Claude Code · Remotion

Chi-square goodness-of-fit test in Manim

Gemini · Manim

1:25

Crayon piano performance with a black cat

Opus 5.5 · Canvas 2D

0:52

Hand-drawn collage of a startup's story

Opus 5.5 · Plain JavaScript

0:48

Paper-collage promo for a nutrition app

Partial prompt · Opus 5.5 · Plain JavaScript

0:39

Paper collage asking the purpose of life

Opus 5.5 · Plain JavaScript

0:43

Lyric video remake with sticker-style type

Opus 5.5

3:27

Anime lyric music video made from an mp3

Opus 5.5

0:15

Vertical promo for a fan-made card site

Opus 5.5

0:15

Recruiting ad with a Kansai-dialect voice

Opus 5.5

0:51

Ink-and-watercolour explainer for an app

Claude Code · Plain JavaScript

0:51

Paper-collage explainer for an events app

Claude Code · Plain JavaScript

1:00

Hand-drawn collage on the purpose of life

Claude Code · Plain JavaScript

0:45

Narrated trailer for an events map app

Opus 5.5 · Playwright

0:22

Stickman YouTube video about charisma

Claude Code · FFmpeg

0:57

Collage-style vertical reel about a novel

Prompt described · Opus 5.5 · HTML and CSS

4:22

Cartoon music video about linear algebra

Claude Code

0:48

Evangelion-style vertical lyric video

Partial prompt · Claude Code