1. 제품
  2.   3D
  3.   JavaScript
  4.   Zen-3d

s

 
  

2D 및 3D 파일 관리를 위한 오픈소스 JavaScript API 

Zen-3d는 WebGL 렌더러를 제공하는 자바스크립트 라이브러리입니다. 감마 보정, 선 재료, 범프 맵, 데이터 텍스처, 뼈 텍스처를 지원하고 오픈 소스 JavaScript API를 통해 2D와 3D를 결합합니다.

Zen-3d는 3D/2D 라이브러리를 만들고 처리하기 위한 완전한 기능 세트를 제공하는 오픈 소스 JavaScript 라이브러리입니다. 라이브러리에는 지연된 렌더링을 위한 주변광, 셰이더 재료 매개변수 리팩터, glTF UV 변환 지원, 2D UI 적응 전략, 스포트라이트 지원, 감마 보정, 라인 재료, 범프 맵 지원, 데이터 텍스처, 뼈 텍스처와 같은 몇 가지 중요한 기능에 대한 지원이 포함되어 있습니다. 지원, 2D 및 3D, WebGL 속성 및 유니폼 결합, 점 그리기, 그림자 매핑 등을 추가합니다.

Zen-3d 라이브러리는 WebGL 렌더러를 제공합니다. WebGL은 플러그인을 사용하지 않고 호환되는 모든 웹 브라우저 내에서 대화형 2D 및 3D 컴퓨터 그래픽 렌더링을 지원하는 JavaScript API입니다. 예전에는 컴퓨터에서 3D CAD 다이어그램을 렌더링하는 것이 매우 어려웠습니다. 이제 여러 회사에서 다루기 쉽도록 열심히 노력하고 있으며 모든 것을 브라우저에서 실행하기 위해 WebGL을 사용하고 있습니다. 거의 모든 최신 브라우저는 WebGL을 지원합니다.

Previous Next

Zen-3d 시작하기

Zen-3d를 설치하는 권장 방법은 NPM을 사용하는 것입니다. 원활한 설치를 위해 다음 명령어를 사용해주세요.

NPM을 통해 Zen-3d 설치

npm i zen-3d 

JavaScript를 통해 3D 큐브 만들기

오픈 소스 Zen-3d 라이브러리에는 제공된 치수의 정육면체 또는 불규칙한 사변형을 만들기 위한 지원이 포함되어 있습니다. 큐브의 너비, 높이, 깊이를 제공해야 나머지는 쉽게 완성됩니다. 지오메트리에 속성을 추가하고, 지오메트리 복제본을 생성하고, 지오메트리를 그룹으로 분할하고, 이 지오메트리에 그룹을 추가하고, 지오메트리를 다른 지오메트리에 복사하는 등의 작업을 수행할 수 있습니다.

이미지 로드 및 처리

오픈 소스 Zen-3d 라이브러리를 통해 소프트웨어 개발자는 자신의 애플리케이션 내에서 이미지를 쉽게 로드하고 처리할 수 있습니다. 라이브러리에는 이미지 읽기 및 URL을 통해 이미지 로드와 같은 이미지 처리를 위한 여러 기능이 포함되어 있습니다. 파일을 로드할 기본 경로 또는 URL을 설정해야 합니다. 이 기능은 동일한 디렉토리에서 많은 이미지를 로드할 때 매우 유용합니다.

3D 장면 관리

오픈 소스 Zen-3d 라이브러리는 JavaScript 명령을 사용하여 내부에서 3D 장면 생성 및 관리를 위한 기능을 제공했습니다. 소프트웨어 개발자가 개체, 조명 및 카메라를 배치할 수 있습니다. Zen-3d는 장면 렌더링을 지원하며 개체를 그림자 맵으로 렌더링, 개체를 렌더링하기 전에 프레임 확인, 조명 정보 수집, 행렬 변환, 자동으로 행렬 위치 계산, 장면에서 개체의 부모 정의, 개체의 로컬 회전, 장면 그래프 개체 등의 렌더링 순서를 정의합니다.

 한국인