你會得到

  • 1920x1080、30 fps、20 到 30 秒的 MP4
  • 每個節拍都共用同一個畫布元件的 HyperFrames 專案
  • 附畫布欄位與接縫紀錄的分鏡
  • 交付說明,包含文案、畫布設定與證明素材
  • 可選:PopNow 的背景音樂與音效

適合

  • 上線編輯器、檢視器或設定面板
  • 主打精準直接掌控的產品
  • 針對設計師與開發者、沉靜而技術感的上線貼文

不適合

  • 溫暖、重人情或以故事驅動的上線
  • 需要角色、實拍片段或旁白的影片
  • 沒有該控制項真實錄影的產品

怎麼用

在 Claude 或 ChatGPT 裡

用 PopNow 的技能「網點畫布上線影片」(halftone-launch-video)幫我做這件事:為我們的曲線編輯器做上線影片。請求來自 ./asks.txt 的客服紀錄,證明素材是 ./captures/curve-drag.mp4。

在程式 Agent 裡

/popnow-halftone-launch-video 為我們的曲線編輯器做上線影片。請求來自 ./asks.txt 的客服紀錄,證明素材是 ./captures/curve-drag.mp4。

接著試試

證明段落時讓網點場更暖,並檢查最暗畫格的對比。

報價一段沉靜的純音樂,在水管式的快速段落時拉高。

需要準備

  • 產品提供的那一個控制項,以及它真實的證明
  • 使用者實際會輸入的六到十句簡短請求
  • 深色的畫布顏色、一到兩種網點色相與暖色的文字色
  • Node.js 22+ 與 FFmpeg

類似技能

查看全部 →

常見問題

為什麼背景比文字先動?

讓畫布比每個接縫早約 0.1 秒開始,視線會先移動,於是影片讀起來就像是一個表面被驅動著。如果文字先動,看起來就只是投影片疊在吵雜的背景上。

網點圖案是圖片還是影片?

都不是。它是一個超大元素上的兩層 CSS 徑向漸層,只用變形與淡入淡出的透明度來動畫,因此永遠清晰,每次渲染都一樣。

PopNow 能為這支影片生成素材嗎?

不能。畫布就是主角,每一格都在畫面上,因此技能只會使用 PopNow 來製作選用的背景音樂與音效,且在花費任何點數前都會先報價。

如果我手上只有介面的樣稿呢?

技能會要求為證明節拍提供真實的錄影,或重建你自己的介面。通用的樣稿會讓一支關於精準的影片看起來不精準,技能會明講這一點。