adhit-r / adhit-r/holocron

Constellation mode — alternate galaxy rendered as star-chart constellations

Abierto
#31 0 comentarios 0 reacciones 0 asignados Ver en GitHub
advanced area: 3d creative help wanted
Lenguaje dominante
TypeScript
Estrellas
0
Forks
1
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

> **Skills:** Three.js · WebGL · graph layout · constellation aesthetics
> **Time:** ~12 hours
> **Good for:** R3F enthusiasts · 3D devs · designers who love star charts
> **Difficulty:** Advanced

---

## Context

The galaxy currently renders as a 3D scene with planets as small spheres. A "Constellation mode" would offer an alternate rendering: every entity becomes a star-like point, and connections (relations) become faint lines, like a Sagan-era night-sky chart.

## Goal

A toggle (similar to Atlas mode) that switches the galaxy view from "spatial canon" to "constellation projection."

- Each entity = a glowing point sized by importance (films appearances + relation count)
- Each relation = a faint line, color by kind (master_of: accent-blue, parent_of: cream, ally_of: faint accent)
- Force-directed layout (or 2D projection of the existing 3D positions)
- Optional: zoom-into-constellation reveals planet-system layout

## Where to start

- New `components/galaxy/ConstellationView.tsx` — full alternate canvas
- A new toggle in NavRail (`star-chart` icon)
- Reuse the existing relation graph from `relationGeometry.ts` and entity positions
- Layout algorithm: either project 3D positions to 2D (top-down + jitter) OR run a force-directed layout over the relation graph
- Render as `` (entities) + `` (relations) with additive blending

## Acceptance criteria

- Toggle from main galaxy view → constellation view in < 800ms transition
- Click any star → cross-pivot to that entity
- 60fps with 318 entities + ~600 relations
- Reduced motion → static layout, instant toggle
- Clean disposal on toggle-off

## Inspiration

https://stellarium.org · https://commons.wikimedia.org/wiki/File:Sky_chart_circumpolar.png

Guía de contribución

Abrir la guía de contribución

Línea de trabajo

Start by reading the existing galaxy view, NavRail toggle pattern, and relationGeometry.ts to see how entities, positions, and relations are exposed. The issue proposes a new components/galaxy/ConstellationView.tsx rendering points and lineSegments. Done means the toggle switches under 800ms, stars cross-pivot to entities, reduced motion is static, performance holds for 318 entities/~600 relations, and resources are disposed on toggle-off.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
react, threejs, typescript
Área
computer-graphics, data-visualization, frontend
Tipo de issue
Nueva funcionalidad
Dificultad
4/5
Tiempo estimado
3-5 días
Estado de actividad
Tranquilo
Claridad
Bien especificado
Aptitud para principiantes
52/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.