MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

WebGL

此页面上有脚本错误。虽然它是写给网站编辑,您可以在下面查看部分内容。

这篇翻译不完整。请帮忙从英语翻译这篇文章

{{LearnSidebar}}

当我们描述{{Glossary("WebGL")}} (以及它的“母技术” {{Glossary("OpenGL")}})我们总是说那项技术是用来绘制3D图表的,或者用来为3D图表增添一些视觉效果,比如灯光、纹理、阴影等。这些可能是这门技术应用地最广的地方。

事实上,WebGL可以做更多的事情。它是一个 Web{{Glossary("API")}},允许你直接和graphic hardware直接进行通信,也就是{{Glossary("GPU")}}。它有属于自己的微型编程语言,被称作{{Glossary("GLSL")}},也就意味着你现在就可以领略一下GPU的强大力量,并且随心所欲地使用。2D和3D图表、图像处理、程序化纹理、 terrain generation、视觉效果(如反射、折射、烟、火、流体),甚至那些与图表无关的普通计算(这些计算往往可以利用GPU的优势)都是可能的。限制你的只有硬件和你的想象力。

With great power comes great responsibility. It is the purpose of these tutorials to give you the fundamental knowledge of how WebGL works, and how to use it correctly, so you can get the most out of it.能力越大,责任越大。这些教材的主要目的正是希望帮助你理解WebGL工作的基本原理、如何正确地使用WebGL,从而你可以充分利用这个工具。

基础

如果你不熟悉 {{Glossary("OpenGL")}} 和 {{Glossary("WebGL")},请从这里开始}:

要求你掌握的背景知识:
Getting started with the web – In the tutorials we are going to use very simple {{Glossary("HTML")}} and {{Glossary("CSS")}}, so it is enough to have a basic understanding of these technologies.
JavaScript – In contrast, WebGL is a {{Glossary("JavaScript")}} API, and so we are going to see and write lots of JavaScript. You should therefore have a solid grasp of the JavaScript language, particularly functions, arrays, and events. Good understanding of closures, objects, constructors, and the prototype chain would also occasionally help.
WebGL by example
这是一个样例合集,我们按照主题和难度进行了分类。这个的主要目的是用实例来生动地展示WebGL的概念和用途,但是它不是一个完整的教材。
Tutorial at API reference
这是WebGL API reference pages上面的教材。它是为一些熟悉OpenGL的人设计的,并且这些人希望顺便学习一点 JavaScript API

深入学习

一旦你掌握了上面所说的基础,你可以开始探索下面这些更加高深的知识:

WebGL API reference
这些页面包含了WebGL中每一个接口、方法、属性、常量的详细描述。另外,你会在这发现有关高级内容、更多实例、使用WebGL的 提示的文章。
Guide to Graphics on the Web
This is the Web developer guide to Graphics on the Web. You can learn there about other graphics APIs, such as SVG, 2D graphics with HTML Canvas, and video.
Game development
These are the Game development pages on MDN. Go there to learn about integrating WebGL with other APIs and techniques, so you can build a complete immersive experience, that you can distribute to others.

文档标签和贡献者

 此页面的贡献者: Zeng
 最后编辑者: Zeng,