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

Publicar un comentario

Si tenéis alguna duda o sugerencia, no dudéis en comentar. ;)

Entradas populares de este blog

Autocompletado de codigo en Sublime Text

Imagen
SublimeCodeIntel es uno de los paquetes de autocompletado más completos de Sublime Text. Para instalarlo tan solo necesitas tener instalado en tu Sublime Text el Gestor de Paquetes que te permitirá instalar el paquete, si aún no lo tienes, en esta entrada se explica como hacerlo: Gestor de paquetes para Sublime Text Hecho esto, para instalar este paquete tan solo debemos pulsar Ctrl+shift+p, esto abrirá una lista de opciones, has de buscar la opción Package Control: Install Package y hacer click en ella. Esto abrirá una lista de todos los paquetes de utilidades que tienes a tu disposición para utilizar en tu Sublime Text.
Seguir leyendo »

Compilar y ejecutar JAVA desde Sublime Text

En esta entrada veremos como configurar un llamado Build System de Sublime Text para que al presionar ctrl + b se compile y ejecute nuestra aplicación en JAVA. Lo primero que debemos hacer es iniciar Sublime Text, una vez lo hallamos hecho, vamos a Tools -> Build System -> New Build System... Esto abrirá un pequeño archivo con unas lineas escritas en JSON, de modo que debemos copiar el siguiente código y pegarlo en este archivo . //Codigo valido para Windows y Linux { "cmd": ["javac ${file_name} && java ${file_base_name}"], "shell": true } Cuando lo hallamos hecho, guardamos dicho archivo en la carpeta donde nos sugiere Sublime Text, y l e ponemos un nombre descriptivo como por ejemplo ejecutarJava.sublime-build , ten cuidado que la extensión del archivo sea .sublime-build . Y con eso ya hemos terminado, para compilar y ejecutar nuestros programas en JAVA tan solo debes ir a Tools -> Build System y elegir el nombre del a
Sigue leyendo

Compilar y ejecutar JAVA desde Notepad++

Imagen
Compilar y ejecutar nuestros programas con solo presionar un botón es algo muy cómodo que casi todos los IDEs de programación tienen. Por desgracia Notepad++, un editor de código ligero y potente que tiene soporte para un gran número de lenguajes, no trae consigo la posibilidad de compilar y ejecutar nuestro archivo .java con tan solo pulsar un botón, pero en cambio nos da herramientas para poder hacerlo nosotros mismos. Lo que debemos hacer es entrar en nuestro querido editor Notepad++, en la barra de opciones de la parte superior, deberemos hacer click en Ejecutar y seguidamente en Ejecutar... , la primera opción de la lista de opciones que aparecerá.
Seguir leyendo »