질문드립니다.
안녕하세요.
해당 강의로 three.js를 처음 접하고 실제 프로젝트에 적용하여 원하는 결과물을 만들 수 있었습니다.
좋은 강의 감사합니다.
결과물을 발전시키는 도중 원하는 표현이 생겼는데 어떻게 구현하면 좋을지 아이디어를 얻고 싶어 문의를 남깁니다.
아래와 비슷하게 특정 지역의 온도를 위치가 정해져 있고 동적으로 색이 바뀌는 기체로 표현하고 싶습니다.
three.js의 Fog는 카메라 기준으로 안개가 생기는 방식이라 사용할 수 없을 것 같은데
어떤 방식으로 접근하면 좋을까요?
감사합니다.
답변 2
1
원하는 결과물을 만드셨다는 말씀이 참 좋네요^^
말씀하신 효과는, 그냥 장식용 안개가 아니라 값에 따라 색상이 반영되어야 하는 형태라면 셰이더(Shader)를 쓰셔야 할 것 같습니다. WebGL의 기본이 되는, 각 픽셀(이라기보다는 프래그먼트라고 부릅니다)의 위치와 색상을 그려주는 거라고 보시면 되는데, 직접 구현하기에는 난이도가 상당하고(모든 형태의 모양과 색상을 직접 코딩해서 만들어야 합니다), 다른 사람들이 만들어놓은 것들 중 최대한 비슷한 것을 선택하시면 어떨까 싶습니다. 일단 three.js에서 셰이더를 활용하는 방법에 대한 내용들을 살펴보시면 좋을 것 같습니다.
0
We can find out through youtube and other World's Hardest Game media channels to get more information for your problem.
box3.position.x 위치
0
38
1
리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?
0
81
1
소스코드 파일이 강의랑 같나요?
0
118
2
materials 배열에 있는 top, bottom ... 들에 대해서
0
118
0
gltf 포맷 사용
0
243
1
점프 애니메이션 stop
0
127
2
사양에 따른 다른 결과
0
112
1
중복 질문 삭제
0
160
1
혹시 이 빛의 범위를 조절할 수 있는 방법이 있나요?
0
124
1
gltf.scene.children 이 없는데도 모델이 화면에 떠요
0
101
2
GLF파일 export한 후에 three.js에서 렌더링 된 모델에는 텍스처 적용이 안되어있습니다..!
0
160
1
일반 유리, 강화 유리 강의에서 Glass 객체의 position X를 -1, 1로 설정한 이유를 모르겠어요
0
77
0
그림자가 다르게 표현됩니다
0
138
1
setAnimationLoop 위치가...
0
99
1
얼굴 그릴 때 붓이 깔끔하게 칠해지지 않고 얼룩덜룩해요
0
135
1
블렌더 texture paint 시 미러모드
0
164
0
DragControls의 인자값을 바꾸지 않았는데 에러가 안떠요!
0
104
1
blender 에서 색칠하기 편 Texter paint slot추가없음
0
966
2
fin 버전도 그냥 실행이 안돼요
0
289
2
자바스크립트 실행이 안되는 것 같아요
0
379
1
모니터 해상도에 따라 mesh의 크기가 변할 수 있나요?
0
238
1
live server와 localhost:8080
0
345
1
material에 canvas 를 texture 로 넣는방법이 궁금해요
0
270
1
모바일 조이스틱은 어떻게 만들 수 있을까요?
0
208
1