Skip to content

feat: phase 1 — Room shell & camera#1

Merged
CodeCisco3000 merged 2 commits into
mainfrom
phase-1-room-shell-and-camera
Jun 20, 2026
Merged

feat: phase 1 — Room shell & camera#1
CodeCisco3000 merged 2 commits into
mainfrom
phase-1-room-shell-and-camera

Conversation

@CodeCisco3000

Copy link
Copy Markdown
Owner

Phase

Phase 1: Room shell & camera

Objective

Build a convincing perspective room shell (walls + floor in real depth) with warm cozy lighting, and the fixed-camera, scroll-to-focus navigation — proving the assembled-perspective approach (ADR-0002) before any furnishing.

Acceptance criteria

  • Functional: the empty room shell renders with real perspective depth; scroll-to-focus works on desktop (primary, per ADR-0004) and does not break on mobile.
  • Visual: reads as a believable corner of a warm, cozy room (depth + light), not a flat panel — judged in the live preview against the references' feel.

Test plan

  • No console errors; dev server renders the room shell — verified in the live preview
  • Scroll/keys/drag/rail glide the camera between anchors; prefers-reduced-motion respected — verified in the live preview
  • Visual checks — signed off by Francisco in the live preview (2026-06-20)
  • No unit/integration/E2E suite: this is a visual design loop, verified via the browser preview.

Decisions landed

  • ADR-0004 — CSS room materials + desktop-first (themes dropped)
  • ADR-0005 — camera travels & turns between walls
  • ADR-0006 — left→right tour order, left wall via room-rotation, global pull-back

Known issues / tech debt added

  • Per-object camera framing is viewport-width sensitive (tuned ~961px) — harden in Phase 2
  • Mixed facing mechanism (left wall = room rotation, right wall = camera yaw)
  • Flat floor labels read weakly — real floor presence = standing 3D furniture
  • Left uncommitted on purpose: public/poster-preview.html (a Phase 2 input) and unused public/textures/ (photo textures dropped by ADR-0004)

Related

🤖 Generated with Claude Code

CodeCisco3000 and others added 2 commits June 20, 2026 10:45
First real commit of the perspective-room redesign: Next.js + TypeScript
config, ESLint/PostCSS, package manifests, and the phased-workflow docs
(plan, phase 1 file, decision log ADRs 0001-0006, handoffs). Removes the
old standalone HTML portfolio.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Phase 1 (ADR-0002): a CSS-3D room corner — back/side walls + floor +
warm dim ceiling under one perspective, lit for a cozy evening. A fixed
camera glides between six placeholder focus anchors as you scroll, laid
out left-to-right so the tour sweeps the room in order (ADR-0006). Left
wall faced via room-rotation; one warm scheme (ADR-0004, themes removed).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
@CodeCisco3000 CodeCisco3000 merged commit 63f7343 into main Jun 20, 2026
@CodeCisco3000 CodeCisco3000 deleted the phase-1-room-shell-and-camera branch June 20, 2026 15:52
CodeCisco3000 added a commit that referenced this pull request Jun 20, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant