LayaAir引擎学习日志8----AS3语言中Flash Builder中显示文本Hello Layabox(AS3)

来源：互联网发布：excel图标数据标志编辑：程序博客网时间：2024/06/06 16:17

本篇采用AS3语言在Flash Builder环境中显示文本Hello Layabox，学完本篇即为完成LayaAir引擎的第一个程序。在学习本篇前务必保证先阅读完：博客之前的Flash Builder的配置的相关文章

第一步新建项目

步骤一：打开Flash Builder，在菜单栏里点“文件”，然后选中“新建”点击 “ActionScript项目”，进入创建项目的窗口。

步骤二：在“项目名”输入栏里输入项目名称，然后在“文件夹”输入栏里输入项目存储目录或者是点击“浏览”选择存储的目录。最后点击“下一步”进入引擎编译与引擎库配置的“构建路径”窗口。

步骤三：在构建路径配置的“库路径”窗口里，先删除系统自带的编译SDK，然后点击“添加SWC”，将引擎包里的“playerglobal.swc”、“LayaAirFlash.swc”、“glsl2agal.swc”添加进来。如果项目没有发布Flash版本的需求，“LayaAirFlash.swc”、“glsl2agal.swc”也可以不添加。

步骤四：在构建路径配置的“源路径”窗口里点击“添加文件夹”，输入“引擎库所在目录”或点击“浏览”选择“引擎库所在目录”，然后点击确定，即完成了引擎库的导入。

最后，点击最下方的“完成”按钮，结束新建项目的引导。

第二步显示文字“Hello Layabox”

步骤一：菜单栏 “文件” 中选中 “新建”，单击“ActionScript类”，打开新建类文件的窗口。

步骤二：在名称栏输入HelloLayabox，点击 “完成”新建一个ActionScript类。

步骤三：将HelloLayabox.as设置为默认应用程序。

步骤四：双击打开HelloLayabox.as，开始编写代码。将一个“Hello Layabox”的文本添加到舞台，代码如下：

package {
    import laya.display.Text;
    public class HelloLayabox 
    {
        public function HelloLayabox() 
        {
            //创建舞台，默认背景色是黑色的
            Laya.init(600, 300);
            var txt:Text = new Text();
            //设置文本内容
            txt.text = "Hello Layabox";
            //设置文本颜色为白色，默认颜色为黑色
            txt.color = '#ffffff';
            //将文本内容添加到舞台 
            Laya.stage.addChild(txt);
        }
     }
 }

步骤五：完成代码编写后，使用之前文章里配置的编译器，点击按钮开始编译，编译完成后会自动启动chrome运行代码。

运行结果如下图所示：

步骤六：“Hello Layabox”虽然显示出来了，但是太简陋了，下面我们就让“Hello Layabox”变的好看一些，代码如下：

package {
 
 import laya.display.Text;
 
 public class HelloLayabox {
 
  public function HelloLayabox() {
 
   //创建舞台   
 
   Laya.init(600, 300);
 
   //舞台默认背景色是黑色的   
 
   var txt:Text = new Text();
 
   txt.text = "Hello Layabox";
 
   //设置文本颜色   
 
   txt.color = '#FF0000';
 
   //设置文本字体大小，单位是像素   
 
   txt.fontSize = 66;
 
   //设置字体描边   
 
   txt.stroke = 5;
 
   //描边为5像素   
 
   txt.strokeColor = '#FFFFFF';
 
   //设置为粗体   
 
   txt.bold = true;
 
   //设置文本的显示起点位置X,Y   
 
   txt.pos(60, 100);
 
   //设置舞台背景色   
 
   Laya.stage.bgColor = '#23238E';
 
   //将文本内容添加到舞台   
 
   Laya.stage.addChild(txt);
 
  }
 
 }
 
}

运行结果如下图所示：

至此，如果您能跟随本篇入门教程，完成上图的显示，恭喜您入门成功，我们已经完成了第一个采用AS3语言开发的HTML5程序，也说明了LayaAir的开发环境配置无误。

不懂的可以加我的QQ群： 172719352（LayaAir引擎交流群）欢迎你的到来哦，看了博文给点脚印呗，谢谢啦~~

0 0

LayaAir引擎学习日志8----AS3语言中Flash Builder中显示文本Hello Layabox(AS3)

本篇采用AS3语言在Flash Builder环境中显示文本Hello Layabox，学完本篇即为完成LayaAir引擎的第一个程序。在学习本篇前务必保证先阅读完：博客之前的Flash Builder的配置的相关文章

第一步 新建项目

第二步 显示文字“Hello Layabox”

第一步新建项目

第二步显示文字“Hello Layabox”