blob: 28d94c22d4bad31793fa003b576597e73c79e010 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
|
---
title: WebGL
slug: Web/API/WebGL_API
tags:
- WebGL
translation_of: Web/API/WebGL_API
---
<div>{{WebGLSidebar}}</div>
<p class="summary"><span class="goog-gtc-unit" id="goog-gtc-unit-3"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">WebGL trae gráficos en 3D para la Web mediante la introducción de una API que cumple estrictamente la OpenGL ES 2.0 que se puede utilizar en elementos </span></span><a href="/en/HTML/Canvas" title="En/html/canvas"><code>canvas</code></a><span class="goog-gtc-unit" id="goog-gtc-unit-3"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr"><a> HTML5.</a></span></span><a> <span class="goog-gtc-unit" id="goog-gtc-unit-4"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">La compatibilidad para WebGL viene en </span></span></a><a href="/es/Firefox_4_para_desarrolladores" title="es/Firefox 4 para desarrolladores">Firefox 4</a> y se puede probar en las <a class="external" href="http://firefox.com/beta" title="http://firefox.com/beta">betas de Firefox 4</a> o en <a class="external" href="http://nightly.mozilla.org/" title="http://nightly.mozilla.org/">trunk builds.</a> .</p>
<div class="note"><span class="goog-gtc-unit" id="goog-gtc-unit-5"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr"><strong>Nota:</strong> La especificación para WebGL se encuentra todavía en fase de borrador y sujeta a cambios.</span></span></div>
<table class="mainpage-table">
<tbody>
<tr>
<td>
<h2 id="Temas_sobre_desarrollo"><span class="goog-gtc-unit" id="goog-gtc-unit-6"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Temas sobre desarrollo</span></span></h2>
<dl>
<dt><a href="/en/WebGL/Getting_started_with_WebGL" title="en/WebGL/Getting started with WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-7"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Primeros pasos con WebGL</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-8"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Cómo crear un contexto WebGL.</span></span></dd>
<dt><a href="/en/WebGL/Adding_2D_content_to_a_WebGL_context" title="en/WebGL/Adding 2D content to a WebGL context"><span class="goog-gtc-unit" id="goog-gtc-unit-9"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Adición de contenido 2D a un contexto WebGL</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-10"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Cómo representar formas planas sencillas utilizando WebGL.</span></span></dd>
<dt><a href="/en/WebGL/Using_shaders_to_apply_color_in_WebGL" title="en/WebGL/Using shaders to apply color in WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-11"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Uso de sombreadores para aplicar color en WebGL</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-12"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Muestra cómo agregar color a las formas mediante sombreadores.</span></span></dd>
<dt><a href="/en/WebGL/Animating_objects_with_WebGL" title="en/WebGL/Animating objects with WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-13"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Animación de objetos con WebGL</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-14"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Muestra cómo rotar y trasladar los objetos para crear animaciones sencillas.</span></span></dd>
<dt><a href="/en/WebGL/Creating_3D_objects_using_WebGL" title="en/WebGL/Creating 3D objects using WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-15"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Creación de objetos 3D utilizando WebGL</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-16"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Muestra cómo crear y animar un objeto 3D (en este caso, un cubo).</span></span></dd>
<dt><a href="/en/WebGL/Using_textures_in_WebGL" title="en/WebGL/Using textures in WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-17"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Uso de texturas en WebGL</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-18"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Muestra cómo asignar texturas a las caras de un objeto.</span></span></dd>
<dt><a href="/en/WebGL/Lighting_in_WebGL" title="en/WebGL/Lighting in WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-19"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Iluminación en WebGL</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-20"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Cómo simular efectos de iluminación en tu contexto WebGL.</span></span></dd>
<dt><a href="/en/WebGL/Animating_textures_in_WebGL" title="en/WebGL/Animating textures in WebGL"><span class="goog-gtc-unit" id="goog-gtc-unit-21"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Animación de texturas en WebGL</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-22"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Se muestra cómo animar texturas, en este caso, mediante la asignación de un vídeo Ogg a las caras de un cubo que gira.</span></span></dd>
</dl>
</td>
<td>
<h2 id="Recursos"><span class="goog-gtc-unit" id="goog-gtc-unit-23"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Recursos</span></span></h2>
<dl>
<dt><a class="link-https" href="https://cvs.khronos.org/svn/repos/registry/trunk/public/webgl/doc/spec/WebGL-spec.html" title="https://cvs.khronos.org/svn/repos/registry/trunk/public/webgl/doc/spec/WebGL-spec.html"><span class="goog-gtc-unit" id="goog-gtc-unit-24"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Especificación WebGL (Borrador de trabajo)</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-25"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">El borrador de la especificación WebGL.</span></span></dd>
<dt><a class="external" href="http://www.khronos.org/webgl/" title="http://www.khronos.org/webgl/"><span class="goog-gtc-unit" id="goog-gtc-unit-26"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Sitio de Khronos WebGL</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-27"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">El sitio web principal de WebGL en el Grupo Khronos.</span></span></dd>
<dt><a class="external" href="http://learningwebgl.com/blog/" title="http://learningwebgl.com/blog/"><span class="goog-gtc-unit" id="goog-gtc-unit-28"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Aprender WebGL</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-29"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Un sitio con tutoriales sobre cómo usar WebGL.</span></span></dd>
<dt><a class="external" href="http://learningwebgl.com/cookbook/index.php/" title="http://learningwebgl.com/cookbook/index.php/"><span class="goog-gtc-unit" id="goog-gtc-unit-30"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">La guía práctica de WebGL</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-31"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Un sitio web con recetas muy útiles para escribir código WebGL.</span></span></dd>
<dt><a class="external" href="http://sylvester.jcoglan.com/" title="http://sylvester.jcoglan.com/"><span class="goog-gtc-unit" id="goog-gtc-unit-32"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Sylvester</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-33"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Una biblioteca de código abierto para la manipulación de vectores y matrices.</span></span></dd>
<dt><a class="external" href="http://planet-webgl.org/" title="http://planet-webgl.org/"><span class="goog-gtc-unit" id="goog-gtc-unit-34"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Planeta WebGL</span></span></a></dt>
<dd><span class="goog-gtc-unit" id="goog-gtc-unit-35"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Un agregador de RSS para las personas que pertenecen a la comunidad WebGL.</span></span></dd>
</dl>
</td>
</tr>
</tbody>
</table>
<h2 id="Compatibilidad_de_los_navegadores"><span class="goog-gtc-unit" id="goog-gtc-unit-36"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">Compatibilidad de los navegadores</span></span></h2>
<table class="standard-table">
<tbody>
<tr>
<th><span class="goog-gtc-unit" id="goog-gtc-unit-37"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-100 goog-gtc-translatable" dir="ltr">Navegador</span></span></th>
<th><span class="goog-gtc-unit" id="goog-gtc-unit-38"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-99 goog-gtc-translatable" dir="ltr">Compatibilidad básica</span></span></th>
<th><code>.getContext(<em>context</em>)</code></th>
</tr>
<tr>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-39"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-100 goog-gtc-translatable" dir="ltr">Internet Explorer</span></span></td>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-40"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">---</span></span></td>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-41"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">---</span></span></td>
</tr>
<tr>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-42"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">Firefox (Gecko)</span></span></td>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-43"><span class="goog-gtc-from-human goog-gtc-ph-missing goog-gtc-translatable" dir="ltr">4.0 (2)</span></span></td>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-44"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">experimental-webgl</span></span></td>
</tr>
<tr>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-45"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-100 goog-gtc-translatable" dir="ltr">Opera</span></span></td>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-46"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">---</span></span></td>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-47"><span class="goog-gtc-from-mt goog-gtc-translatable" dir="ltr">---</span></span></td>
</tr>
<tr>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-48"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-100 goog-gtc-translatable" dir="ltr">Chrome</span></span></td>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-49"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-100 goog-gtc-translatable" dir="ltr">9</span></span></td>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-50"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">experimental-webgl</span></span></td>
</tr>
<tr>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-51"><span class="goog-gtc-from-tm goog-gtc-from-tm-score-100 goog-gtc-translatable" dir="ltr">Safari</span></span></td>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-52"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">6 (en Safari nightlies)</span></span></td>
<td><span class="goog-gtc-unit" id="goog-gtc-unit-53"><span class="goog-gtc-from-human goog-gtc-translatable" dir="ltr">experimental-webgl</span></span></td>
</tr>
</tbody>
</table>
<p> </p>
|
