HINT VIEWER PROJECT

// PROJECT MODULES //

SYSTEM FUNCTION

・複雑な分岐構造を 一目で理解できる
・ヒントやネタバレを 段階的にコントロール
・プレイヤー体験を壊さずに 情報を管理できる
・構造の整理・共有・運用を 効率化

INITIALIZE FLOW

① エディタでノードを作成
② JSONを書き出し
③ ビューアで読み込み
→ 特別な知識は不要。
誰でも構造設計ができるのが特徴です。

VIEWER MODULE

ノード構造をフローチャートとして可視化し、
ヒント・ネタバレ・進行状況を制御します。

・進行状況を 瞬時に把握
・ヒント表示を制御 → 難易度調整が可能
・ネタバレ保護 → 体験を壊さない設計
VISUALIZE
HINT CONTROL
PROGRESS

OPEN VIEWER MANUAL DOWNLOAD

VIEWER ADVANTAGE

・フローチャート表示
→ 分岐の全体像を直感的に理解
・キーワードクラスタ
→ 関連情報を自動整理
・進行制御
→ Lvごとに表示範囲を制限

EDITOR MODULE

GUIでノード構造を編集し、リアルタイムで確認できます。

・テーブル形式で直感操作
・変更即反映 → 試行錯誤が速い
・JSON管理 → データ運用が簡単
GUI
REALTIME
JSON

OPEN EDITOR MANUAL

EDITOR ADVANTAGE

・孤立ノード検出
→ ミスを自動発見
・構造の可視化
→ 編集しながら全体確認
・ノーコード設計
→ 誰でも扱える

SYSTEM STRUCTURE

HintViewer.html → ヒント閲覧・進行管理
config.json → タイトル・レベル設定
nodes.json → 分岐・ヒント・キーワード情報

HintViewerEditor.html → GUIで構造作成

エディタで作成 → JSON出力 → ビューアで読み込み → 公開
REUSABLE
SIMPLE
MODULAR

ACCESS

作るか、見るか。どちらからでも始められます。

CREATE VIEW