概要
3D 魔法陣アニメジェネレータは、リング・多角形・星形・ルーン文字・パーティクル等のレイヤーを積み重ねて魔法陣をプロシージャルに組み立て、ゲームエンジンや映像編集ソフトで使えるアセットとして書き出せるツールです。Web 版と Tauri v2 によるネイティブデスクトップ版（Windows）のデュアル構成で、ブラウザでもアプリでも同じ機能が使えます。アニメ付き GLB、OBJ、透過 PNG、連番 PNG（ZIP）、スプライトシート、テクスチャ PNG など複数の出力形式に対応し、エンジン側に持ち込んでそのまま使える前提で作られています。基本セット 10 種のプリセット（Classic / Runic / Demonic / Grand / Celestial / Chrono / Cyber / Bloom / Celtic / Dense）に加え、JSON インポートで追加コレクション（DLC 想定）も読めます。
Overview
The 3D Magic Circle Animation Generator builds magic circles procedurally by stacking layers — rings, polygons, star shapes, runes, particles, auras — and exports them as engine-ready assets. It ships as a dual Web / Tauri v2 desktop app (Windows), so the same toolset runs in a browser or as a native app. Outputs include animated GLB with multiple clips, OBJ, transparent PNG, frame-by-frame PNG ZIPs, spritesheets, and flat texture PNGs, all designed to drop straight into a game engine or compositor. Ten built-in presets (Classic, Runic, Demonic, Grand, Celestial, Chrono, Cyber, Bloom, Celtic, Dense) come standard, and a JSON import path lets the tool ingest additional preset collections.
動機・経緯
このツールはもともと Hakoniwa Vault 内部の魔法陣ツールとして始まり、後に独立した別リポジトリ (magic-circle-generator) として分離された経緯があります。動機としては、Hakoniwa Vault のディスプレイ用に魔法陣を作っていたときに、プロシージャルで 3D モデルを作ることそのものへの興味が湧いたことに加え、これにデータ駆動設計を組み合わせたら面白そうだと感じたためです。そこで本体から分離して、本格的に一つのツールとして作り直しました。
技術的なポイント
レンダリングは Three.js、デスクトップ化は Tauri v2 + Rust、ビルドは Vite、Web 用パッケージと共通ロジック・共有定義の 3 つに分けたモノレポ構成を取っています。コア部分はモジュール分割が徹底されており、JSON 定義から Three.js シーンを組み立てるアセンブラ層・図形やルーン・エフェクト等のコンポーネント層・GLB のマルチクリップ出力を担当するアニメーションエクスポーター層・バリエーション生成のファクトリ層・マテリアル変換のモディファイア層・プリセット層、というレイヤー設計で、GUI と切り離して使える構造です。PRO と FREE はビルドコマンドの段階で切り替わり、それぞれ独立した配布パッケージとして出力されます。
苦労した点・学んだこと
学びの中心はデータ駆動設計の有用性です。優れているところを具体的に挙げると、保守性が非常に良いこと、作成した魔法陣を構造化した文字列の塊だけで保存・復元できるため共有に向くこと、そして同じ仕組みのまま後々 DLC 等として追加販売も可能なこと、の三点です。この設計の良さを実装を通して肌で感じました。
現状とこれから
2026 年 5 月時点で開発はアクティブに進行中。CI 側では自動マージフロー（AI が立てた PR の検知・即時マージリトライ等）が継続的に整備されています。法務面の整備（EULA、プライバシーポリシー、サードパーティ通知、コマーシャルリリースチェックリスト）は日英両言語版が揃っており、有料リリースを前提とした体制が整えられています。今後のロードマップは未定。