Nunustudio

시각적 애플리케이션 에디터

드래그 앤 드롭으로 이미지, 비디오, 모델 등을 프로젝트에 직접 추가하고 관리할 수 있습니다. 머티리얼, 텍스처, 셰이더, 코드 등을 편집할 수 있는 통합 도구를 제공합니다.

three.js 및 cannon.js 기반 엔진

three.js 라이브러리를 기반으로 구축되어 실시간 조명 및 그림자 맵 지원을 제공하며, cannon.js를 통해 물리 시뮬레이션 기능을 포함합니다. 편집기 내에서 three.js 라이브러리를 직접 가져와 사용할 수 있습니다.

다양한 파일 형식 지원

gltf, dae, obj, fbx, 3ds 등 다양한 3D 모델 파일 형식을 지원하여 외부 에셋을 쉽게 가져올 수 있습니다.

NW.js 및 Cordova 내보내기

데스크톱 애플리케이션으로 NW.js를, 모바일 애플리케이션으로 Cordova를 통해 프로젝트를 내보낼 수 있어 크로스플랫폼 배포가 가능합니다.

WebXR 호환성

WebXR 표준을 지원하여 가상현실(VR)과 증강현실(AR) 경험을 직접 개발하고 브라우저에서 테스트할 수 있습니다. Firefox, Chrome, Microsoft Edge에서 테스트되었으며 모바일 브라우저도 지원합니다.

다운로드·설치 방법

공식 웹사이트에서 웹 버전의 에디터를 바로 사용할 수 있으며, 데스크톱 사용을 위해서는 GitHub 저장소에서 소스 코드를 다운로드해야 합니다. 빌드를 위해서는 Node.js LTS와 npm이 필요하며, 자바 개발 키트(JDK)도 필수입니다.

기본 사용법/명령어

의존성을 설치하려면 터미널에서 npm install --legacy-peer-deps 명령을 실행합니다. 프로젝트 웹페이지의 의존성을 설치하려면 cd source/page && npm install 명령을 따릅니다. 에디터, 런타임 및 문서를 모두 빌드하려면 npm run build를 실행합니다. 로컬에서 개발 및 테스트를 위해 에디터를 시작하려면 npm run start 명령을 사용합니다.

이런 경우에 유용합니다

웹에서 인터랙티브한 3D 제품 전시나 가상 전시회를 만들고 싶은 디자이너에게 유용합니다. WebXR을 활용한 간단한 VR 프로토타입을 빠르게 제작하고 싶은 개발자에게 적합합니다. three.js 기반 프로젝트를 시각적으로 편집하면서 개발하고 싶은 웹 개발자에게 도움이 됩니다.

제한 사항·확인 사항

빌드를 위해서는 자바 개발 키트(JDK)가 필수적으로 설치되어 있어야 하며, Node.js 버전이 16 이상일 경우 npm install --legacy-peer-deps 명령을 사용해야 의존성 충돌을 피할 수 있습니다. 문서 생성은 YuiDocs를 기반으로 하며, npm run docs 명령을 통해 생성할 수 있습니다.