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

Dongwoo Ha님의 프로필 이미지

작성한 질문수

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

기본 장면 만들기 - Renderer

캔버스.... 저만 하얗게 나오는것 아니죠??

22.09.06 18:27 작성

·

690

0

쌤 따라서 그래도 수업을 진행하는데, 검은 색 화면이 나오지 않았습니다. console창에 JS error 없고, elements tab에서도 canvas가 제대로 보이고...

뭔가 찜찜한 마음에, 지우고 다시 깔고, 다시 또해보고...

한시간 이상 삽질해도 해결불가. ㅡㅜ

포기하고, 일단은 그냥 에러 없으니깐 계속 진행 해 보았습니다.

몇 강 뒤에 Mesh 파트 나오는데, 거기서 하나씩 타이핑 해 보다가 원인을 발견 한 듯 합니다.!!

저 처럼 답답하실 분 계실테니, 결론부터 말씀 드리면,

renderer.render(scene, camera) 를 통해 화면에 그려줘야 실제 화면에 검은색 배경과 함께 mesh도 그려집니다.

일단 전, three 0.144 버전을 사용중이구요. 나머진 쌤이 제공해 주신 템플릿 쓰니 다른 환경은 비슷할듯 합니다.

아래 캡쳐 추가 합니다.

혹이 이 문제가 아니면...다른분 답변 부탁드려요.

[ before ]

before.png

[ after ]

after.png

답변 3

0

admin님의 프로필 이미지

2022. 12. 30. 13:08

와 감사합니다. 저는 지금 2번쨰 정주행중인데도 원인을 몰랐는데 감사합니다.

0

sulbum yun님의 프로필 이미지

2022. 12. 09. 08:21

와 저도 이거 "내가 뭔가 잘못하는건가..."싶어서

계속 파보고 있었는데

너무 감사합니다.

0

admin님의 프로필 이미지

2022. 09. 08. 16:37

저도 허옇게 나왔어요!!! 저두 쓰니님처럼 그냥 진행했어요..오류없어서 ㅠㅠ