ai21.net
言語

単一の自己完結型 index.html を作成:手描きクレヨン風の約2分のアニメーション…

単一の自己完結型 index.html を作成:手描きクレヨン風の約2分のアニメーション… — 1

プロンプト

Create a single self-contained index.html: a ~2-minute animated piano performance in a hand-drawn crayon style.

Scene: a cozy room at night, an upright piano, a small black cat playing it. Crayon texture on every surface: grainy strokes,wobbly outlines, paper tooth.

Music: compose an original piano piece (~40 bars, clear melody, calm then building, soft ending). Synthesize the piano in Web Audio with harmonics, hammer noise and reverb. No audio files.

Sync: one timeline drives both. The cat's paws hit the keys that are actually sounding. Lights, camera and mood follow the music.

Rules: Canvas 2D only, no libraries, no external assets. Support pause/replay and ?t=90 to jump to any moment.

日本語訳

単一の自己完結型 index.html を作成する:手描きクレヨン風の、約2分間のピアノ演奏アニメーション。

シーン:夜の居心地のよい部屋、アップライトピアノ、それを弾く小さな黒猫。あらゆる表面にクレヨンの質感:粒状のストローク、揺れる輪郭、紙のざらつき。

音楽:オリジナルのピアノ曲を作曲する(約40小節、明確な旋律、静かでいて盛り上がり、柔らかい終わり方)。ピアノは Web Audio で倍音、ハンマーノイズ、リバーブを使ってシンセサイズする。音声ファイルは使わない。

同期:1つのタイムラインが両方を動かす。猫の前脚は、実際に鳴っている鍵盤を打つ。照明、カメラ、ムードは音楽に従う。

ルール:Canvas 2D のみ、ライブラリなし、外部アセットなし。一時停止/リプレイと、任意の瞬間にジャンプする ?t=90 をサポートする。

出典

原作者
0xCodez
公開日
2026-09-27(由推文 ID 反解)
原典
元の投稿を見る ↗
収録元
yihui-dev/awesome-opus5-5-videos · 0xcodez-474136 · MIT