Skip to content

FramePlanner API

Naoyuki Hirayama edited this page Feb 4, 2024 · 9 revisions

FramePlanner APIの仕組み

Untitled (3)

次項のようなjsonをbodyにして、

https://us-central1-frameplanner-e5569.cloudfunctions.net/addStoryboard

にPOSTします。文書IDが返されますので、そのIDを使って

https://frameplanner-e5569.web.app/?build=id

にアクセスすればその文書を編集できます。

API呼び出しの具体例

{
  "characters": [
    {
      "name": "ケンタ",
      "appearance": "好奇心旺盛な少年、短髪でカジュアルな服装"
    },
    {
      "name": "おおかみ",
      "appearance": "話すことができ、友好的な態度の大きな灰色の狼"
    },
    {
      "name": "村人A",
      "appearance": "中年の男性、帽子をかぶり、作業着を着ている"
    },
    {
      "name": "村人B",
      "appearance": "若い女性、長い髪を束ね、シンプルなドレスを着ている"
    },
    {
      "name": "村人C",
      "appearance": "年配の女性、エプロンをつけ、好奇心旺盛な表情"
    }
  ],
  "pages": [
    {
      "scenes": [
        {
          "composition": "A small village in the morning, villagers gathered around a notice board at the village entrance, talking. The background shows the edge of a forest, hinting at the mystery within.",
          "bubbles": [
            {
              "owner": "村人A",
              "speech": "聞いた?\\n森に話すおおかみが..."
            },
            {
              "owner": "村人B",
              "speech": "本当かな?\\n怖いね…"
            }
          ]
        },
        {
          "composition": "A curious young boy, Kenta, looking out the window of his house at the forest. His room is simple, with a few toys and a picture of the forest on the wall.",
          "bubbles": [
            {
              "owner": "ケンタ",
              "speech": "おおかみに\\n会ってみたいなあ"
            }
          ]
        },
        {
          "composition": "Kenta bravely entering the forest, surrounded by dense trees and a mystical atmosphere. Light filters through the leaves, creating a serene yet adventurous setting.",
          "bubbles": [
            {
              "owner": "ケンタ",
              "speech": "おおかみさん、\\nいるのかな?"
            }
          ]
        },
        {
          "composition": "Kenta and the talking wolf face to face in a clearing, the wolf is large and grey, showing a friendly demeanor towards Kenta. The forest around them is peaceful, with birds and small animals visible.",
          "bubbles": [
            {
              "owner": "おおかみ",
              "speech": "こんにちは、\\nケンタ。人間と話せるのは..."
            },
            {
              "owner": "ケンタ",
              "speech": "本当に話せるんだ!"
            }
          ]
        },
        {
          "composition": "Kenta excitedly telling the villagers about his encounter with the wolf, in the village square. The villagers are gathered around him, showing expressions of surprise and curiosity.",
          "bubbles": [
            {
              "owner": "ケンタ",
              "speech": "おおかみは優しいんだ。\\n僕たちと友達に..."
            },
            {
              "owner": "村人C",
              "speech": "それはすごいね!"
            }
          ]
        }
      ]
    }
  ]
}

JSONの各項目の説明

characters

FramePlannerでは使いません。 一貫性の維持のために一応所持しています。

pages

scenes

composition

情景です。そのまま画像生成AIのプロンプトにすることを意図しています。

bubbles

フキダシです。

このjsonで得られる出力

image

制限

  • 現在、コマ割りに関して、ページ内のコマの数と1:1のテンプレートを使うようになっています。
    • つまり、コマ数が5なら5コマ用のテンプレート、4コマなら4コマ用のテンプレートを問答無用で使う
    • なのでコマ数が同じだと必ず同じコマ割りになる
  • 現在、1ページの文書にしか対応していません。
    • ChatGPTの入力ウィンドウの問題があるのであまり大きくできない
    • 2ページくらいならいけると思うので要望があればやります

スキーマ

ChatGPTsのActionにそのまま使えます。

FramePlanner API Schema