Skip to content

Show current-step placement preview in main viewer - #12

Merged
aliorhun merged 1 commit into
mainfrom
feat/main-step-placement-preview
Oct 6, 2026
Merged

aliorhun merged 1 commit into
mainfrom
feat/main-step-placement-preview

Conversation

@aliorhun

@aliorhun aliorhun commented Oct 6, 2026

Copy link
Copy Markdown
Contributor

What this adds

The main viewer's Parts in this step panel now includes a compact Placement preview so you can see where the current-step pieces go without opening the full Instructions view.

Behavior

  • renders a small 3D exploded placement preview for the current step
  • uses the same green placement arrows as Instructions
  • focuses the camera on the actual placement area instead of the whole model
  • supports multiple pieces in the same step
  • for underside-only attachments, automatically shows the mini preview from below
  • for mixed top/bottom attachments, uses a shallower neutral viewing angle
  • keeps the regular BOM chips above the preview
  • updates automatically on Prev/Next/first/last step navigation
  • keeps the mobile panel compact

Implementation

  • uses a small reusable offscreen Three.js renderer
  • reuses the existing build-step, exploded-placement, attachment-direction, and arrow logic
  • resets/disposes preview resources when a new model is opened
  • does not require opening or pre-generating the full Instructions booklet

Static JavaScript syntax validation passes.

This branch was successfully deployed

1 active deployment
github-pages — 413c7a1d Deployed Oct 6, 2026 by aliorhun via deploy #7
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