webtalekit-alpha 0.2.10 → 0.2.13

package/example/src/scene/en/effects.scene

@@ -0,0 +1,37 @@
+<scene>
+  <scenario>
+    <say name="Narrator">In this scene, we will demonstrate special effects and filters.</say>
+    <show src="./src/resource/chara/scientist.png" name="Scientist" pos="center:bottom" />
+    <say name="Scientist">Let's experiment with some visual effects!</say>
+    <say name="Scientist">First, let's try a sepia filter.</say>
+    <show src="./src/resource/background/laboratory.jpg" sepia="0.8" />
+    <say name="Scientist">Now, let's try it on me.</say>
+    <show src="./src/resource/background/laboratory.jpg" />
+    <show src="./src/resource/chara/scientist.png" name="Scientist" pos="center:bottom" sepia="0.8" />
+    <say name="Scientist">Next, let's switch to a monochrome effect.</say>
+    <show src="./src/resource/background/laboratory.jpg" mono="1" />
+    <say name="Scientist">Let's try this on me as well.</say>
+    <show src="./src/resource/background/laboratory.jpg" />
+    <show src="./src/resource/chara/scientist.png" name="Scientist" pos="center:bottom" mono="1" />
+    <say name="Scientist">We can also apply a blur effect.</say>
+    <show src="./src/resource/background/laboratory.jpg" blur="5" />
+    <say name="Scientist">Now, let's try it on me.</say>
+    <show src="./src/resource/background/laboratory.jpg" />
+    <show src="./src/resource/chara/scientist.png" name="Scientist" pos="center:bottom" blur="5" />
+    <say name="Scientist">By using these effects, we can create various atmospheres in our game!</say>
+    <show src="./src/resource/background/laboratory.jpg" />
+    <show src="./src/resource/chara/scientist.png" name="Scientist" pos="center:bottom" />
+    <choice>
+      <item label="Return to Title" onSelect="title">
+        <route scene="title" />
+      </item>
+    </choice>
+  </scenario>
+  <script>
+    export const sceneConfig = {
+      name: 'effects',
+      background: './src/resource/background/laboratory.jpg',
+      template: './src/screen/title.html'
+    }
+  </script>
+</scene>

package/example/src/scene/en/sound.scene

@@ -0,0 +1,26 @@
+<scene>
+  <scenario>
+    <say name="Narrator">This scene demonstrates sound features.</say>
+    <sound src="./src/resource/bgm/calm_music.wav" play loop />
+    <say name="Narrator">Background music is now playing. It can loop continuously.</say>
+    <sound src="./src/resource/se/doorbell.mp3" play />
+    <say name="Narrator">That was a sound effect. They can be played once or repeatedly.</say>
+    <sound name="calm_music.wav" stop />
+    <sound src="./src/resource/bgm/nc366476_Virtual_Voyage.mp3" play loop />
+    <say name="Narrator">We can also switch background music smoothly.</say>
+    <choice>
+      <item label="Return to Title" onSelect="title">
+        <sound src="nc366476_Virtual_Voyage.mp3" stop />
+        <route scene="title" />
+      </item>
+    </choice>
+  </scenario>
+
+  <script>
+    export const sceneConfig = {
+      name: 'sound',
+      background: './src/resource/background/music_room.png',
+      template: './src/screen/title.html'
+    }
+  </script>
+</scene>

package/example/src/scene/en/text.scene

@@ -0,0 +1,26 @@
+<scene>
+  <scenario>
+    <say name="Narrator">This scene demonstrates various text display features.</say>
+    <text msg="This is a simple text display." />
+    <text msg="You can also use {{variables}} in your text." />
+    <text msg="Text can be displayed with different speeds." speed="50" />
+    <text msg="Or even letter by letter..." speed="150" />
+    <say name="Character">Characters can have names and portraits.</say>
+    <choice>
+      <item label="Return to Title" onSelect="title">
+        <route scene="title" />
+      </item>
+    </choice>
+  </scenario>
+
+  <script>
+    const sceneConfig = {
+      name: 'text',
+      background: './src/resource/background/library.png',
+      template: './src/screen/title.html'
+    }
+
+    const variables = "dynamic content"
+
+  </script>
+</scene>

package/example/src/scene/en/title.scene

@@ -0,0 +1,39 @@
+<scene>
+  <scenario>
+    <sound src="./src/resource/bgm/title_theme.mp3" play loop />
+    <say name="Narrator">Welcome to the WebTaleKit Demo Game!</say>
+    <say name="Narrator">Please select a feature to explore:</say>
+    <choice>
+      <item label="Text Display" onSelect="text">
+        <route scene="text" />
+      </item>
+      <item label="Character Display" onSelect="character">
+        <route scene="character" />
+      </item>
+      <item label="Background Changes" onSelect="background">
+        <route scene="background" />
+      </item>
+      <item label="Sound Effects" onSelect="sound">
+        <route scene="sound" />
+      </item>
+      <item label="Choices and Branching" onSelect="choice">
+        <route scene="choice" />
+      </item>
+      <item label="Animations" onSelect="animation">
+        <route scene="animation" />
+      </item>
+      <item label="Special Effects" onSelect="effects">
+        <route scene="effects" />
+      </item>
+    </choice>
+  </scenario>
+
+  <script>
+    const sceneConfig = {
+      name: 'title',
+      background: './src/resource/background/title_bg.png',
+      bgm: './src/resource/bgm/title_theme.mp3',
+      template: './src/screen/title.html'
+    }
+  </script>
+</scene>

package/example/src/scene/if_test.scene

@@ -0,0 +1,37 @@
+<scene>
+  <scenario>
+    <text>ifグローバル属性のテストです。</text>
+    <text>変数hogeの値を設定します。</text>
+    
+    <call method="hoge = 1" />
+    
+    <text>現在のhogeの値: {{hoge}}</text>
+    
+    <text if="hoge==1">この文章はhoge==1の場合に表示されます。</text>
+    <text if="hoge==2">この文章はhoge==2の場合に表示されます。</text>
+    
+    <text>hogeの値を2に変更します。</text>
+    
+    <call method="hoge = 2" />
+    
+    <text>現在のhogeの値: {{hoge}}</text>
+    
+    <text if="hoge==1">この文章はhoge==1の場合に表示されます。</text>
+    <text if="hoge==2">この文章はhoge==2の場合に表示されます。</text>
+    
+    <text>ifグローバル属性のテストが完了しました。</text>
+    
+    <route to="title" />
+  </scenario>
+
+  <script>
+    export const sceneConfig = {
+      name: 'if_test',
+      background: './src/resource/background/title_bg.png',
+      bgm: './src/resource/bgm/title_theme.mp3',
+      template: './src/screen/title.html'
+    }
+    
+    export let hoge = 0
+  </script>
+</scene>

package/example/src/scene/resource-error-test.scene

@@ -0,0 +1,15 @@
+<scene>
+  <scenario>
+    <text>これはリソースエラーハンドリングのテストです</text>
+    <text>存在しない画像ファイルを指定しています</text>
+  </scenario>
+
+  <script>
+    export const sceneConfig = {
+      name: 'resource_error_test',
+      background: './src/resource/background/non_existent_image.png',
+      bgm: './src/resource/bgm/non_existent_audio.mp3',
+      template: './src/screen/title.html'
+    }
+  </script>
+</scene>

package/example/src/scene/save-load-test.scene

@@ -0,0 +1,48 @@
+<scene>
+    <scenario>
+        <!-- ジャンプで帰ってきた時に背景とBGMを再表示するための設定 -->
+        <show mode="bg" src="./src/resource/background/title_bg.png"></show>
+        <sound mode="bgm" src="./src/resource/bgm/title_theme.mp3"/>
+        <text>セーブ・ロード機能のテストです</text>
+        <say name="ナレーター">このシーンでは、セーブとロードの基本機能をテストします。</say>
+        <choice>
+            <item label="セーブテスト" onSelect="save_test">
+                <show mode="bg" src="./src/resource/background/stage.jpg"></show>
+                <sound mode="bgm" src="./src/resource/bgm/calm_music.wav" />
+                <save slot="test1" name="テストセーブ1" />
+                <text>ロードされたら、この文章が表示されます。</text>
+            </item>
+            <item label="オートセーブ" onSelect="auto_save">
+                <save />
+                <text>オートセーブが作成されました！</text>
+            </item>
+            <item label="ロードテスト" onSelect="load_test">
+                <text>
+                    セーブデータのロードのテストを行います。
+                    現在の背景とBGMが、セーブしたときの状態に戻るはずです。
+                </text>
+                <load slot="test1" />
+            </item>
+            <item label="オートロード" onSelect="auto_load">
+                <load />
+            </item>
+            <item label="サイレントセーブ" onSelect="silent_save">
+                <save slot="silent" name="サイレントセーブ" message="false" />
+                <text>メッセージなしでセーブしました</text>
+            </item>
+            <item label="タイトルに戻る" onSelect="title">
+                <route to="title" />
+            </item>
+        </choice>
+        <jump index="0" />
+    </scenario>
+
+    <script>
+        export const sceneConfig = {
+            name: 'save-load-test',
+            background:  './src/resource/background/title_bg.png',
+            bgm: './src/resource/bgm/title_theme.mp3',
+            template: './src/screen/title.html'
+        }
+    </script>
+</scene>

package/example/src/scene/sound.scene

@@ -0,0 +1,26 @@
+<scene>
+  <scenario>
+    <say name="ナレーター">このシーンでは音声機能をデモンストレーションします。</say>
+    <sound mode="bgm" src="./src/resource/bgm/calm_music.wav" play loop />
+    <say name="ナレーター">今、バックグラウンドミュージックが流れ始めました。これはループ再生することができます。</say>
+    <sound mode="bgm" src="./src/resource/se/doorbell.mp3" play />
+    <say name="ナレーター">今のは効果音です。一度だけ、あるいは繰り返し再生することができます。</say>
+    <sound name="calm_music.mp3" stop />
+    <sound src="./src/resource/bgm/nc366476_Virtual_Voyage.mp3" play loop />
+    <say name="ナレーター">このように、バックグラウンドミュージックをスムーズに切り替えることもできます。</say>
+    <choice>
+      <item label="タイトルに戻る" onSelect="title">
+        <sound name="nc366476_Virtual_Voyage.mp3" stop />
+        <route to="title" />
+      </item>
+    </choice>
+  </scenario>
+
+  <script>
+    export const sceneConfig = {
+      name: 'sound',
+      background: './src/resource/background/music_room.jpg',
+      template: './src/screen/title.html'
+    }
+  </script>
+</scene>

package/example/src/scene/test_error.scene

@@ -0,0 +1,21 @@
+<scene>
+  <scenario>
+    <text>これはエラーハンドリングのテストです</text>
+    <text>次に未定義のコマンドタイプを実行します</text>
+    
+    <!-- 未定義のコマンドタイプ -->
+    <undefined_command>これは存在しないコマンドです</undefined_command>
+    
+    <!-- この行は上記のエラーにより実行されないはず -->
+    <text>このテキストは表示されないはずです</text>
+  </scenario>
+
+  <script>
+    export const sceneConfig = {
+      name: 'test_error',
+      background: './src/resource/background/title_bg.png',
+      bgm: './src/resource/bgm/title_theme.mp3',
+      template: './src/screen/title.html'
+    }
+  </script>
+</scene>

package/example/src/scene/text.scene

@@ -0,0 +1,34 @@
+<scene>
+  <scenario>
+    <say name="ナレーター">このシーンでは、様々なテキスト表示機能をデモンストレーションします。</say>
+    <text>これは単純なテキスト表示です。</text>
+    <text>テキスト内で{{variables}}のような変数を使用することもできます。</text>
+    <text speed="10">テキストは異なる速度で表示することができます。</text>
+    <text speed="150">または、一文字ずつゆっくりと...</text>
+    <say name="キャラクター">キャラクターには名前と立ち絵を設定できます。</say>
+    <text><ruby text="ルビ">漢字</ruby>を振ることも可能です。</text>
+    <text>
+      <color value="red">文字の色を変えたり</color>、<b>太字にしたり</b>、<i>斜体にしたり</i>することもできます。
+    </text>
+    <text>改行も<br>簡単に<br>できます。</text>
+    <text>また、テキストの表示中に
+      <wait time="1000" />一時停止を入れることもできます。
+    </text>
+    <say name="ナレーター">これらの機能を組み合わせることで、豊かな表現が可能になります。</say>
+    <choice prompt="">
+      <item label="タイトルに戻る" onSelect="title">
+        <route to="title" />
+      </item>
+    </choice>
+  </scenario>
+
+  <script>
+    export const sceneConfig = {
+      name: 'text',
+      background: './src/resource/background/library.jpg',
+      template: './src/screen/title.html'
+    }
+
+    export const variables = "HogeHoge"
+  </script>
+</scene>

package/example/src/scene/title.scene

@@ -0,0 +1,51 @@
+<scene>
+  <scenario>
+    <text>WebTaleKitデモゲームへようこそ！</text>
+    <text>以下の機能デモから、体験したいものを選んでください。</text>
+
+    <choice prompt="どの機能を体験しますか？">
+      <item label="テキスト表示デモ" onSelect="text">
+        <route to="text" />
+      </item>
+      <item label="キャラクター表示デモ" onSelect="character">
+        <route to="character" />
+      </item>
+      <item label="背景変更デモ" onSelect="background">
+        <route to="background" />
+      </item>
+      <item label="音声機能デモ" onSelect="sound">
+        <route to="sound" />
+      </item>
+      <item label="選択肢デモ" onSelect="choice">
+        <route to="choice" />
+      </item>
+      <item label="アニメーションデモ" onSelect="animation">
+        <route to="animation" />
+      </item>
+      <item label="特殊効果デモ" onSelect="effects">
+        <route to="effects" />
+      </item>
+      <item label="ifグローバル属性テスト" onSelect="if_test">
+        <route to="if_test" />
+      </item>
+      <item label="エラーハンドリングテスト" onSelect="test_error">
+        <route to="test_error" />
+      </item>
+      <item label="ダイアログテスト" onSelect="test_dialog">
+        <route to="dialog" />
+      </item>
+      <item label="セーブ・ロードテスト" onSelect="save_load_test">
+        <route to="save-load-test" />
+      </item>
+    </choice>
+  </scenario>
+
+  <script>
+    export const sceneConfig = {
+      name: 'title',
+      background: './src/resource/background/title_bg.png',
+      bgm: './src/resource/bgm/title_theme.mp3',
+      template: './src/screen/title.html'
+    }
+  </script>
+</scene>