인프런 커뮤니티 질문&답변

lemon님의 프로필 이미지

작성한 질문수

Three.js로 시작하는 3D 인터랙티브 웹

OrbitControls

mesh가 전부 흰색으로 보입니다

작성

·

265

·

수정됨

0

Mesh에 rgb값이 적용되지 않는 것 같습니다..!

새로고침이나 서버 다시 시작 등은 해봤습니다,,

혹시 한 번 봐주실 수 있을까요?ㅠㅠ

// Mesh
const geometry = new THREE.BoxGeometry(1,1,1);
let mesh;
let material;
for( let i=0;i<20;i++){
	material = new THREE.MeshStandardMaterial({
		color: `rgb(
			${ 50 + Math.floor(Math.random() * 205) }, //r값 // Math.floor()은 내림 함수
			${ 50 + Math.floor(Math.random() * 205) }, //g값
			${ 50 + Math.floor(Math.random() * 205) } //b값
		)`
	});
	mesh = new THREE.Mesh(geometry,material);
	mesh.position.x = (Math.random()-0.5)*5;//-2.5에서 2.5 사이의 범위
	mesh.position.y = (Math.random()-0.5)*5;
	mesh.position.z = (Math.random()-0.5)*5;
	scene.add(mesh);
}

답변 2

1

1분코딩님의 프로필 이미지
1분코딩
지식공유자

템플릿 문자열 안에 주석을 사용해서 그런 거랍니다~ ("//r값 // Math.floor()은 내림 함수" 이런 것들)
주석을 지우면 제대로 보일 거예요.

0

lemon님의 프로필 이미지
lemon
질문자

감사합니다!

lemon님의 프로필 이미지

작성한 질문수

질문하기