3D 투상
PinePaper 캔버스에 3D 개체를 직접 렌더링합니다. 3D 투상 시스템은 5개의 투상 유형, 5개의 원시 모양, GPU 가속된 연출 및 궤도 사진기를 지원합니다.
제품정보
PinePaper의 3D 투사 시스템은 캔버스에 2D 다각형으로 3D 원시를 렌더링하는 독립형 Zero-dependency 라이브러리입니다. Objects는 정규 2D 항목과 함께 선택, 드래그 및 애니메이션 할 수 있습니다.
Projection 유형
3D 객체가 2D 캔버스에 어떻게 계획되는지 선택하십시오
| 회사연혁 | 이름 * |
|---|---|
| 관련 제품 | 이단화로 현실적인 깊이. 훨씬 더 나타날 수 있습니다. (FOV)의 구성 필드. |
| 연락처 | 깊이 왜곡 없음. 평행한 선은 평행하게 남아 있습니다. 기술/공학 그림에서 일반적인. |
| 이소미터 | Equal-angle axonometric 전망 (30° axes). 인기있는 게임 예술 건축 도표. |
| 뚱 베어 | 깊이 축선이 절반 가늠자 및 45°에 그려지는 Oblique 투상. |
| 바카라 | 깊이 축선이 가득 차있는 가늠자 및 45°에 그려지는 Oblique 투상. |
이름 *
5개의 붙박이 3D 모양:
| 이름 * | 이름 * |
|---|---|
| 사이트맵 | Configurable 크기 |
| 사이트 맵 | 구성 반경 및 세그먼트 수 |
| 자료실 | 구성 반경 및 높이 |
| 토러스 | Configurable 주요/minor 레이디 |
| 한국어 | 구성 반경 및 높이 |
각 primitive는 모든 axes에 관례 색깔 그리고 교체를 지원합니다.
GPU 가속
렌더링 자동적으로 최고의 가능한 백엔드를 선택:
- WebGPU compute - 사용할 때 가장 빠르고 사용
- WebGL2는 피드백을 변환 - 빠른 fallback
- CPU — 유니버설 미들백
GPU 가속은 장면이 150면을 초과하면 자동으로 활성화됩니다.
제품정보
궤도 사진기는 당신이 시야각을 통제할 것을 시켰습니다:
- Position - 카메라가 3D 공간에서 어디에 있는지
- Target - 카메라가 (또는 비트 센터)
- 뷰의 Field — 관점의 찡그림 금액 (선정 모드 만)
Selecting & Dragging 3D 개체
3D 객체는 2D 항목과 같은 캔버스에 선택하고 드래그 할 수 있습니다
- 3D 객체를 클릭하여 선택합니다
- 그것을 reposition에 드래그
- 애니메이션은 자동으로 드래그 및 재시작시
- 애니메이션 프레임에 걸쳐 끌어당기는 위치 persists
3D 투상 쇼케이스 템플릿
미리 만들어진 템플릿은 여러 원시, 회전 애니메이션 및 다른 투상 유형과 3D 투상 시스템을 보여줍니다. 템플릿 라이브러리에서 찾기.
제한 사항
- 표준 애니메이션 프리셋 (fade, bounce, scroll, Pulse 등)은 3D 객체에 지원되지 않습니다. 3D 개체는 3D 렌더링 파이프를 통해 자신의 회전 애니메이션 시스템을 사용합니다. 3D 객체에 표준 애니메이션을 적용하면 효과가 없습니다.
- 3D 객체는 평평한 다각형 채우기로 렌더링합니다. - 질감 매핑, 조명, 또는 그림자 없음.
- 3D 객체 사이의 충돌 감지는 아직 사용할 수 없습니다.
제품 정보
- isometric로 시작 - 다이어그램과 일러스트에 가장 시각적으로 매력적입니다
- 교체 애니메이션 사용 - 3D 개체 회전은 깊이의 강한 감각을 제공합니다
- 2D 항목이있는 ombine — infographic-style 구성에 대한 텍스트 및 모양과 3D 원시를 혼합
- Adjust 카메라 거리 - 더 평평한 시각을 위해 카메라를 이동, 극적인 깊이에 더 가까이