webTaleKit タグリファレンス

<text>これは基本的なテキストです。</text>

<text speed="10">ゆっくりと表示されるテキストです。</text>

<text>変数も使用できます: {{playerName}}</text>

<!-- マークアップタグの使用例 -->
<text>
  <color value="red">赤い文字</color>や<b>太字</b>、<i>斜体</i>も使えます。
  <br>改行も簡単です。
</text>

<!-- ルビの使用例 -->
<text>
  <ruby text="かんじ">漢字</ruby>にルビを振ることができます。
</text>

<!-- テキスト内での待機 -->
<text>
  こんにちは。<wait time="1000" />お元気ですか？
</text>

<!-- 複合的な使用例 -->
<text>
  <color value="blue"><b>重要な</b></color>お知らせがあります。<br>
  <wait time="500" /><i>しばらくお待ちください...</i>
</text>

<!-- HTTPリクエストの使用例 -->
<text get="https://api.example.com/data">
  <progress>データを読み込み中...</progress>
  <header>
    <content-type>application/json</content-type>
    <authorization>Bearer token</authorization>
  </header>
  <data>
    <query>example</query>
  </data>
  <then>データの読み込みが完了しました。</then>
  <error>データの読み込みに失敗しました。</error>
</text>

<!-- ifグローバル属性の使用例 -->
<text if="playerLevel >= 10">レベル10以上のプレイヤーのみに表示されるメッセージです。</text>

<text if="hasItem('key')">鍵を持っている場合のメッセージです。</text>

<text if="gameMode === 'hard'">ハードモード専用のヒントです。</text>

<say name="主人公">こんにちは！</say>

<say name="ヒロイン" voice="./voice/heroine_01.wav">
  お疲れ様でした。
</say>

<say name="{{characterName}}" speed="50">
  変数も使用できます。
</say>

<!-- ifグローバル属性の使用例 -->
<say name="店主" if="playerMoney >= 100">
  いらっしゃいませ！何かお買い物ですか？
</say>

<say name="警備員" if="hasPermission === false">
  ここから先は立ち入り禁止です。
</say>

<choice prompt="どちらを選びますか？">
  <item label="はい" onSelect="yes">
    <say name="主人公">はいを選びました。</say>
  </item>
  <item label="いいえ" onSelect="no">
    <say name="主人公">いいえを選びました。</say>
  </item>
</choice>

<choice>
  <item label="次のシーンへ">
    <route to="next_scene" />
  </item>
</choice>

<!-- ifグローバル属性の使用例 -->
<choice prompt="何をしますか？" if="canMakeChoice">
  <item label="戦う">
    <text>戦闘を開始します。</text>
  </item>
  <item label="逃げる">
    <text>逃走します。</text>
  </item>
</choice>

<!-- 背景画像の表示 -->
<show src="./resource/background/forest.jpg" mode="bg" />

<!-- キャラクターの表示 -->
<show src="./resource/chara/hero.png" name="主人公" pos="left:middle" />

<!-- フェードイン効果付きで表示 -->
<show src="./resource/chara/heroine.png" name="ヒロイン" pos="right:middle" 
      transition="fade" duration="2000" />

<!-- エフェクト適用 -->
<show src="./resource/effect/sparkle.png" name="キラキラ" 
      opacity="0.7" sepia="0.3" />

<!-- 座標指定 -->
<show src="./resource/item/sword.png" name="剣" x="100" y="200" />

<!-- 左右反転表示 -->
<show src="./resource/chara/hero.png" name="主人公" pos="left:middle" look="true" />

<!-- 遅延表示 -->
<show src="./resource/chara/surprise.png" name="驚き" pos="center:middle" 
      entry="{time: 2, wait: true}" />

<!-- ifグローバル属性の使用例 -->
<show src="./resource/chara/angry.png" name="主人公" pos="left:middle" 
      if="playerEmotion === 'angry'" />

<show src="./resource/item/treasure.png" name="宝箱" pos="center:middle" 
      if="foundTreasure" />

<!-- 即座に非表示 -->
<hide name="主人公" />

<!-- フェードアウト効果 -->
<hide name="ヒロイン" transition="fade" duration="1500" />

<!-- CGモードの終了 -->
<hide mode="cg" />

<!-- BGMの再生 -->
<sound src="./resource/bgm/peaceful.mp3" mode="bgm" play loop />

<!-- 効果音の再生 -->
<sound src="./resource/se/door.wav" play />

<!-- BGMの停止 -->
<sound mode="bgm" stop />

<!-- 特定の音声の一時停止 -->
<sound name="環境音" pause />

<!-- 10行目にジャンプ -->
<jump index="10" />

<!-- 選択肢での使用例 -->
<choice prompt="もう一度見ますか？">
  <item label="はい">
    <jump index="5" />
  </item>
  <item label="いいえ">
    <text>終了します。</text>
  </item>
</choice>

<!-- タイトルシーンに遷移 -->
<route to="title" />

<!-- 次のシーンに遷移 -->
<route to="chapter2" />

<!-- 選択肢での使用例 -->
<choice>
  <item label="タイトルに戻る">
    <route to="title" />
  </item>
</choice>

<if condition="playerScore >= 80">
  <then>
    <say name="先生">素晴らしい成績ですね！</say>
  </then>
  <else>
    <say name="先生">もう少し頑張りましょう。</say>
  </else>
</if>

<if condition="hasKey === true">
  <then>
    <text>扉を開けることができます。</text>
    <route to="inside_room" />
  </then>
  <else>
    <text>鍵が必要です。</text>
  </else>
</if>

<!-- 変数の設定 -->
<call method="playerScore = 100" />

<!-- 関数の呼び出し -->
<call func="saveGame()" />

<!-- 複雑な処理 -->
<call method="
  if (inventory.includes('key')) {
    hasKey = true;
    removeItem('key');
  }
" />

<!-- 画像を表示 -->
<show src="./resource/chara/hero.png" name="主人公" pos="left:middle" />

<!-- 中央に移動（2秒かけて） -->
<moveto name="主人公" x="400" y="300" duration="2" />

<!-- 素早く移動 -->
<moveto name="主人公" x="100" y="100" duration="0.5" />

<!-- 2秒待機 -->
<wait time="2000" />

<!-- クリック待ち -->
<wait />

<!-- テキスト内での使用 -->
<text>
  こんにちは。<wait time="1000" />お元気ですか？
</text>

<!-- 基本的なダイアログ -->
<dialog id="confirm">
  <prompt>本当に削除しますか？</prompt>
  <actions>
    <action id="yes" label="はい" value="delete">
      <call method="deleteData()" />
      <text>削除しました。</text>
    </action>
    <action id="no" label="いいえ" value="cancel">
      <text>キャンセルしました。</text>
    </action>
  </actions>
</dialog>

<!-- 選択肢ダイアログ -->
<dialog id="choice">
  <prompt>どの色が好きですか？</prompt>
  <actions>
    <action id="red" label="赤" value="red">
      <text>赤は情熱的な色ですね。</text>
    </action>
    <action id="blue" label="青" value="blue">
      <text>青は落ち着いた色です。</text>
    </action>
    <action id="green" label="緑" value="green">
      <text>緑は自然を感じさせます。</text>
    </action>
  </actions>
</dialog>

<!-- カスタムテンプレート使用 -->
<dialog id="custom" template="./src/screen/custom.html">
  <prompt>カスタムダイアログです</prompt>
  <actions>
    <action id="ok" label="OK">
      <text>カスタムダイアログを閉じます。</text>
    </action>
  </actions>
</dialog>

<!-- ネストしたダイアログ -->
<dialog id="main">
  <prompt>メニューを選択してください</prompt>
  <actions>
    <action id="settings" label="設定">
      <dialog id="settings">
        <prompt>設定項目を選択してください</prompt>
        <actions>
          <action id="sound" label="音量設定">
            <text>音量設定画面を開きます。</text>
          </action>
          <action id="display" label="表示設定">
            <text>表示設定画面を開きます。</text>
          </action>
        </actions>
      </dialog>
    </action>
  </actions>
</dialog>

<!-- ページをクリア -->
<newpage />

<!-- 新しい場面の開始 -->
<text>場面が変わりました。</text>