すべての作品

@xelandre__

モーショングラフィックス
元ポストを見る

動画:@xelandre__(X より公式埋め込み)

Prompt

CanvasSVG
Code-driven animation: an HTML/JS page where every frame is calculated from the time, captured frame by frame with headless Chrome (Playwright), then assembled with ffmpeg into an MP4 with motion blur and code-generated sound.
シェア226 文字

ほかのモーショングラフィックス

すべて見る
@mattbean が Opus 5.5 で作った動画のサムネイル
@mattbean
Canvas

build me a 30s drawing style animated clip about submitting a product to AppSumo via your agent. steps are: 1. connect your agent 2. your agent fills out your l…

@SuryaRajendhran が Opus 5.5 で作った動画のサムネイル

Make a 30s video about what it feels like to be you, using whatever tools you like.

@eric_khun が Opus 5.5 で作った動画のサムネイル

I want you to create a "Happy Mid-Autumn Festival" video in hand drawn canvas animation style. You must use the attached Taiwan black bear as the main character…

@abderrahmen_g が Opus 5.5 で作った動画のサムネイル

You are a professional videographer. Create me a high-definition, creative, playful, and joyful video that you enjoy watching, that has sounds matching the fram…

自分の手で動かしてみよう

どの作品も「動画ファイル」ではなく、Opus 5.5 が書いた HTML / JavaScript のアニメーションです。プロンプトさえあれば再現できます。

  1. 1

    プロンプトをコピー

    気になる作品を開いて「プロンプトをコピー」。一覧のカードからもワンクリックでコピーできます。

  2. 2

    Claude に貼り付ける

    手軽に試すなら claude.ai でモデルに Opus 5.5 を選んで貼り付け。 本格的に作るなら空のフォルダで Claude Code を起動します。

    mkdir my-video && cd my-video
    claude --model claude-opus-5-5
  3. 3

    ブラウザで再生・アレンジ

    できた HTML をブラウザで開けば再生されます。「1 ファイルの HTML にして」「15 秒でループ」などを添えると安定します。 色・テキスト・尺を変えて自分だけの作品に。