入口改变

Author: Guoshaorui

egret/02-bitmap.md

@@ -30,17 +30,28 @@ workspace    // 您的工作目录
 然后我们创建一个TypeScript类文件，命名为Demo2.ts，然后把下面的代码粘贴进去：
 
 ```
-class Demo2 {
+class Demo2 extends egret.DisplayObjectContainer {
+    /**构造函数*/
+    public constructor() {
+        super();
+        this.addEventListener(egret.Event.ADDED_TO_STAGE,this.startGame,this);
+    }
     /**游戏启动后，会自动执行此方法*/
     public startGame():void {
         alert("hello!");
     }
 }
-//create app
-var app = new Demo2();
 ```
 
-然后打开game_file_list.js，将"GameApp.js"修改为"Demo2.js"，并注释掉GameApp.ts中的最后一行：```var app = new GameApp();```;这样就可以将我们自己的类作为入口类。
+然后打开game_file_list.js，将"GameApp"修改为"Demo2"，并修改"GameApp.js"为"Demo2.js";这样就可以将我们自己的类作为入口类。
+
+```
+var game_file_list = [
+    "Demo2.js",
+    "LoadingUI.js"
+]
+var document_class = "Demo2";
+```
 
 使用命令行编译项目：
 ```
@@ -59,7 +70,7 @@ egret build HelloEgret
 private logo:egret.Bitmap;
 ```
 
-要使用外部资源，就要引入加载机制。想想我们在Flash里是怎么做的？没错，用Loader或URLLoader。Egret中也提供了Loader的类似实现，即：RES.ResourceLoader。(注意ResourceLoader的命名空间是RES，而不是egret，这是因为Egret团队将资源管理从核心库中剥离出来单独作为一个库来维护)。但Egret的封装更“上层”一些，您甚至都无需直接接触ResourceLoader这个类，而是直接使用Egret提供的，结合外部配置文件的资源管理和加载方式。
+要使用外部资源，就要引入加载机制。想想我们在Flash里是怎么做的？没错，用Loader或URLLoader。Egret中也提供了Loader的类似实现，即：RES.ResourceLoader。(注意ResourceLoader的命名空间是RES，而不是egret)。但Egret的封装更“上层”一些，您甚至都无需直接接触ResourceLoader这个类，而是直接使用Egret提供的，结合外部配置文件的资源管理和加载方式。
 
 首先打开项目目录下的resources/resource.json文件，这个您可以认为就是资源的配置文件，里面定义了resources目录下资源的名称和对应的url，甚至可以把资源划分成若干个group，这样来实现分批加载。
 
@@ -108,32 +119,34 @@ stage.addChild(this.logo);//添加到显示列表
 完整代码：
 
 ```
-class Demo2 {
+class Demo2 extends egret.DisplayObjectContainer {
 
     /**测试用的位图*/
     private logo:egret.Bitmap;
 
+    public constructor() {
+        super();
+        this.addEventListener(egret.Event.ADDED_TO_STAGE,this.startGame,this);
+    }
+
     /**游戏启动后，会自动执行此方法*/
     public startGame():void {
         this.loadResource();
     }
     /**加载所需资源*/
-    public loadResource():void {
+    private loadResource():void {
         //使用资源管理器加载资源
         RES.addEventListener(RES.ResourceEvent.GROUP_COMPLETE,this.onResourceLoadComplete,this);
         RES.loadConfig("resources/resource.json","resources/");
         RES.loadGroup("demo2");
     }
     /**加载完毕后即可使用*/
-    private onResourceLoadComplete():void {
-        var stage = egret.MainContext.instance.stage;//获取Stage引用
+    private onResourceLoadComplete(event:RES.ResourceEvent):void {
         this.logo = new egret.Bitmap();//创建位图
         this.logo.texture = RES.getRes("egretIcon");//设置纹理
-        stage.addChild(this.logo);//添加到显示列表
+        this.addChild(this.logo);//添加到显示列表
     }
 }
-//create app
-var app = new Demo2();
 ```
 
 编译项目，顺利的话，您就能看到一个Egret的LOGO显示在屏幕上。
@@ -213,8 +226,7 @@ var bitmap = new egret.Bitmap();
 bitmap.texture = RES.getRes("icons.activity_10");//从精灵表中获取某一项
 bitmap.x = 100;
 bitmap.y = 100;
-var stage = egret.MainContext.instance.stage;//获取Stage引用
-stage.addChild(bitmap);
+this.addChild(bitmap);
 ```
 
 重新编译项目，检查效果吧。

egret/03-movieclip.md

@@ -43,8 +43,7 @@ RES.loadGroup("demo3");
 var data = RES.getRes("monkey_json");//获取描述
 var texture = RES.getRes("monkey_png");//获取大图
 var monkey = new egret.MovieClip(data, texture);//创建电影剪辑
-var stage = egret.MainContext.instance.stage;//获取Stage引用
-stage.addChild(monkey);//添加到显示列表
+this.addChild(monkey);//添加到显示列表
 monkey.setInterval(1);//设置动画每帧的时间间隔，单位是毫秒，数值越小，动作越快
 monkey.gotoAndPlay("stand");
 ```
@@ -53,7 +52,12 @@ monkey.gotoAndPlay("stand");
 完整代码：
 
 ```
-class Demo3 {
+class Demo3 extends egret.DisplayObjectContainer {
+
+    public constructor() {
+        super();
+        this.addEventListener(egret.Event.ADDED_TO_STAGE,this.startGame,this);
+    }
 
     /**游戏启动后，会自动执行此方法*/
     public startGame():void {
@@ -71,15 +75,11 @@ class Demo3 {
         var data = RES.getRes("monkey_json");//获取描述
         var texture = RES.getRes("monkey_png");//获取大图
         var monkey = new egret.MovieClip(data, texture);//创建电影剪辑
-        var stage = egret.MainContext.instance.stage;//获取Stage引用
-        stage.addChild(monkey);//添加到显示列表
+        this.addChild(monkey);//添加到显示列表
         monkey.setInterval(1);//设置动画每帧的时间间隔，单位是毫秒，数值越小，动作越快
         monkey.gotoAndPlay("stand");
     }
 }
-
-//create app
-var app = new Demo3();
 ```
 
 将Demo3作为入口类，重新编译项目，即可看到一只猴子的动画：

egret/04-text.md

@@ -26,8 +26,7 @@ label1.y = 100;
 //支持旋转和斜切
 label1.rotation = 30;
 label1.skewX = 30;
-var stage = egret.MainContext.instance.stage;//获取Stage引用
-stage.addChild(label1);//添加到显示列表
+this.addChild(label1);//添加到显示列表
 ```
 > 和所有基于WEB的应用一样，中文字体是个大问题，目前请尽量使用默认字体
 
@@ -74,8 +73,7 @@ var spriteSheet:egret.BitmapTextSpriteSheet = RES.getRes("bitmapFont");
 var bitmap1 = new egret.BitmapText();
 bitmap1.spriteSheet = spriteSheet;
 bitmap1.text = "HelloWorld";
-var stage = egret.MainContext.instance.stage;//获取Stage引用
-stage.addChild(bitmap1);
+this.addChild(bitmap1);
 ```
 
 改写Demo4的代码，加入上述的语句，编译查看效果：
@@ -97,8 +95,7 @@ input.x = 120;
 input.y = 210;
 input.width = 400;
 input.height = 200;
-var stage = egret.MainContext.instance.stage;//获取Stage引用
-stage.addChild(input);
+this.addChild(input);
 input.setText("输入点文字吧");
 ```
 

egret/07-container.md

@@ -1,21 +1,20 @@
 Egret框架入门第一步 - 容器
 ===============
 
-Egret的显示列表机制，和原生Flash的显示列表机制是非常相似的，但也在某种程度上做了简化。比如显示对象容器，可以直接使用DisplayObjectContainer，而在Flash中，我们能使用的是DisplayObjectContainer的子类，比如Sprite和MovieClip，这一点上注意Egret和Flash的区别。
+Egret的显示列表机制，和原生Flash的显示列表机制是非常相似的，但也在某种程度上做了简化。比如显示对象容器，可以直接使用DisplayObjectContainer，而在Flash中，我们只能使用DisplayObjectContainer的子类，比如Sprite和MovieClip，这一点上注意Egret和Flash的区别。
 
 至于显示列表的具体特性，可以看下面的代码片段：
 
 ```
 //和Flash机制类似，stage是所有显示对象的'根'，stage下面是一个树状的显示列表
 //同时Egret的显示列表相对于原生Flash也做了一些简化
-var stage = egret.MainContext.instance.stage;
 //显示对象容器，使用DisplayObjectContainer
 var container = new egret.DisplayObjectContainer();
 //容器的缩放，旋转，位移将影响到它下面的子节点(即包含的显示对象)
 container.scaleX = 0.2;
 container.scaleY = 0.2;
 //和Flash一样，用addChild方法把一个显示对象添加到显示列表
-stage.addChild(container);
+this.addChild(container);
 //位图是显示对象，纹理不是
 var bitmap1 = new egret.Bitmap(RES.getRes("egretIcon"));
 container.addChild(bitmap1);
@@ -36,6 +35,18 @@ DisplayObjectContainer.removeChildren
 ```
 > 移除所有显示对象，一个方便使用的快捷方法
 
+其实Egret也提供了Sprite类，用法：
+
+```
+var sprite:egret.Sprite = new egret.Sprite();//Sprite与DisplayObjectContainer基本类似
+sprite.graphics.beginFill(0xFF0000,1);//区别是Sprite拥有graphics对象可用于画图
+sprite.graphics.drawRect(0,0,100,100);
+sprite.graphics.endFill();
+sprite.y = 300;
+this.addChild(sprite);
+```
+
+如果容器不需要画图功能，我们可以直接用DisplayObjectContainer；需要画图的时候就用Sprite。
 
 - - -
 

egret/08-event.md

@@ -17,7 +17,6 @@ public constructor(type:string, bubbles:boolean = false, cancelable:boolean = fa
 ```
 /**显示*/
 private onResourceLoadComplete():void {
-    var stage = egret.MainContext.instance.stage;
     var container = new egret.DisplayObjectContainer();
     container.touchChildren = true;//等同于Flash的mouseChildren
     container.touchEnabled = true;//设置容器是否响应Touch交互
@@ -27,7 +26,7 @@ private onResourceLoadComplete():void {
     container.addChild(bitmap1);
     container.name = "myContainer";
     container.x = container.y = 100;
-    stage.addChild(container);
+    this.addChild(container);
     container.addEventListener(egret.TouchEvent.TOUCH_TAP,this.touchHandler,container);
 }
 /**事件侦听处理*/

egret/09-resource.md

@@ -69,13 +69,18 @@ egret.StageDelegate.getInstance().setDesignSize(480, 800, policy);
 一个典型的设置了屏幕策略的程序可能是如下的完整实例：
 
 ```
-class Demo9 {
+class Demo9 extends egret.DisplayObjectContainer{
 
     /**加载进度界面*/
     private loadingView:LoadingUI;
     /**测试用的位图*/
     private logo:egret.Bitmap;
 
+    public constructor() {
+        super();
+        this.addEventListener(egret.Event.ADDED_TO_STAGE,this.startGame,this);
+    }
+
     /**游戏启动后，会自动执行此方法*/
     public startGame():void {
         //-------------------设置屏幕适配策略
@@ -101,25 +106,21 @@ class Demo9 {
 
         //-------------------设置加载进度界面
         this.loadingView  = new LoadingUI();
-        this.loadingView.addToStage();
+        this.stage.addChild(this.loadingView);
     }
     /**preload资源组加载进度*/
     private onResourceProgress(event:RES.ResourceEvent):void {
-        this.loadingView.onProgress(event.itemsLoaded,event.itemsTotal);
+        this.loadingView.setProgress(event.itemsLoaded,event.itemsTotal);
     }
     /**显示*/
     private onResourceLoadComplete():void {
-        this.loadingView.removeFromStage();
-        var stage = egret.MainContext.instance.stage;//获取Stage引用
+        this.stage.removeChild(this.loadingView);
         this.logo = new egret.Bitmap();//创建位图
         this.logo.texture = RES.getRes("egretIcon");//设置纹理
-        stage.addChild(this.logo);//添加到显示列表
+        this.addChild(this.logo);//添加到显示列表
     }
 
 }
-
-//create app
-var app = new Demo9();
 ```
 
 - - -

egret/demo/HelloEgret/launcher/egret_loader.js

@@ -67,13 +67,31 @@ egret_h5.startGame = function () {
     context.deviceContext = new egret.HTML5DeviceContext();
     context.netContext = new egret.HTML5NetContext();
     context.stage = new egret.Stage(canvas.width, canvas.height);
-;
-    egret.TextureCache.getInstance().prefix = "assets/480/";
+
+    //设置屏幕适配策略
+    var container = new egret.EqualToFrame();
+    var content = egret.Browser.getInstance().isMobile ? new egret.FixedWidth() : new egret.FixedSize(480, 800);
+    var policy = new egret.ResolutionPolicy(container, content);
+    egret.StageDelegate.getInstance().setDesignSize(480, 800, policy);
+
     egret.RendererContext.CONTENT_SCALE_FACTOR = 1;
     context.run();
 
-    if (app && app.startGame) {
-        app.startGame();
+    var rootClass;
+    if(document_class){
+        rootClass = egret.getDefinitionByName(document_class);
+    }
+    if(rootClass) {
+        var rootContainer = new rootClass();
+        if(rootContainer instanceof egret.DisplayObject){
+            context.stage.addChild(rootContainer);
+        }
+        else{
+            throw new Error("文档类必须是egret.DisplayObjectContainer的子类!");
+        }
+    }
+    else{
+        throw new Error("找不到文档类！请在game_file_list.js指定文档类的完全限定名。");
     }
 }
 

egret/demo/HelloEgret/launcher/native_loader.js

@@ -0,0 +1,49 @@
+var console = {};
+console.log = function (message) {
+    egtlog(message);
+}
+
+
+egret_native.egtMain = function () {
+    require("bin-debug/lib/egret_file_list.js");
+    require("bin-debug/src/game_file_list.js");
+    for (var key in egret_file_list) {
+        var src = "bin-debug/lib/" + egret_file_list[key];
+        require(src);
+
+    }
+    for (var key in game_file_list) {
+        var src = "bin-debug/src/" + game_file_list[key];
+        require(src);
+    }
+
+
+    var context = egret.MainContext.instance;
+    context.rendererContext = new egret.NativeRendererContext();
+    context.netContext = new egret.NativeNetContext();
+    context.touchContext = new egret.NativeTouchContext();
+    context.deviceContext = new egret.NativeDeviceContext();
+
+    egret_native.EGTView.setDesignSize(480, 800);
+    context.stage = new egret.Stage(480, 800);
+    egret.RendererContext.CONTENT_SCALE_FACTOR = 1;
+
+    context.run();
+
+    var rootClass;
+    if(document_class){
+        rootClass = egret.getDefinitionByName(document_class);
+    }
+    if(rootClass) {
+        var rootContainer = new rootClass();
+        if(rootContainer instanceof egret.DisplayObject){
+            context.stage.addChild(rootContainer);
+        }
+        else{
+            throw new Error("文档类必须是egret.DisplayObjectContainer的子类!");
+        }
+    }
+    else{
+        throw new Error("找不到文档类！请在game_file_list.js指定文档类的完全限定名。");
+    }
+}