Skip to content
Work·Interactive 3D·Industrial

SW Valve Corporation ·/ Assembly Instruction Tool

A field-deployable 3D assembly tool with cross-section views, reverse disassembly mode, and offline support.

What this maps to
Closest sprint
Web 3D Showcase Sprint
Duration
10주
Team
2 + network
SW Valve Corporation · Assembly Instruction Tool

SW-Valve: 산업용 밸브 조립 매뉴얼

Client: SW Valve Corporation Services: 인터랙티브 3D, 조립 매뉴얼, 내부 구조 시각화 Duration: 10주 Tech: Three.js, Verge3D, 단면 렌더링


문제 정의

SW Valve Corporation은 산업용 밸브를 만듭니다. 버터플라이 밸브, 체크 밸브, 액추에이티드 컨트롤 밸브. 조선, LNG, 석유화학, 수소 인프라가 주된 적용처입니다. 제품은 세계 곳곳에 설치되며, 종종 제2·제3 언어로 된 문서를 보고 작업하는 시공사가 설치하고, 엔지니어링 지원이 빨리 닿지 않는 현장 환경에서 작업이 이뤄집니다.

이 문제의 전통적 해법은 분해도가 포함된 인쇄 조립 매뉴얼입니다. SW Valve도 여러 권을 갖고 있었습니다. 잘 만들어졌고, 기술적으로 정확했으며, 거의 쓰이지 않았습니다. 현장 시공자는 과거 작업에서 절차를 외워 두었거나 엔지니어링팀에 전화를 걸었습니다. 양쪽 모두 오류를 만들고 설치를 지연시켰습니다.

SW Valve는 현장 시공자가 노트북이나 태블릿에서 열어 자기 페이스로 진행하고 설치 중 참조 자료로 쓸 수 있는 인터랙티브 조립 도구를 원했습니다. 인쇄 매뉴얼을 대체하고 엔지니어링으로 돌아오는 콜을 줄이는 것이 목표였습니다.


만든 것

SW Valve에서 가장 많이 설치되는 제품 라인을 위한 브라우저 기반 인터랙티브 3D 조립 도구입니다.

  • 전체 밸브 분해도. 바디 캐스팅부터 시트, 디스크, 스템, 보넷, 액추에이터까지 모든 컴포넌트를 정확한 엔지니어링 지오메트리로 3D 표현
  • 시퀀스화된 조립 스텝. 시공자가 올바른 순서로 단계를 밟아 나가고, 각 스텝은 추가되는 부품을 강조하며 올바른 방향을 보여 줍니다
  • 요청 시 단면 뷰. 어느 스텝에서든 단면 뷰로 전환해 컴포넌트가 내부에서 어떻게 결합되는지 확인할 수 있습니다. 설치 오류의 가장 흔한 원인인 시트·디스크 인터페이스 포함
  • 역방향(분해) 모드. 같은 시퀀스가 정비·교체 시나리오를 위해 역방향으로도 작동합니다
  • 컴포넌트별 스펙 콜아웃. 토크 사양, 소재 등급, 실링 컴파운드 권장 사양, 그 외 설치에 결정적인 사양이 컴포넌트별로 노출됩니다
  • 스태틱 레퍼런스 폴백. 모든 3D 스텝에는 시공자가 연결 없이 현장에서 쓸 수 있도록 오프라인으로 저장 가능한 정적 이미지 출력본이 동반됩니다

작업 방식

1주차–2주차. 킥오프, CAD 리뷰, 조립 시퀀스 문서화. SW Valve 엔지니어링팀이 CAD와 설치 스텝의 순서를 제공했고, 현장 시공자 피드백을 통해 시퀀스를 검증했습니다.

3주차–4주차. CAD 기반 3D 에셋 빌드. 컴포넌트 단위 최적화. 단면 지오메트리 준비(3D에서의 단면은 특정한 지오메트리 처리가 필요합니다. 올바른 캡핑, 절단면을 위한 머티리얼 조정).

5주차–6주차. 조립 시퀀스 엔진. 설치 스텝을 따라 움직이는 스테이트 머신, 분해 역방향 모드가 동일한 스테이트 로직을 공유합니다. 6주차 말 스테이징 첫 빌드.

7주차–8주차. UI 레이어. 스텝 내비게이션, 단면 토글, 스펙 패널 디자인, 정적 이미지 폴백 출력.

9주차–10주차. 현장 태블릿 하드웨어(반드시 프리미엄 장비는 아닙니다)에서 성능 튜닝, SW Valve 현장 설치팀과 카피 리뷰, 런칭.


달라진 점

SW Valve는 인쇄 매뉴얼과 함께 일부 시공자 네트워크에 파일럿으로 도구를 배포했습니다. 파일럿 그룹의 초기 피드백이 충분히 긍정적이어서 더 넓은 롤아웃을 정당화할 만했습니다.


배운 것

조립 도구는 열악한 연결성에서 살아남아야 합니다. 현장 시공자는 인터넷이 불안정한 맥락에서 작업하는 경우가 많습니다. 조선소, 외딴 산업 현장, 해상 플랫폼. 도구는 한 번 로드된 다음 에셋을 다시 가져오지 않고도 작동해야 했습니다. Service Worker 캐싱과 정적 이미지 폴백 출력 덕에, 풀 온라인 도구라면 실패했을 환경에서도 도구를 쓸 수 있었습니다.

역방향 모드는 정방향 모드만큼 중요합니다. 초기에는 조립 시퀀스만 범위에 두었습니다. SW Valve가 첫 프로토타입 이후 정비·교체 작업을 위해 분해 모드를 요청했습니다. 동일한 스테이트 머신이 작은 추가만으로 양방향을 모두 처리했습니다. 이후 조립 프로젝트의 교훈으로 남았습니다. 역방향 모드는 처음부터 범위에 넣을 것.

스펙 정확도는 모든 스텝에서 엔지니어링 리뷰를 요구합니다. 토크 값, 소재 호환성, 실링 컴파운드 권장 사양. 각 스펙 콜아웃은 SW Valve의 현행 엔지니어링 문서와 대조해 사실 확인을 거쳤습니다. 산업 조립 도구에서 토크 값이 틀리는 건 반올림 오차가 아닙니다. 제품 고장 사고로 이어질 가능성이 있는 사건입니다. 리뷰 사이클을 프로젝트에 명시적으로 박아 두었습니다.


스택

  • 런타임: Three.js + Verge3D
  • UI: Next.js App Router, Tailwind, 특정 설치 단계로의 딥 링크를 위해 스텝 상태를 URL에 보관
  • 단면 렌더링: 브라우저 안에서 CSG 스타일 단면을 만들기 위한 커스텀 스텐실 셰이더 접근
  • 오프라인 지원: 상태 영속화를 위한 Service Worker + IndexedDB
  • 정적 이미지 폴백: 시공자의 오프라인 참조를 위해 각 스텝의 프로그래매틱 PNG 출력
  • 호스팅: 클라이언트 관리, 작은 Node 프록시로 오프라인 우선 구성

비슷한 작업이 필요하신가요

산업 조립, 현장 설치, 기계 정비 트레이닝. 설치나 서비스 절차가 3차원적 명료성과 현장 배포 가능한 도구로 이득을 보는 모든 제품. 밸브, 펌프, 압력 용기, 컴프레서, 정밀 기계. 패턴이 그대로 옮겨갑니다.

두 문장짜리 메일을 info@cclemang.com 으로 보내 주십시오.

전체 작업 보기 →

Swipe / buttons →

Want something similar?

Tell us what you're building. Most conversations start with two sentences.