Autocompletado para WebGL

Al no ser aun un estándar, webgl cuenta con poca compatibilidad con los IDEs de desarrollo, provocando que nuestro querido efecto de autocompletado de funciones y atributos no esté presente en ninguno de ellos.

Para solventar esto, se me ocurrió trastear con el autocompletado de Netbeans, para conseguir que este ayudara a completar el nombre de las funciones y atributos de la biblioteca de gráficos WebGL, que como ya sabréis, suelen ser nombres muy largos y en inglés, además son como uno 150 entre funciones y atributos, así que sería muy difícil aprenderlos todos de memoria.

webgl

Lo primero que debemos saber es que esto funciona en Netbeans 7.2 y posteriores, puede que en anteriores versiones también, pero no lo he probado. Una vez tengamos nuestro IDE instalado, cosa que aconsejo ya que es verdaderamente bueno para desarrollo web, necesitamos descargar un archivo javascript llamado webglMin.js (Está al final de la entrada), en cual debemos añadir a nuestra página .html como vemos a continuación.

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>WebGL</title>
        <!--Nuestro archivo descargado-->
        <script type="text/javascript" src="webglMin.js"></script> 
        <script type="text/javascript">
            //Codigo javascript con autocompletado =)
        </script>
        <!--Este archivo javascript tambien tendra autocompletado-->
        <script type="text/javascript" src="main.js"></script>
    </head>
    <body>
        <canvas id="canvas"></canvas>
    </body>
</html>
Además, para que surja efecto el autocompletado, la variable que contenga el contexto WebGL, debe llamarse "gl", en los ejemplos podréis verlo mejor.

Con esto, ya podremos disfrutar del autocompletado de todos los componentes de la biblioteca WebGL ya sea en una etiqueta script dentro del propio archivo .html, o en algún archivo .js añadido previamente a nuestro .html.

A continuación podéis ver varios ejemplos:
autocompletado webgl
Autocompletando una función
autocompletado webgl
Autocompletando un atributo de WebGL
autocompletado webgl
Al escribir gl. aparecerán todos los componentes de WebGL
Enlace de descarga:  Descargar webglMin.js

Comentarios

Entradas populares de este blog

Ordenar cualquier array con SORT en JAVA

Modificadores de acceso (public, protected y private) JAVA

Calcular factorial de un numero en JAVA