Mojo HTML5 GL

gxtkGraphics.prototype.DrawLine = function(x1, y1, x2, y2) {
			if (mode !== MODE_NONE) renderPull();

			renderPush(gl.LINES, 2);

			if (this.tformed) {
				var tx0 = x0, tx1 = x1;
				x1 = tx0 * this.ix + y1 * this.jx + this.tx;
				y1 = tx0 * this.iy + y1 * this.jy + this.ty;
				x2 = tx1 * this.ix + y2 * this.jx + this.tx;
				y2 = tx1 * this.iy + y2 * this.jy + this.ty;
			}

			buffer.vdata[buffer.vpointer] = x1; 
			buffer.vdata[buffer.vpointer + 1] = y1;
			buffer.vdata[buffer.vpointer + 2] = 0; 
			buffer.vdata[buffer.vpointer + 3] = 0; 
			buffer.vdata[buffer.vpointer + 4] = x2; 
			buffer.vdata[buffer.vpointer + 5] = y2; 
			buffer.vdata[buffer.vpointer + 6] = 0; 
			buffer.vdata[buffer.vpointer + 7] = 0;

			mode = MODE_NONE;
		}

					x0 = tx0 * this.ix + y0 * jx + this.tx;
					y0 = tx0 * this.iy + y0 * jy + this.ty;

					x0 = tx0 * this.ix + y0 * this.jx + this.tx;
					y0 = tx0 * this.iy + y0 * this.jy + this.ty;

Monkey Runtime Error : TypeError: Cannot call method 'IncLoading' of undefined

		gxtkGraphics.prototype.DrawPoly2=function( verts,surface,srcx,srcy ){
			if (!surface.image.complete) return;
			if (mode !== MODE_TEXTURED) {
				renderPull();
				mode = MODE_TEXTURED;
			}
			var vertexCount = verts.length / 4
			if (vertexCount < 3 || vertexCount > MAX_VERTICES ) return;
	
			renderPush(gl.TRIANGLE_FAN, vertexCount);
			var p = buffer.vpointer;

			for (var i = 0; i < vertexCount; i++) {
				var index = i*4
				var px = verts[index]
				var py = verts[index+1]
				
				if (this.tformed) {
					var ppx = px
					px = ppx * this.ix + py * this.jx + this.tx;
					py = ppx * this.iy + py * this.jy + this.ty;
				}
				buffer.vdata[p] = px
				buffer.vdata[p+1] = py
				buffer.vdata[p+2] = (srcx+verts[index+2])/surface.image.meta_width;
				buffer.vdata[p+3] = (srcy+verts[index+3])/surface.image.meta_height;
				p += 4;
			}
			
			render.last.texture = surface.image.texture;
		}

if (mode !== MODE_TEXTURED)

if (mode !== MODE_TEXTURED || surface.image.texture !== render.last.texture)

		canvas.getContext = (function(wgl2d) {
			return function(context) {
				if( context == "webgl" || context == "experimental-webgl"){
					return wgl2d.gl;
				}
				return wgl2d.api;
			};
		}(this));

Import mojo

Class MyApp Extends App Implements IOnLoadImageComplete

	Field image:Image

	Method OnCreate()
		LoadImageAsync( "http://www.monkeycoder.co.nz/img/logo/cute/monkey1.png",1,Image.MidHandle,Self )
		SetUpdateRate 60
	End
	
	Method OnUpdate()
		UpdateAsyncEvents
	End
	
	Method OnRender()
		Cls
		DrawText "Hello World!",0,0
		If image Then DrawImage image,DeviceWidth()/2,DeviceHeight()/2
	End
	
	Method OnLoadImageComplete:Void( image:Image,path:String,source:IAsyncEventSource )
		If image Then Print "OK!" Else Print "ERR"
		Self.image=image
	End

End

Function Main()
	New MyApp
End

	function init(id) {
		if (window.WebGLRenderingContext !== undefined) {
			if(navigator.userAgent.toLowerCase().indexOf('trident') === -1) {
				try {
					new WebGL2D(document.getElementById(id));
				} catch (e) { }
			}
		}
	}