Black Trigram (흑괘) - Korean Martial Arts Combat Simulator API - v0.7.9
    Preparing search index...

    Variable TrigramVisualization3DConst

    TrigramVisualization3D: React.FC<TrigramVisualization3DProps> = ...

    3D Trigram Visualization Component

    Korean: 3D 트라이그램 시각화

    Arranges eight trigram symbols in 3D space with:

    • Circular formation around center point
    • Interactive selection with hover effects
    • Smooth camera controls (optional)
    • Lighting for dramatic effect

    Layout:

    • 8 trigrams arranged in a circle with 4.5 unit radius
    • Each symbol positioned based on traditional I Ching sequence
    • Vertical stacking for visual depth

    Performance:

    • Memoized positions to avoid recalculation
    • Efficient event handling
    • Uses TrigramSymbol3D for individual rendering
    <TrigramVisualization3D
      selectedTrigram={selectedTrigram}
      onTrigramSelect={(stance) => setSelectedTrigram(stance)}
      enableControls={true}
    />

    Settings

    Member Visibility