iT邦幫忙

DAY 24
1

30 天實戰跨平台行動APP系列 第 25

Day 25 整合FB登入

今天的目標就是要整合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上面!


上一篇
Day 24 Demo
下一篇
鐵人賽 25~30
系列文
30 天實戰跨平台行動APP26

尚未有邦友留言

立即登入留言