できること

  • 20〜30 秒の 1920x1080、30 fps の MP4
  • すべてのビートがひとつのキャンバスのコンポーネントを共有する HyperFrames プロジェクト
  • キャンバスの列とつなぎ目の台帳を備えた絵コンテ
  • コピー、キャンバスの設定、証明の素材についての引き継ぎメモ
  • 任意:PopNow の BGM と効果音

向いている用途

  • エディター、インスペクター、設定パネルのローンチ
  • 直接的で正確なコントロールを売りにする製品
  • デザイナーや開発者向けの、落ち着いた技術的なローンチ投稿

向いていない用途

  • 温かく、人間味のある、またはストーリー中心のローンチ
  • キャラクター、映像、ナレーターが必要な映画
  • そのコントロールの実際のキャプチャがない製品

使い方

Claude・ChatGPT で

PopNow のスキル「ハーフトーンのキャンバスのローンチ動画」(halftone-launch-video)を使って、次のことをしてください:カーブエディターのローンチ映画。要望はサポートのログ ./asks.txt から、証明は ./captures/curve-drag.mp4 です。

コーディングエージェントで

/popnow-halftone-launch-video カーブエディターのローンチ映画。要望はサポートのログ ./asks.txt から、証明は ./captures/curve-drag.mp4 です。

次はこれ

証明の間はドットの面を温かくして、いちばん暗いフレームでコントラストを確かめて。

放水のところで上がる、落ち着いたインストゥルメンタルの BGM を見積もって。

用意しておくもの

  • 製品が提供するひとつのコントロールと、その実際の証明
  • ユーザーが実際に打ち込む短い要望を 6〜10 件
  • 深いキャンバスの色、ドットの色 1〜2 色、温かい文字の色
  • Node.js 22+ と FFmpeg

似ているスキル

すべて見る →

よくある質問

なぜ背景が文字より先に動くのですか?

どのつなぎ目も、キャンバスが約 0.1 秒先導するので、目が最初に動き、映画はひとつの面が操られているように読めます。文字が先に動くと、騒がしい背景の上にスライドが載っているように見えてしまいます。

ドットのパターンは画像ですか、それとも動画ですか?

どちらでもありません。大きめのひとつの要素の上に CSS の放射グラデーションの 2 層を重ね、変形とウォッシュの不透明度だけで動かすので、くっきりしたまま、毎回同じように描画されます。

この映画の映像を PopNow で生成できますか?

いいえ。キャンバスが主題で、毎フレーム画面に映っているので、スキルが PopNow を使うのは任意の BGM と効果音だけです。何かを使う前に見積もります。

自分のインターフェースのモックしかない場合は?

証明のビートには、実際のキャプチャか、自分のインターフェースを作り直したものが必要になります。一般的なモックでは、正確さの映画が不正確に見えてしまいます。スキルはそのことを伝えます。