モバゲーのIOS/Android開発プラットホームngCoreの使い方２

昨日、

モバゲーのIOS/Android開発プラットホームngCoreの使い方１
http://blog.goo.ne.jp/xmldtp/e/f25d2f78201d0ad0bee905ddec12a00a

をやって、Hello ngCoreと、ログに出しました。
今日は、これを、画面上に出してみたいと思います。

デブサミで配られた、「ngCore最速チュートリアル」の８～９ページに書いてある内容です。

---

■つくりかた（昨日の続きから）。

（１）昨日作った、Helloフォルダの下の、Codeフォルダをクリック。
　　そこにある、Main.jsの内容を、以下のように書き換えます。

var UI=require('../NGCore/Client/UI').UI;
var GL2=require('../NGCore/Client/GL2').GL2;

//-------- 初期化処理
function initialize() {
	var helloText=new GL2.Text("Hello ngCore");
	helloText.setPosition(UI.Window.getWidth()/2,UI.Window.getHeight()/2);
	helloText.setColor(0,0,0);
	GL2.Root.addChild(helloText);
}

//-------- 起動時に呼ばれる
function main()
{
	NgLogD("-------------");
	NgLogD("Hello ngCore!");
	NgLogD("-------------");

	// GL Viewを初期化する
	new UI.GLView({
		frame: [0,0,UI.Window.getWidth(),UI.Window.getHeight()],
		onLoad: initialize
	}).setActive(true);
 
}

あとは、昨日とおなじです。

（２）サーバーを起動します。
　SDKのフォルダーまで行って、
　　make server
　します。

（３）ブラウザ（IE6はＸ、Chromeとか）で、今のＵＲＬを開きます。
　例の、フォルダがHelloの場合は、
　　　http://localhost:8002/Samples/Hello/
　（最後の/を忘れずにつけること。そうしないと、おかしなことになる）
　とＵＲＬを指定して、開いてください。

「ngCore最速チュートリアル」の９ページにあるように
ngCore
と書かれた画面が表示されます。

---

■説明

new UI.GLView()でOpenGLがつかえるようになります。
引数のframeで描画する大きさを指定し、
onLoadで、初期化の際、initialize()を実行することを指定します。

new GL2.Textで、表示用文字列を作り、それをaddChildで追加しています。

くわしくは、
「ngCore最速チュートリアル」の８～９ページにあります。

---

今日はここまで。