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

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์„ ์ ์šฉํ•˜๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค. ์›น ํ‘œ์ค€[19]์€ ์•„๋‹ˆ์ง€๋งŒ, ๊ฑฐ์˜ ํ‘œ์ค€์ฒ˜๋Ÿผ ์ธ์‹๋˜์–ด ๊ฐ€๊ณ  ์žˆ๋‹ค.

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

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

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