CognaraX · Görsel motor habitat'ı

Hiyerarşik yapıları etkileşimli 3D sahnelerde keşfedin

Skill tree, yol haritası veya tablo verinizden düğüm, bağlantı ve kamera otomatik oluşur. Renk anlam taşır; tema süs değildir. Aynı veri, aynı sahne.

Araçları keşfet Skill Tree ile başla Hangi şablon? Rehber
Canlı 3D önizleme · fareyle yumuşak gezin

Hızlı seçim

Şablonlar

Kısa özet burada; önizleme, demo JSON ve detaylı açıklama çıktı vitrininde.

Skill Tree Servis PERT Yol Haritası Data Field Turnuva RAG Agent Fine-Tune DevOps Data Launch MLOps Platform

Başlangıç

İlk sahneniz için üç adım

1

Şablon seçin

Studio'yu açın ve şablonu seçin. Skill Tree varsayılan; PERT, servis haritası, turnuva ağacı, yol haritası ve Data Field da kullanılabilir.

2

Yapılandırılmış veri girin

Metin veya tablo formatında yapınızı girin yetenek satırları, faz listesi veya katman tablosu. Tüm değerler render öncesi doğrulanır.

3

Keşfedin ve dışa aktarın

Sahneyi döndürün, düğümlerin üzerine gelin, gereksinim yolunu görün; ardından sahne JSON'unu dışa aktarın.

  1. 01

    Girdi katmanı

    Kullanıcı yalnızca önceden tanımlı alanları doldurur. Serbest metin prompt'u veya dosya yükleme zorunluluğu yoktur. Bu, Faz 1 güvenlik modelinin temelidir.

    • Form, select, renk seçici ve yapılandırılmış metin alanları
    • Skill satırları, faz listesi, tablo veya turnuva projesi
    • UI ile motor birbirinden ayrı modüller olarak çalışır
    Form UI Structured Input No Prompt
  2. 02

    Doğrulama katmanı

    Ham girdi render'a geçmeden önce şema kontrolünden geçer. Geçersiz tema, aşırı düğüm sayısı veya kötü niyetli metin sahneyi oluşturamaz.

    • Tema ve üretici türü whitelist kontrolü
    • Maksimum düğüm, bağlantı ve takım limitleri
    • Metin sanitization: innerHTML kullanılmaz, yalnızca güvenli metin
    Schema Limits XSS Safe
  3. 03

    Üretici motoru

    Her şablon kendi yerleşim algoritmasına sahiptir. Turnuva ağacı grupları, eşleşmeleri, spline bağlantıları ve kamera noktalarını matematiksel olarak hesaplar; rastgele AI çıktısı değil.

    • Turnuva: gruplar → çeyrek → yarı → final arenası
    • Düğüm pozisyonları, eğri bağlantılar ve etiket yerleşimi
    • Yeni şablon eklemek yalnızca yeni bir generator modülü gerektirir
    Generator Layout Algo Deterministic
  4. 04

    Sahne JSON

    Üretici çıktısı standart bir sahne kontratına dönüşür. Bu ara format hem render motorunun girdisi hem de dışa aktarım ve ileride backend kaydı için taşıyıcıdır.

    • nodes, edges, camera, lighting ve theme alanları
    • Versiyonlu JSON. Gelecekte AI parser aynı formata yazar
    • Tek tıkla dışa aktarım (sahne.json)
    Scene Contract Export v1.0
  5. 05

    Three.js render

    Sahne grafiği premium-minimal materyaller, ince bağlantılar ve etkileşimli kamera ile hayata geçer. Structure Studio sade profil; turnuva vitrini canlı sunum modunda.

    • Matte gövde, kontrollü emissive, odakta edge flow
    • Orbit kontrol, hover highlight ve kamera odağı
    • Tek requestAnimationFrame döngüsü ile performans bütçesi korunur
    Three.js WebGL Interactive

İlk sahnenizi oluşturmaya hazır mısınız?

Motor, ayrı bir tam ekran çalışma alanında çalışır.

Structure Studio'yu aç