[THREE JS] Mesh - 모양

Hyuk·2023년 4월 21일

THREE JS

목록 보기
3/5

Mesh - 3D를 구성하는 물체

Mesh 구성 요소

geometry - 모양
meterial - 재질

📝 geometry 모양

📌 모양 종류

이름기능사이트
BoxGeometry사각형링크
SphereGeometry링크
CircleGeometry평면 원판링크
PlaneGeometry평면 사각판링크
RingGeometry평면 링링크
ShapeGeometry평면 하트링크
TorusGeometry튜브, 링링크
ExtrudeGeometry모서리가 깍인 사각형링크
OctahedronGeometry정팔면체링크
CylinderGeometry8각면체링크
TetrahedronGeometry정사면체링크
DodecahedronGeometry12면체 주사위링크
IcosahedronGeometry20면체링크
CapsuleGeometry캡슐링크
ConeGeometry원뿔링크
LatheGeometry아래 위 뚫린 항아리링크
TorusKnotGeometry뫼비우스링크
TubeGeometry쇠파이프, 나팔링크

📌 모양 옵션

이름기본값설명
color0xffffff숫자나 문자열로 표현된 색상 값모양의 색상을 정합니다.
wireframefalsetrue, false모양을 와이어프레임으로 표시할지 여부를 정합니다.
opacity10.0 ~ 1.0모양의 투명도를 정합니다. 0.0은 완전투명, 1.0은 불투명을 의미합니다.
sideTHREE.FrontSideTHREE.FrontSide, THREE.BackSide, THREE.DoubleSide모양의 어느 면을 표시할지 정합니다.
transparentfalsetrue, false모양이 투명하게 처리되는 경우 true로 설정합니다.
visibletruetrue, false모양을 보이게 할지 여부를 정합니다.
shininess300 ~ 100모양의 광택을 정합니다. 0에서 100까지의 값이 가능하며, 값이 높을수록 광택이 커집니다.
emissive0x000000숫자나 문자열로 표현된 색상 값모양의 발광 색상을 정합니다.
specular0x111111숫자나 문자열로 표현된 색상 값모양의 반사 색상을 정합니다.
reflectivity10.0 ~ 1.0모양의 반사도를 정합니다. 0.0은 반사되지 않음을 의미하며, 1.0은 완전히 반사됨을 의미합니다.
mapnullTexture 객체모양에 적용할 텍스처 이미지를 정합니다.
bumpMapnullTexture 객체모양에 적용할 범프 맵을 정합니다.
bumpScale10.0 이상의 값범프 맵의 크기를 정합니다.
normalMapnullTexture 객체모양에 적용할 노말 맵을 정합니다.
normalScaleVector2(1, 1)Vector2 객체노말 맵의 크기를 정합니다.
displacementMapnullTexture 객체모양에 적용할 디스플레이스먼트 맵을 정합니다.
displacementScale10.0 이상의 값디스플레이스먼트 맵의 크기를 정합니다.
displacementBias0-1.0에서 1.0 사이의 값디스플레이스먼트 맵의 정도를 조절합니다.
flatShadingfalsetrue / false모양의 면을 평면으로 표시할지 여부를 결정하는 값
metalness0.50 ~ 1모양의 금속성을 나타내는 값 (0이면 비금속, 1이면 완전한 금속)
roughness0.50 ~ 1모양의 거칠기를 나타내는 값 (0이면 매끄러움, 1이면 거칠어짐)
envMapnullCubeTexture 객체모양의 환경 매핑을 나타내는 CubeTexture 객체
reflectivity10 ~ 1모양의 반사 정도를 나타내는 값 (0이면 반사 없음, 1이면 완전한 반사)
profile
frontEnd Developer

0개의 댓글