
- 長さと比率
- 0:11
- 1:1
プロンプト
Create a single self-contained HTML file that renders an animated pixel art wizard casting a spell, using vanilla JavaScript and Canvas 2D. No external assets, libraries, or network requests. RENDERING - Draw everything to an offscreen canvas at a fixed logical resolution of 128x96, then blit to a fullscreen display canvas scaled by the largest integer factor that fits the window, centered, with imageSmoothingEnabled = false and CSS image-rendering: pixelated. - All drawing snaps to integer coordinates on the logical canvas. No sub-pixel positions, anti-aliasing, gradients, or shadowBlur. - Fixed palette of ~24 hex colors: deep blues/purples for night sky, warm robe tones, 3-4 bright magic colors. Every pixel comes from this palette. CHARACTER - Build the wizard procedurally from filled rects and pixel runs, ~24x32 logical pixels: pointed hat with a bend, long beard, two-shade robe with darker outline, staff with a gem at the tip. - Parameterize the pose (staff angle, arm raise, head tilt, robe sway). Animate parameters smoothly, then quantize to the pixel grid each frame so motion reads at an 8-12 fps pixel animation feel even though the loop runs at 60fps. ANIMATION - Looping state machine: IDLE (2-frame bob, beard sway) -> CHARGE (staff raises, gem flickers, sparks spiral inward) -> CAST (bright burst, projectile fires across the scene, 1-2 pixel screen shake) -> RECOVER (settle back). Ease pose parameters between keyframes. - Pooled allocation-free particle system: preallocate and reuse. Sparks orbit the gem during CHARGE, explode outward on CAST, each particle stepping its palette index from white to magic color to dark before despawn. Snap particle positions to the grid when drawing. - Fixed 60hz timestep update with rAF rendering. Zero object allocation inside the loop. SCENE - Minimal background: dark sky, a few twinkling 1px stars, moon, stone floor line. Character silhouette must read clearly. - Subtle 1px rim light on the wizard from the gem, brightening during CHARGE and CAST. QUALITY BAR - Crisp pixels at any window size, seamless loop, stable 60fps, readable silhouette. Should look like a polished 16-bit sprite animation, not vector shapes scaled down.
似た動画をもっと見る
すべて見るプランを選ぶ
AI 動画と AI 画像で使える、一つのクレジット残高です。月額または年額で登録するか、クレジットパックを一度だけ購入できます。
2,000 クレジット
一回払い · サブスクなし
パックあたりの動画数
- 2,000 クレジットを一度だけ追加
- 高速生成は最大 86 枚
- Potto のウォーターマークを追加しません
- 動画と画像ツールで共有
5,000 クレジット
一回払い · サブスクなし
パックあたりの動画数
- 5,000 クレジットを一度だけ追加
- 高速生成は最大 217 枚
- Potto のウォーターマークを追加しません
- 動画と画像ツールで共有
15,000 クレジット
一回払い · サブスクなし
パックあたりの動画数
- 15,000 クレジットを一度だけ追加
- 高速生成は最大 652 枚
- Potto のウォーターマークを追加しません
- 動画と画像ツールで共有
Lite
Lite を選ぶ$20/月月額請求
月あたりの動画本数
30 秒の製品デモ動画13 本60 秒の解説動画5 本- 月 2,000 クレジット
- 高速生成は最大 86 枚
- 標準キュー
- Potto のウォーターマークを追加しません
- AI ツールの一括処理
- 公開ギャラリーには掲載されません
Pro
Pro を選ぶ$50/月月額請求
月あたりの動画本数
30 秒の製品デモ動画33 本60 秒の解説動画13 本- 月 5,000 クレジット
- 高速生成は最大 217 枚
- 優先キュー
- Potto のウォーターマークを追加しません
- AI ツールの一括処理
- 公開ギャラリーには掲載されません
- おすすめ
Max
Max を選ぶ$100/月月額請求
月あたりの動画本数
30 秒の製品デモ動画100 本60 秒の解説動画40 本- 月 15,000 クレジット
- 高速生成は最大 652 枚
- 最優先キュー
- Potto のウォーターマークを追加しません
- AI ツールの一括処理
- 公開ギャラリーには掲載されません
Lite
-20%Lite を選ぶ$20$16/月年額請求 · $240 → $192/年
月あたりの動画本数
30 秒の製品デモ動画13 本60 秒の解説動画5 本- 月 2,000 クレジット
- 高速生成は最大 86 枚
- 標準キュー
- Potto のウォーターマークを追加しません
- AI ツールの一括処理
- 公開ギャラリーには掲載されません
Pro
-20%Pro を選ぶ$50$40/月年額請求 · $600 → $480/年
月あたりの動画本数
30 秒の製品デモ動画33 本60 秒の解説動画13 本- 月 5,000 クレジット
- 高速生成は最大 217 枚
- 優先キュー
- Potto のウォーターマークを追加しません
- AI ツールの一括処理
- 公開ギャラリーには掲載されません
- おすすめ
Max
-20%Max を選ぶ$100$80/月年額請求 · $1,200 → $960/年
月あたりの動画本数
30 秒の製品デモ動画100 本60 秒の解説動画40 本- 月 15,000 クレジット
- 高速生成は最大 652 枚
- 最優先キュー
- Potto のウォーターマークを追加しません
- AI ツールの一括処理
- 公開ギャラリーには掲載されません
Videos use credits when you export, and starting one needs a balance that covers its export. Counts assume a 30-second product demo and a 60-second explainer with narration and 3 illustrations.
Pixel Wizard のよくある質問
Pixel Wizard の作り方、プロンプトの内容、そして Potto で同じような 記事 動画を作る方法。
Pixel Wizard とは?
Pixel Wizard は majidmanzarpour による 記事 のモーショングラフィックス動画です。 An 11-second canvas animation of a pixel-art wizard casting a spell.
Pixel Wizard はどう作られましたか?
Pixel Wizard の作者は使用ツールを公開していません。Potto の 記事 に含まれる AI モーショングラフィックス動画です。
Pixel Wizard のプロンプトは見られますか?
はい。Pixel Wizard のプロンプト全文がこのページにあります。コピーするか、「このプロンプトを使う」をクリックして Potto のワークスペースで開いてください。
Pixel Wizard の長さとアスペクト比は?
Pixel Wizard の長さは 0:11、フレームは 1:1 です。
Potto で Pixel Wizard のような 記事 動画を作れますか?
はい。「このプロンプトを使う」をクリックすると、Pixel Wizard のプロンプトが Potto のワークスペースに読み込まれます。Potto が独自のバージョンをレンダリングし、書き出す前に文字とスタイルを変えられます。
Pixel Wizard のオリジナルはどこで見られますか?
Pixel Wizard は作成者が最初に投稿しました。「オリジナルを見る」をクリックすると、その投稿が新しいタブで開きます。
Pixel Wizard のような 記事 動画はどこで見つかりますか?
Potto の 記事 コレクションを見てください。111 本あり、それぞれにプロンプト、仕様、出典が付いています。

