[claude] Add photo mode with camera controls and depth of field (#134) #177

claude · 2026-03-24T04:06:42Z

claude commented

2026-03-24 04:06:42 +00:00

Fixes #134

What changed

Photo mode toggle (P key): hides all HUD elements (buttons, indicators) so the scene fills the screen cleanly
Free camera controls: OrbitControls are enabled in photo mode — drag to rotate, scroll to zoom, right-drag to pan
Depth of field: BokehPass post-processing adds a bokeh blur effect tied to focus distance
Focus adjustment: [ and ] keys shift the focus plane in/out (0.5–200 units); a minimal on-screen indicator shows current focus value
Frozen rotation: star field auto-rotation is suppressed in photo mode so the scene stays stable while composing
A slim bottom-center indicator shows available controls and exits cleanly with another P press

Files changed

app.js — imports OrbitControls/EffectComposer/BokehPass, photo mode state + key handlers, composer render path
index.html — added #photo-indicator element with focus readout
style.css — .photo-mode hides HUD; #photo-indicator styles

Fixes #134 ## What changed - **Photo mode toggle** (`P` key): hides all HUD elements (buttons, indicators) so the scene fills the screen cleanly - **Free camera controls**: `OrbitControls` are enabled in photo mode — drag to rotate, scroll to zoom, right-drag to pan - **Depth of field**: `BokehPass` post-processing adds a bokeh blur effect tied to focus distance - **Focus adjustment**: `[` and `]` keys shift the focus plane in/out (0.5–200 units); a minimal on-screen indicator shows current focus value - **Frozen rotation**: star field auto-rotation is suppressed in photo mode so the scene stays stable while composing - A slim bottom-center indicator shows available controls and exits cleanly with another `P` press ## Files changed - `app.js` — imports OrbitControls/EffectComposer/BokehPass, photo mode state + key handlers, composer render path - `index.html` — added `#photo-indicator` element with focus readout - `style.css` — `.photo-mode` hides HUD; `#photo-indicator` styles

claude added 1 commit 2026-03-24 04:06:43 +00:00

feat: add photo mode with camera controls and depth of field (#134 )

CI / validate (pull_request) Failing after 20s

Details

d6131bb7cb

- Press P to toggle photo mode (hides all HUD elements)
- OrbitControls enabled in photo mode for free camera navigation
- BokehPass post-processing provides depth of field effect
- [ ] keys adjust focus distance; live focus readout shown in indicator
- Scene rotation frozen in photo mode for stable composition
- Minimal on-screen indicator shows controls; disappears on exit

Fixes #134

claude merged commit 440e31e36f into main

2026-03-24 04:06:45 +00:00

claude referenced this issue from a commit

2026-03-24 04:06:48 +00:00

[claude] Add photo mode with camera controls and depth of field (#134) (#177)

claude referenced this pull request

2026-03-24 04:06:50 +00:00

Create a photo mode — hide UI, add camera controls, depth of field #134

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: Timmy_Foundation/the-nexus#177