{"json_modified": "2016-07-29T03:52:08.424754", "uuid": "7b1d0496-a4d9-4a58-be50-f1d3a1693ec1", "title": "Lighting in WebGL", "url": "/en-US/docs/Web/API/WebGL_API/Tutorial/Lighting_in_WebGL", "tags": ["WebGL", "Tutorial"], "translations": [{"uuid": "ea8c66b4-dc92-4767-9856-a306c37933d4", "title": "Beleuchtung in WebGL", "url": "/de/docs/Web/API/WebGL_API/Tutorial/Beleuchtung_in_WebGL", "tags": ["WebGL", "Tutorial"], "summary": "Als Erstes sollten wir verstehen, dass WebGL nicht wie OpenGL \u00fcber eine eigene Unterst\u00fctzung f\u00fcr die Beleuchtung verf\u00fcgt. Das m\u00fcssen wir selbst machen. Gl\u00fccklicherweise ist es nicht sehr schwer und dieser Artikel versucht Ihnen die Grundlagen dazu n\u00e4her zu bringen.", "localization_tags": [], "locale": "de", "last_edit": "2015-08-27T06:32:43", "review_tags": []}, {"uuid": "08fb0491-cc11-457e-bb94-7103f08a3590", "title": "WebGL \u3067\u306e\u30e9\u30a4\u30c6\u30a3\u30f3\u30b0", "url": "/ja/docs/Web/API/WebGL_API/Tutorial/Lighting_in_WebGL", "tags": ["WebGL", "Tutorial"], "summary": "\u59cb\u3081\u306b WebGL \u306b\u3064\u3044\u3066\u7406\u89e3\u3059\u3079\u304d\u3053\u3068\u306f\u3001\u3088\u308a\u5e83\u3044 OpenGL \u6a19\u6e96\u3068\u306f\u7570\u306a\u308a\u3001WebGL \u306f\u30e9\u30a4\u30c6\u30a3\u30f3\u30b0\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u306a\u3044\u3068\u3044\u3046\u3053\u3068\u3067\u3059\u3002\u3053\u308c\u306f\u81ea\u5206\u81ea\u8eab\u3067\u884c\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002\u5e78\u3044\u305d\u308c\u306f\u96e3\u3057\u3044\u3053\u3068\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u306e\u3067\u3001\u3053\u306e\u8a18\u4e8b\u3067\u306f\u57fa\u790e\u7684\u306a\u5185\u5bb9\u3092\u6271\u3044\u307e\u3059\u3002", "localization_tags": [], "locale": "ja", "last_edit": "2016-01-30T20:18:32", "review_tags": []}, {"uuid": "d74e3661-13fa-463d-9df7-264cb945a6b7", "title": "WebGL\uc5d0\uc11c \uc870\uba85 \ud6a8\uacfc \uc801\uc6a9\ud558\uae30", "url": "/ko/docs/Web/API/WebGL_API/Tutorial/Lighting_in_WebGL", "tags": ["WebGL", "\uc8fc\ubcc0\uad11", "\ube5b", "\uc870\uba85", "\uc6f9\uc9c0\uc5d8", "\uc810\uad11", "\ubc29\ud5a5\uad11"], "summary": "WebGL\uc740 OpenGL \ud45c\uc900\uacfc\ub294 \ub2e4\ub974\uac8c \uc790\uccb4\uc801\uc778 \uc870\uba85 \ud6a8\uacfc\ub97c \uc81c\uacf5\ud558\uc9c0 \uc54a\uc2b5\ub2c8\ub2e4.\u00a0\ub530\ub77c\uc11c WebGL\uc5d0\uc11c\uc758 \uc870\uba85 \ud6a8\uacfc\ub294 \uac1c\ubc1c\uc790 \uc2a4\uc2a4\ub85c \ub9cc\ub4e4\uc5b4\uc57c \ud569\ub2c8\ub2e4. \ub2e4\ud589\uc2a4\ub7fd\uac8c\ub3c4 \uc870\uba85 \ud6a8\uacfc\ub97c \ub9cc\ub4dc\ub294 \uac83\uc774 \uc544\uc8fc \uc5b4\ub824\uc6b4 \uc77c\uc740 \uc544\ub2c8\uba70, \uc774 \uae00\uc744 \ud1b5\ud574 \uba87 \uac00\uc9c0 \uae30\ucd08\uc801\uc778 \ubd80\ubd84\uc744 \uc774\ud574\ud560 \uc218 \uc788\uc744 \uac83\uc785\ub2c8\ub2e4.", "localization_tags": [], "locale": "ko", "last_edit": "2015-08-27T11:56:30", "review_tags": []}, {"uuid": "ccf18195-d429-4305-b6f5-074f6dd90d36", "title": "Lighting in WebGL", "url": "/zh-CN/docs/Web/API/WebGL_API/Tutorial/Lighting_in_WebGL", "tags": [], "summary": "\u5728\u4f7f\u7528\u706f\u5149\u4e4b\u524d\uff0c\u9996\u5148\u6211\u4eec\u9700\u8981\u4e86\u89e3\u4e0e\u5b9a\u4e49\u66f4\u5e7f\u6cdb\u7684OpenGL\u4e0d\u540c\uff0cWebGL\u5e76\u6ca1\u6709\u7ee7\u627fOpenGL\u4e2d\u706f\u5149\u7684\u652f\u6301\u3002\u6240\u4ee5\u4f60\u53ea\u80fd\u7531\u81ea\u5df1\u5b8c\u5168\u5f97\u63a7\u5236\u706f\u5149\u3002\u5e78\u8fd0\u5f97\u662f\uff0c\u8fd9\u4e5f\u5e76\u4e0d\u662f\u5f88\u96be\uff0c\u672c\u6587\u63a5\u4e0b\u6765\u5c31\u4f1a\u4ecb\u7ecd\u5b8c\u6210\u706f\u5149\u7684\u57fa\u7840\u3002", "localization_tags": ["inprogress"], "locale": "zh-CN", "last_edit": "2016-07-29T03:52:03", "review_tags": []}], "modified": "2015-10-15T12:19:40", "label": "Lighting in WebGL", "localization_tags": [], "locale": "en-US", "id": 3625, "last_edit": "2015-10-15T12:19:38", "summary": "The first thing to understand about WebGL\u00a0is that unlike the broader OpenGL\u00a0standard, WebGL\u00a0does not have inherent support for lighting. You have to do it yourself. Fortunately, it's not all that hard to do, and this article will cover some of the basics.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Simulating_lighting_and_shading_in_3D", "title": "Simulating lighting and shading in 3D"}, {"id": "Building_the_normals_for_the_vertices", "title": "Building the normals for the vertices"}, {"id": "Update_the_shaders", "title": "Update the shaders"}, {"id": "The_vertex_shader", "title": "The vertex shader"}, {"id": "The_fragment_shader", "title": "The fragment shader"}, {"id": "Exercises_for_the_reader", "title": "Exercises for the reader"}], "slug": "Web/API/WebGL_API/Tutorial/Lighting_in_WebGL", "review_tags": []}