์ด ๋ฌธ์„œ์˜ ์›๋ณธ์€ ์™ธ๋ถ€ ์œ„ํ‚ค์—์„œ ๊ฐ€์ ธ์™”์Šต๋‹ˆ๋‹ค.

1. ๊ฐœ์š”2. ๋ฒ„์ „ ์ผ๋žŒ3. ์ง€์› ์ค‘์ธ ์›น ๋ธŒ๋ผ์šฐ์ €4. ํ˜„ํ™ฉ, ๊ทธ๋ฆฌ๊ณ  ์ „๋ง5. ์˜ˆ์‹œ6. ๊ด€๋ จ ๋ฌธ์„œ

1. ๊ฐœ์š”[ํŽธ์ง‘]

์ธํ„ฐ๋„ท ๋ธŒ๋ผ์šฐ์ € ํ™˜๊ฒฝ์—์„œ OpenGL์„ ํ”Œ๋Ÿฌ๊ทธ์ธ ๋„์›€ ์—†์ด ๊ณต์‹์ ์œผ๋กœ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ๋„๋ก Khronos Group์—์„œ ์ œ์ •ํ•œ ์›น ๊ทธ๋ž˜ํ”ฝ์Šค API.

์ •ํ™•ํžˆ๋Š” OpenGL ES๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ ์ •์˜ํ•˜๊ณ  ์žˆ๋‹ค. ์ž์„ธํ•œ ์„ค๋ช…์€ ์—ฌ๊ธฐ

2. ๋ฒ„์ „ ์ผ๋žŒ[ํŽธ์ง‘]

  • WebGL 1.0 - 2011๋…„ 3์›” (OpenGL ES 2.0 ๊ธฐ๋ฐ˜)
  • WebGL 2.0 - 2017๋…„ 2์›” (OpenGL ES 3.0 ๊ธฐ๋ฐ˜)

3. ์ง€์› ์ค‘์ธ ์›น ๋ธŒ๋ผ์šฐ์ €[ํŽธ์ง‘]

4. ํ˜„ํ™ฉ, ๊ทธ๋ฆฌ๊ณ  ์ „๋ง[ํŽธ์ง‘]

๋„์ž…๋œ ์ดํ›„ ๊ธ‰ ๋ถ€์ƒํ•˜์—ฌ ์˜คํŽ˜๋ผ ๋ฏธ๋‹ˆ๋ฅผ ์ œ์™ธํ•œ ๋ชจ๋“  ๋ธŒ๋ผ์šฐ์ €์—์„œ ์ง€์›ํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ์œผ๋ฉฐ, 2017๋…„ ์ดํ›„๋กœ ํ•˜๋‚˜๋‘˜์”ฉ WebGL 2.0์„ ์ ์šฉํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค. ์›น ํ‘œ์ค€[2]์€ ์•„๋‹ˆ์ง€๋งŒ, ๊ฑฐ์˜ ํ‘œ์ค€์ฒ˜๋Ÿผ ์ธ์‹๋˜์–ด ๊ฐ€๊ณ  ์žˆ๋‹ค.

WebGL ๋กœ ๊ฐœ๋ฐœ ์‹œ ๋ธŒ๋ผ์šฐ์ €(IE, ํŒŒ์ด์–ดํญ์Šค(์›น ๋ธŒ๋ผ์šฐ์ €), ํฌ๋กฌ(์›น ๋ธŒ๋ผ์šฐ์ €). Safari)๊ฐ€ ์ง€์›๋งŒ ํ•œ๋‹ค๋ฉด ๋ชจ๋“  ํ”Œ๋žซํผ์—์„œ ๋™์ž‘์ด ๊ฐ€๋Šฅํ•˜๊ธฐ์— ์Šค๋งˆํŠธํฐ ์ดํ›„์˜ ์ฃผ์š” ์ปจํ…์ธ ๋กœ ๊ธฐ๋Œ€ํ•  ์ˆ˜ ์žˆ๋‹ค.

5. ์˜ˆ์‹œ[ํŽธ์ง‘]

6. ๊ด€๋ จ ๋ฌธ์„œ[ํŽธ์ง‘]

[1] ์ธํ„ฐ๋„ท ์ต์Šคํ”Œ๋กœ๋Ÿฌ์˜ ๊ฒฝ์šฐ IE11์ด ๋ถ€๋ถ„์ ์œผ๋กœ ์ง€์›ํ•˜๊ธฐ๋Š” ํ•˜์ง€๋งŒ ์™„์ „ํ•˜์ง€๋Š” ์•Š๋‹ค.
[2] ์›น ํ‘œ์ค€์ด๋ผ ํ•œ๋‹ค๋ฉด ํ”ํžˆ๋“ค W3C์˜ HTML5๋ฅผ ๋– ์˜ฌ๋ฆฐ๋‹ค. WebGL์€ HTML5 ํ‘œ์ค€ ์ŠคํŽ™์— ์ •์˜๋˜์ง€ ์•Š์€ ์™„์ „ํžˆ ๋ณ„๊ฐœ์˜ ์ŠคํŽ™์ด๋ฏ€๋กœ ์ž˜ ๊ตฌ๋ถ„ํ•˜์ž.