TwoFacePanelEditor 機能概要

■ 概要 TwoFacePanelEditor は、正面図と側面図の2方向から3Dブロック構造を設計・確認するためのエディタである。 ユーザーは2Dグリッド上に描画することで、対応する3Dブロック配置を生成・表示できる。 教育用途や立体認識、簡易CAD的な用途を想定した構成となっている。

■ 基本コンセプト ・2つの投影図(正面図・側面図)から3D構造を生成する ・2D操作のみで3D形状を作成できる ・直感的な描画操作を重視 ・状態管理により操作ミスを防止

■ 主な機能

【1】二面図描画機能 ・16×16グリッド上で描画可能 ・正面図 → 側面図 の順に入力 ・描画モード / 消しゴムモード切り替え ・ドラッグ描画対応 ・描画内容は内部データとして保持される ・再編集時に前回の内容を復元

【2】プレビュー機能 ・正面図と側面図の状態を常時確認可能 ・描画終了後も内容を保持 ・IDLE状態でのみ表示

【3】3Dブロック生成機能 ・正面図と側面図の両方で存在するセルのみを立体化 ・3D空間内にブロックを自動配置 ・不要なブロックは生成されない ・再生成時は既存ブロックを自動削除

【4】カメラ操作(Show Mode) ・正投影カメラを使用 ・SHIFT + マウスドラッグで回転 ・マウスホイールでズーム ・前 / 後 / 左 / 右 / 上 / 下 の固定視点ボタン ・スムーズ補間による自然な回転

【5】状態管理システム 以下の3状態で動作を管理:

IDLE ・プレビュー表示状態 ・描画および表示開始可能

DRAW_MODE ・二面図描画中 ・描画用UI表示

SHOW_MODE ・3D表示中 ・カメラ操作有効

■ 内部構造(設計思想)

・2Dデータ(front_view_data / side_view_data)を唯一の真実とする ・3D表示は常に2Dデータから再構築 ・UIとデータ処理を分離 ・描画UIは必要時のみ生成

■ 技術的特徴 ・StyleBoxの共有による描画負荷軽減 ・不要なノード再生成の削減 ・状態遷移による安全な操作制御 ・正投影カメラによる図面向け表示

■ 想定用途 ・立体構造の学習 ・投影図理解トレーニング ・簡易ブロックモデリング ・教育用3Dエディタ基盤

■ 今後拡張可能な要素(設計上対応可能) ・上面図追加(3面図対応) ・生成可能領域の可視化 ・ブロックの色分け ・データ保存 / 読み込み ・CAD形式への発展

Published 1 day ago
StatusIn development
CategoryTool
PlatformsHTML5
Authormiso.soup_q
Made withGodot
Tagseditor, face, miso, panel, soup, tow