初心者の方でも楽しくゲームの作り方やプログラミングを学べる情報を発信中!

Tuesday JS

ブロックで直感的にノベルゲームを作成!「Tuesday JS」講座 #6

今回は、「ダイアログにある[要素] パート2」を解説していきたいと思います。

こちらでは、少し特殊な機能を持つ要素を紹介していきます。

移動/goto・指定先に戻る・タイマー

「移動/go to」は、他のブロックへ移動する要素です。


設定項目にブロックを設定すると、ダイアログの動作が終了した後、
選択したブロックの最初へ移動します。

ブロックではなく次のシーンへ移動したり、処理を更新したりすることも可能です。


また、移動に関する要素には「指定先に戻る」もあります。


Tuesday JSで制作したゲームでは、右の[三角ボタン]をクリックするとページが進み
左の[三角ボタン]をクリックするとページが戻ります。

この操作で戻る際に「指定先に戻る」があると、
選択したブロックの最初へ戻る仕様となっています。


時間の経過によって移動したい場合は、「タイマー」を使用します。


配置すると、設定した秒数だけ待機した後、指定した場所へ移動します。

「クイズ」や「オートモード機能」などの作成に便利な要素となっています。


変数

「変数」は、指定した変数を変更する要素です。


変更方法には「追加」「セット」があり、変更内容をそのまま入れたい場合は「追加」を、
既にある内容にプラスしたい場合は「セット」を利用します。

変数には、数値や文字を入れることが可能です。


インターフェイス非表示・自動セーブ機能停止

「インターフェイス非表示」は、
[三角ボタン]などの「インターフェースボタン」を非表示にする要素です。


配置すると、ダイアログ内のUIの表示・非表示を切り替えることができます。

ただし、[三角ボタン]を削除すると、通常の進行ができなくなります。


ちなみに、「シーン編集」にある[インターフェースボタン]では、
独自のUIを作成することも可能です。


また、非表示中でも「自動保存」機能を利用すると、UIが表示されてしまう場合があります。

そのため、非表示中は「自動セーブ機能停止」を配置した方が良いでしょう。


IDイベント

制作したノベルゲームと他のゲームを組み合わせたい場合には、
「IDイベント」が便利です。


この要素では、JavaScriptが検知できるシグナルを送信できるので、
「ストーリーの途中で、別のゲームを動作させる」といったことが可能です。


HTMLコード・JavaScriptコード

「HTMLコード」は、ゲーム内にHTMLコードを追加できる要素です。

ゲームファイル内にある「CSS」を呼び出して装飾することも可能です。


追加すると、このような作成画面が表示されます。


また、「JavaScriptコード」を使用すれば、JavaScriptのコードも追加できます。

全ての要素には、JavaScriptで操作できるように[クラス]や[ID]が割り当てられています。


次回

今回は、「ダイアログにある[要素] パート2」を解説しました。

これらの他に、「ダイアログ トースト」という要素がある場合もありますが、
こちらの要素の利用は非推奨となっています。

次回は、「テストプレイ」「翻訳支援ツール」「公開方法」の解説をしていきます。

スポンサーリンク
シェアする

関連記事

ブロックで直感的にノベルゲームを作成!「Tuesday JS」講座 #4

今回は、「ブロックに追加できる機能」を解説していきたいと思います。 ブロックには、全部で5つの機能が用意されています。 シーン 「シーン」は、基本的なゲーム内容を作成するための機能です。 追加すると、 …

ブロックで直感的にノベルゲームを作成!「Tuesday JS」講座 #2

今回は、「Tuesday JSの基本機能」について解説していきたいと思います。 操作や機能などについては、公式ドキュメントも参考にしてみてください。 プロジェクトの新規作成 ゲームファイル(プロジェク …

ブロックで直感的にノベルゲームを作成!「Tuesday JS」講座 #1

今回から、「Tuesday JS」について解説していきたいと思います。 最初の記事では、「Tuesday JSの紹介」と「起動方法・入手方法の解説」をしていきます。 「Tuesday JS」とは 「T …

ブロックで直感的にノベルゲームを作成!「Tuesday JS」講座 #3

今回は、「ストーリーブロック」を解説していきたいと思います。 Tuesday JSにおいて、ストーリーブロックはゲーム制作の大部分を占める重要な機能と言えます。 「ストーリーブロック」の新規追加 右下 …

ブロックで直感的にノベルゲームを作成!「Tuesday JS」講座 #5

今回は、「ダイアログにある[要素] パート1」を解説していきたいと思います。 多種多様な「要素」が用意されているので、ここでは2つの記事に分けて簡単に解説していきます。 テキスト・テキスト追加 「テキ …