System Architecture Overview
Document Version: 1.0 (Phase 1) | Core Engine: Online
1. D'zGAL System Architecture
D'zGAL (DAZgen 3DGS Gallery & WarpGate) は、高精細な3D Gaussian Splatting (SPZ) による背景空間と、ボーンアニメーション付きの3Dモデル (GLB) をブラウザ上でシームレスに統合・描画する次世代Web3Dギャラリーシステムです。 「表の美術館 (Gallery)」と「裏のワープ空間 (WarpGate)」という2つの顔を持ち、映画のような没入感のあるトランジションでユーザーを別世界へ誘います。
Directory & Routing Structure
- https://dazgen.com/gallery/ (Gallery UI) -> index.html
- https://dazgen.com/gallery/player/ (WarpGate UI) -> index.html
- Query: ?scene=[SceneName] ├─ [SceneName].spz // 3DGS Background ├─ [SceneName].glb // Draco Compressed Avatar └─ [SceneName].json // Camera & Lighting Config
2. WarpGate Engine & Transition UX
黒を基調とし、シアン＆マゼンタのグラデーションをアクセントにした「サイバーパンク・グラスモーフィズム」デザイン。ギャラリー内の異なる3D空間をシームレスに接続・遷移するための独自エンジンと演出を定義しています。
静寂な暗転 (0.45s)
Galleryのサムネイルクリック時、余計なローディングアニメーションを排し、即座に漆黒へフェード。システム的な待ち時間を意識させません。
シネマティック明転 (4.0s)
ロード完了後、4.0秒かけて優雅なフェードインを実行。CSS brightnessの調整と、ドリーズーム錯覚(scale 1.05 -> 1.0)を組み合わせます。
Core Engine & Controls
- Engines: Three.js (r178), @sparkjsdev/spark (3DGS描画), DRACOLoader (GLB圧縮解凍)
- OrbitControls: 慣性(damping Factor) を 0.15 に設定し、スマホのスワイプでも氷のように滑らずピタッと止まる「道具感」を実現。
- Double-Tap Focus: Raycasterを用い、キャラクターをタップするとカメラの注視点(回転中心)が滑らかに移動。
// Cinematic Fade-in Execution Example
function executeCinematicWarp() {
canvas.style.transform = 'scale(1.05)';
canvas.style.filter = 'brightness(0)';
requestAnimationFrame(() => {
canvas.style.transition = 'transform 4.0s cubic-bezier(0.25, 1, 0.5, 1), filter 4.0s ease-out';
canvas.style.transform = 'scale(1.0)';
canvas.style.filter = 'brightness(1)';
animateCameraDollyIn(4.0); // Sync camera movement
});
}3. AI x 3DCG Avatar Pipeline
クリエイター「吉良浩明(きらやん)」の進化の軌跡を体現する、独自のキャラクター生成・統合パイプラインです。 長年の3DCGモデリング技術と、最新の生成AIを融合させることで、高速かつ破綻のないキャラクター制作を実現しています。
1. 3DCG Foundation
25年以上の3DCG実績。Poser, DAZ Studio, Blenderを使いこなしてきた熟練の土台。
2. Character Base
長年育てた3Dモデル(Genesis 9等)をベースにし、AI生成の課題である「キャラの固定」を実現。
3. AI Rendering
レンダリングに時間がかかる3DCGアプリの弱点を、プロンプト指示で高速(約15秒)出力。
4. New Expression
函館の風景写真(3DGS等)とAI人物モデルを合成し、ストーリー性のある作品空間を創出。
4. Edge Development Environment
クラウドへの完全依存から脱却し、エッジ（ローカル）デバイスで効率的に開発を行うためのサステナブルな環境構築の記録です。
Zorin OS + WINE Integration
Chromebookや古いPCに軽量なZorin OS (Linux) を導入。
WINE環境を使用することで、Windows専用の重い3DCGアプリケーション（DAZ Studio等）を稼働させる独自の技術探求を行っています。