Web Graphics Vision

Tutorial 08 Startup

function startup() {
	canvas = document.getElementById("canvas");
	canvas = WebGLDebugUtils.makeLostContextSimulatingCanvas(canvas);
	canvas.addEventListener('webglcontextlost', handleContextLost, false);
	canvas.addEventListener('webglcontextrestored', handleContextRestored, false);

	window.addEventListener('mousedown', function() {
		canvas.loseContext();
	});

	gl = createGLContext(canvas);
	console.log(gl);
	
	setupShaders();
	setupBuffers();
	setupTextures();  
	gl.clearColor(0.0, 0.0, 0.0, 1.0);
	gl.enable(gl.DEPTH_TEST);

	draw();
}

Tutorial 09 Startup

function startup() {
	canvas = document.getElementById("canvas");
	canvas = WebGLDebugUtils.makeLostContextSimulatingCanvas(canvas);
	canvas.addEventListener('webglcontextlost', handleContextLost, false);
	canvas.addEventListener('webglcontextrestored', handleContextRestored, false);
	document.addEventListener('keydown', handleKeyDown, false);
	document.addEventListener('keyup', handleKeyUp, false);
	canvas.addEventListener('mousemove', mymousemove, false);
	canvas.addEventListener('mousedown', mymousedown, false);
	canvas.addEventListener('mouseup', mymouseup, false);
	canvas.addEventListener('mousewheel', wheelHandler, false);
	canvas.addEventListener('DOMMouseScroll', wheelHandler, false);

	gl = createGLContext(canvas);
	console.log(gl);
 
	init();
 
	pwgl.fpsCounter = document.getElementById("fps");
 
	// Draw the complete scene  
	draw();
}

On both, I'm console logging what gl is.

Tutorial 08 returns an object, yet tutorial 09 returns null.

Both call canvas = WebGLDebugUtils.makeLostContextSimulatingCanvas(canvas); yet 09 returns null from that. And it's the same WebGLDebugUtils file.

sidenote, but i've found console.logging lags my machine like crazy (if you're logging in the draw loop that is)

Yeah, startup looks good. The problem I had was that it was drawing fine, but the box that's supposed to be on top of the table was way off (like 1000 off), so couldn't see it.