Three.js: RGBELoader ๋งค์ง ํ—ค๋” ํ™•์ธ

์— ๋งŒ๋“  2020๋…„ 12์›” 05์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: mrdoob/three.js

๋ฒ„๊ทธ ์„ค๋ช…

RGBELoader๋Š” ํŒŒ์ผ ์‹œ์ž‘ ๋ถ€๋ถ„์—์„œ ๋งค์ง ํ† ํฐ์„ ํ™•์ธํ•ฉ๋‹ˆ๋‹ค.
https://github.com/mrdoob/three.js/blob/1e161eaeedee694861ec480f04b632443f64dbb4/examples/jsm/loaders/RGBELoader.js#L149 -L154

ํ•ด๋‹น ํ—ค๋”๊ฐ€์žˆ๋Š” ํŒŒ์ผ์ด ์žˆ์Šต๋‹ˆ๋‹ค.
image
๋กœ๋”๋Š” ๋งค์ง ํ† ํฐ์„ ์ธ์‹ํ•˜์ง€ ๋ชปํ•ฉ๋‹ˆ๋‹ค.

์ฝ˜์†”์— ์ธ์‡„ ํ•  ๋•Œ line ๋‚ด์šฉ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.
image

์ด์ œ ์—ฌ๊ธฐ์„œ ํฅ๋ฏธ๋กœ์šด ๋ถ€๋ถ„์€ ๊ทธ๊ฒƒ์„ ๋ณต์‚ฌํ•˜๊ณ  ์ผ์น˜๋ฅผ ๋‹ค์‹œ ํ™•์ธํ•˜๋ ค๋Š” ๊ฒฝ์šฐ์ž…๋‹ˆ๋‹ค.
image
๋ชจ๋‘ ๊ดœ์ฐฎ์•„ ๋ณด์ด์ง€๋งŒ line ์ง์ ‘ ์‹œ๋„ํ•˜๋ฉด ๋‹ค์Œ๊ณผ ๊ฐ™์ด ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.
image

๋ฌธ์ œ๋Š” ๋์— 
 (์บ๋ฆฌ์ง€ ๋ฆฌํ„ด)์ด ์žˆ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.
image
image

์•ฝ๊ฐ„ ์ถ”๊ฐ€ :
image
์ฒ˜๋ฆฌ ํ•จ์ˆ˜ fget ์˜ํ•ด 13๊ณผ 10์ด ๋ชจ๋‘ NEW_LINE ๋ฌธ์ž๋กœ ํ•ด์„๋˜๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

์žฌํ˜„ํ•˜๋ ค๋ฉด

  • ์ง€๊ธˆ์€ ํŒŒ์ผ์„ ๊ณต์œ  ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์•”ํ˜ธ


๋ผ์ด๋ธŒ ์˜ˆ

  • ์ง€๊ธˆ์€ ํŒŒ์ผ์„ ๊ณต์œ  ํ•  ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค.

์˜ˆ์ƒ๋˜๋Š” ํ–‰๋™

ํ™•์‹คํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ด๊ฒƒ์ด ์œ ํšจํ•œ ํ—ค๋”๋กœ ์ทจ๊ธ‰๋˜์–ด์•ผํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์ด ๋ฌธ์ œ๋Š” r107์„ ์‚ฌ์šฉํ•  ๋•Œ ๋ฐœ์ƒํ•˜์ง€ ์•Š์•˜์œผ๋ฏ€๋กœ ํšŒ๊ท€ ๋ฒ„๊ทธ์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์•„๋งˆ๋„ RGBE ์‚ฌ์–‘์— ๋” ์ต์ˆ™ํ•œ ์‚ฌ๋žŒ์ด ๋ช…ํ™•ํžˆ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์Šคํฌ๋ฆฐ ์ƒท

์œ„ ์ฐธ์กฐ

ํ”Œ๋žซํผ:

  • ๊ธฐ๊ธฐ : [๋ฐ์Šคํฌํ†ฑ]
  • OS : [Windows]
  • ๋ธŒ๋ผ์šฐ์ € : [Chrome]
  • Three.js ๋ฒ„์ „ : [r ??? -์˜ˆ, 123]
Bug Loaders

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

#?RADIANCE ๋’ค์— ์˜ค๋Š” ๋ฐ”์ดํŠธ๋ฅผ ์ œํ•œํ•ด์•ผํ•œ๋‹ค๋Š” ๋‚ด์šฉ์„ ์˜จ๋ผ์ธ์—์„œ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ์‚ฌ์–‘์— ๋Œ€ํ•œ์ด ์ฐธ์กฐ ๋Š” ์ฒซ ๋ฒˆ์งธ ๋ฐ”์ดํŠธ๊ฐ€ #?RADIANCE ์ด๋ฉด ์ถฉ๋ถ„ํ•˜๊ณ  ์ค„ ๋ฐ”๊ฟˆ์ด ๋’ค๋”ฐ๋ฅผ ํ•„์š”๊ฐ€ ์—†์Œ์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค.

์—ฌ๊ธฐ์—์„œ magic_token_re ๋ณ€๊ฒฝ

magic_token_re = /^#\?(\S+)$/

์ด์—

magic_token_re = /^#\?(\S+)/

์ˆ˜์ •์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๋‹ค.

๋ชจ๋“  3 ๋Œ“๊ธ€

#?RADIANCE ๋’ค์— ์˜ค๋Š” ๋ฐ”์ดํŠธ๋ฅผ ์ œํ•œํ•ด์•ผํ•œ๋‹ค๋Š” ๋‚ด์šฉ์„ ์˜จ๋ผ์ธ์—์„œ ์ฐพ์„ ์ˆ˜ ์—†์Šต๋‹ˆ๋‹ค. ์‚ฌ์–‘์— ๋Œ€ํ•œ์ด ์ฐธ์กฐ ๋Š” ์ฒซ ๋ฒˆ์งธ ๋ฐ”์ดํŠธ๊ฐ€ #?RADIANCE ์ด๋ฉด ์ถฉ๋ถ„ํ•˜๊ณ  ์ค„ ๋ฐ”๊ฟˆ์ด ๋’ค๋”ฐ๋ฅผ ํ•„์š”๊ฐ€ ์—†์Œ์„ ๋‚˜ํƒ€๋ƒ…๋‹ˆ๋‹ค.

์—ฌ๊ธฐ์—์„œ magic_token_re ๋ณ€๊ฒฝ

magic_token_re = /^#\?(\S+)$/

์ด์—

magic_token_re = /^#\?(\S+)/

์ˆ˜์ •์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๋‹ค.

@Usnul ๊ทธ ์ˆ˜์ • ์‚ฌํ•ญ์„ ํ…Œ์ŠคํŠธ ํ•ด ์ฃผ์‹œ๊ฒ ์Šต๋‹ˆ๊นŒ?

์˜ˆ, ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰