今天的目標就是要整合FB登入
首先我想的就是要以canvas為背景,就是canvas為全螢幕。
所以現在的init函式:
function init() {
	  canvas = document.getElementById("main_canvas");
	  
	  canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
      
	  initWheelEvent(canvas);
	  initMouseDragEvent(canvas);
	  gl = initWebGL(canvas);     
	  if (gl) {
		    initShaders();
		    loadTexture();
			
			setupWebGL();
		    setupBuffers();
			setupDynamicBuffers();
		    getMatrixUniforms();
			 (function animLoop(){
				 
					setupWebGL();
					setMatrixUniforms();
					drawScene();
					requestAnimationFrame(animLoop, canvas);
			})();		
	  }
}
加入
	  canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
這兩行
接下來就是去抓FB的登入按鈕,在fb的developer頁面有提供
https://developers.facebook.com/docs/plugins/login-button
產生登入按鈕圖後,接下來就是想辦法產生一個圖層,覆蓋在canvas上面!