---
title: "Playful video built from a set of hand-drawn sketches"
description: "A playful 78-second code-driven video that animates hand-drawn sketches with sound matched to the frames."
canonical: "https://potto.ai/ja/videos/playful-video-built-from-a-set-of-hand-drawn-sketches"
language: "ja"
datePublished: "2026-09-24"
---

# Playful video built from a set of hand-drawn sketches

A playful 78-second code-driven video that animates hand-drawn sketches with sound matched to the frames.

Hand-drawn sketches are brought into motion across a 78-second piece, with sound timed to match the frames. The visuals are built with canvas, svg, gsap and css, using the sketches as the main material for a creative, joyful result.

- [ビジュアルの共通設定](https://potto.ai/ja/videos/visual-system.md)
- abderrahmen_g 作
- 長さと比率: 1:18 · 16:9
- 制作ツール: Canvas, SVG, GSAP, CSS
- 公開日 2026/09/24
- オリジナルを見る: https://x.com/abderrahmen_g/status/2103103836541899031

## プロンプト

```text
You are a professional videographer. Create me a high-definition, creative, playful, and joyful video that you enjoy watching, that has sounds matching the frames using JavaScript. Use as much as possible of the input images—hand-drawn—to make it more creative and more authentic from input-pictures. You can also be inspired by, but not copy, the videos created by you in video-examples/, especially this: video-examples/twitter_claude.mp4. You're really creative, so produce the best of what you can.
```

## Playful video built from a set of hand-drawn sketches のよくある質問

Playful video built from a set of hand-drawn sketches の作り方、プロンプトの内容、そして Potto で同じような ビジュアルの共通設定 動画を作る方法。

### Playful video built from a set of hand-drawn sketches とは？

Playful video built from a set of hand-drawn sketches は abderrahmen_g による ビジュアルの共通設定 のモーショングラフィックス動画です。 A playful 78-second code-driven video that animates hand-drawn sketches with sound matched to the frames.

### Playful video built from a set of hand-drawn sketches はどう作られましたか？

Playful video built from a set of hand-drawn sketches は Canvas、SVG、GSAP、CSS で制作されました。Potto の ビジュアルの共通設定 に含まれる AI モーショングラフィックス動画です。

### Playful video built from a set of hand-drawn sketches のプロンプトは見られますか？

はい。Playful video built from a set of hand-drawn sketches のプロンプト全文がこのページにあります。コピーするか、「このプロンプトを使う」をクリックして Potto のワークスペースで開いてください。

### Playful video built from a set of hand-drawn sketches の長さとアスペクト比は？

Playful video built from a set of hand-drawn sketches の長さは 1:18、フレームは 16:9 です。

### Potto で Playful video built from a set of hand-drawn sketches のような ビジュアルの共通設定 動画を作れますか？

はい。「このプロンプトを使う」をクリックすると、Playful video built from a set of hand-drawn sketches のプロンプトが Potto のワークスペースに読み込まれます。Potto が独自のバージョンをレンダリングし、書き出す前に文字とスタイルを変えられます。

### Playful video built from a set of hand-drawn sketches のオリジナルはどこで見られますか？

Playful video built from a set of hand-drawn sketches は作成者が最初に投稿しました。「オリジナルを見る」をクリックすると、その投稿が新しいタブで開きます。

### Playful video built from a set of hand-drawn sketches のような ビジュアルの共通設定 動画はどこで見つかりますか？

Potto の ビジュアルの共通設定 コレクションを見てください。480 本あり、それぞれにプロンプト、仕様、出典が付いています。