디지털트윈·3D 웹
Cesium·Three.js·WebGL로 설비와 도시를 브라우저에서 3D로 보여 줍니다. 별도 프로그램 설치 없이 실시간 데이터를 공간 위에 겹칩니다.
XR·디지털트윈·3D
디지털트윈·XR, 전시장과 현장에서 돌아가는 3D를 만듭니다
디지털트윈은 설비·도시·공간을 3D로 재현하고 실시간 데이터를 그 위에 겹쳐 보는 기술이고, XR은 AR·VR·MR로 현장 작업을 돕는 기술입니다. ITF는 Cesium·Three.js·WebGL로 브라우저에서 도는 디지털트윈과 Unity·HoloLens 2 기반 XR을 개발했고, 현대자동차 공정설비 디지털트윈·사하구청 스마트시티·XR 32채널 원격협업이 대표 사례입니다. XR은 범위 편차가 커서 상담 뒤 서면 견적으로 진행합니다.
12건XR·3D 사례
웹 · 기기브라우저 3D부터 HoloLens 2까지
서면 견적현장 조사 후 범위 확정
사례
디지털트윈·XR 개발 사례
자동차 생산 라인 공정설비를 3D 디지털트윈으로 재현한 현대자동차 스마트제조, 교통·환경 데이터를 도시 3D 위에 겹친 사하구청 스마트시티, 전문가 1명이 현장 32채널을 AR로 지휘하는 XR 원격협업이 대표 사례입니다.
분야
어떤 3D를 만드나요?
디지털트윈·3D 웹, 현장을 돕는 XR, 전시장 인터랙티브 콘텐츠 세 갈래입니다.
XR 현장 지원
HoloLens 2 같은 AR 기기로 설비 위에 정비 절차를 겹쳐 보여 주고, 원격 전문가가 같은 화면을 보며 지시합니다. 위험한 설비는 AR 교육으로 먼저 익힙니다.
전시·인터랙티브
LiDAR 센서로 몸을 움직여 노는 운동형 콘텐츠 20종, 터치로 로봇을 움직이는 듀얼 디스플레이 전시처럼 전시장에서 매일 켜고 끄는 콘텐츠를 만듭니다.
진행 방식
XR·디지털트윈은 이렇게 진행합니다
현장과 데이터를 먼저 조사하고, 실제 기기에서 돌아가는 프로토타입으로 확인한 뒤 설치와 운영 매뉴얼까지 넘깁니다.
1
현장·데이터 조사
설비·공간·센서 데이터가 어디서 어떻게 들어오는지, 어떤 기기와 화면에서 볼지 확인합니다.
2
3D 자산 · 시나리오
필요한 3D 모델과 사용 시나리오를 정하고, 범위를 서면 견적으로 확정합니다.
3
프로토타입 (실기기)
브라우저·AR 기기·전시 장비 같은 실제 환경에서 돌려 보며 조작과 성능을 맞춥니다.
4
설치 · 운영 매뉴얼
현장 설치를 마치고, 설치·보정 안내서와 운영 매뉴얼을 함께 넘겨 드립니다.
기술
어떤 기술을 쓰나요?
기기용 XR과 전시 콘텐츠는 Unity, 브라우저 디지털트윈은 Cesium·Three.js·WebGL로 만듭니다.
XR / 3DUnityHoloLens 2Cesium 3DThree.jsWebGLARKit
FrontendNext.jsReactTypeScriptFlutterTailwind
BackendFastAPINode.jsMySQLRedisCelery
팀
XR·3D 프로젝트를 맡는 사람들
XR·웹·3D 경력 17년차 엔지니어, XR·시뮬레이션과 앱을 함께 만드는 엔지니어, 화면부터 3D까지 그리는 10년차 디자이너가 붙습니다.
홍동의
XR·웹 엔지니어
XR·웹 엔지니어
현실과 디지털을 잇는 17년차 엔지니어 (XR·웹·3D)
- XR · AR/MR 앱 개발 경력 17년 (Unity·C#)
- 현대차 3D 커스터마이징 웹 · 디지털트윈 (Three.js·WebGL)
Harry.P
XR·앱 엔지니어
XR·앱 엔지니어
XR·시뮬레이션부터 모바일 앱까지 만드는 엔지니어
- Android·iOS 앱 개발 (React Native·Kotlin·Swift)
- XR·시뮬레이션 개발 (Unity·C#)
강인혜
3D · UI/UX 디자이너
3D · UI/UX 디자이너
화면부터 3D까지 그리는 10년차 디자이너
- 서울과학기술대학교 학사
- 3D 콘텐츠 제작 10년
FAQ
자주 묻는 질문
디지털트윈 개발 비용은 얼마인가요?
디지털트윈과 XR은 3D 자산 양, 연동할 데이터, 사용할 기기에 따라 범위 편차가 커서 정가를 두지 않습니다. 현장과 데이터를 확인한 뒤 서면 견적으로 금액과 일정을 확정합니다. 범위가 바뀌지 않으면 금액을 올리지 않습니다.
웹 브라우저에서도 3D가 돌아가나요?
네. Cesium·Three.js·WebGL로 만들면 별도 프로그램 설치 없이 브라우저에서 3D 디지털트윈을 볼 수 있습니다. 현대자동차 3D 커스터마이징 웹과 사하구청 스마트시티가 이 방식입니다.
HoloLens 같은 XR 기기도 지원하나요?
Unity와 MRTK로 HoloLens 2용 AR 앱을 개발합니다. XR 원격협업(META-WORKS), 삼성SDC 원격정비, 한국전력 GIS 점검 교육앱이 HoloLens 기반 사례입니다.
전시장 설치까지 해 주나요?
전시 콘텐츠는 설치와 보정까지 염두에 두고 만듭니다. LiDAR 운동형 콘텐츠와 지하 배수로 3D 전시 콘텐츠는 설치·보정 안내서까지 함께 개발했습니다. 현장 설치 방식은 상담에서 정합니다.
함께 보면 좋은 페이지
이 페이지의 근거 — 사례: ITF 포트폴리오에 공개한 프로젝트(고객사·결과는 사례 데이터 원문). 금액: XR·디지털트윈은 견적 카탈로그에 공개 단가가 없어 상담 후 서면 견적으로만 안내합니다.
만들고 싶은 3D·XR을 한 줄로 적어 주세요
현장·기기·데이터를 듣고 범위와 진행 방식을 먼저 정리해 드립니다. 상담은 무료입니다.