Fog

Fog

์นด๋ฉ”๋ผ ์‹œ์ ์—์„œ ๋ฌผ์ฒด๊นŒ์ง€์˜ ๊ฑฐ๋ฆฌ์— ๋”ฐ๋ผ ๋ฌผ์ฒด์˜ ๊ฐ€์‹œ์„ฑ์„ ์ œํ•œํ•˜์—ฌ ํ๋ฆฟํ•˜๊ฒŒ ๋งŒ๋“œ๋Š” ํšจ๊ณผ

const scene = new THREE.Scene();

scene.fog = new THREE.Fog(color, near, far);
  • color: ์•ˆ๊ฐœ์˜ ์ƒ‰์ƒ

  • near: ์นด๋ฉ”๋ผ๋กœ๋ถ€ํ„ฐ ์•ˆ๊ฐœ ํšจ๊ณผ๊ฐ€ ์‹œ์ž‘๋˜๋Š” ๊ฑฐ๋ฆฌ

  • far: ์นด๋ฉ”๋ผ๋กœ๋ถ€ํ„ฐ ์–ผ๋งˆ๋‚˜ ๋จผ ๊ฑฐ๋ฆฌ๊นŒ์ง€ ์•ˆ๊ฐœ ํšจ๊ณผ๊ฐ€ ์ ์šฉ๋ ์ง€ ๊ฒฐ์ •

Fog์˜ ๋‘ ๊ฐ€์ง€ ์œ ํ˜•

Exponential Fog

  • ์นด๋ฉ”๋ผ์™€ ๊ฑฐ๋ฆฌ๊ฐ€ ๋ฉ€์–ด์งˆ์ˆ˜๋ก ๊ฑฐ๋“ญ์ œ๊ณฑ์ˆ˜ ๋งŒํผ ๊ธฐํ•˜๊ธ‰์ˆ˜์ ์œผ๋กœ ์•ˆ๊ฐœ๊ฐ€ ์ง™์–ด์ง€๋Š” ํšจ๊ณผ๋ฅผ ์ œ๊ณต

  • ์ผ๋ฐ˜ fog ๋ณด๋‹ค ํ˜„์‹ค์ ์ธ ์•ˆ๊ฐœ๋ฅผ ํ‘œํ˜„ํ•  ์ˆ˜ ์žˆ์ง€๋งŒ ์•ˆ๊ฐœ์˜ ๋ฒ”์œ„๋ฅผ ์ง์ ‘ ์กฐ์ •ํ•˜์ง€ ๋ชปํ•œ๋‹ค.

scene.fog = new THREE.FogExp2(color, density)  
  • density: ์•ˆ๊ฐœ์˜ ๋ฐ€๋„, ๊ฐ’์ด ์ปค์งˆ์ˆ˜๋ก ๋” ์ง™์€ ์•ˆ๊ฐœ๋ฅผ ์ƒ์„ฑํ•œ๋‹ค.

Last updated