HTML5 开源引擎——LayaAir

提供Canvas和Webgl同时渲染，如果Webgl不可用，则可自动切换到Canvas模式。引擎为高性能游戏设计，支持AS,TS,JS三种语言开发，一套代码三端齐发（Flash，HTML5，APP）。

• 极致性能

LayaAir优先使用webgl渲染，如果webgl不可用，自动无缝转为canvas渲染，引擎设计过程中处处以性能为优先原则，LayaAir是为裸跑而设计的HTML5引擎。

• 轻量易用

LayaAir API设计上追求精简，简单易用，上手容易，引擎本身非常注意自身大小，是目前同等功能最小的HTML5引擎。

• 支持多语言开发

LayaAir同时支持ActionScript3、TypeScript、JavaScript三种语言开发HTML5

• 功能齐全

同时支持2D，3D，VR、时间轴动画，缓动、UI系统、粒子动画、骨骼动画、物理系统等

• 提供可视化辅助开发及工具流

LayaAirIDE提供代码开发工具及可视化编辑器，清晰的工作流，让美术，策划，程序紧密配合，提高开发效率

• 开源免费

引擎全部开源并托管到github，并且全部免费使用，包括商用

• Webgl渲染
  
• Canvas渲染
  
• 矢量图
  
• 图集支持
  
• 加载管理器
  
• HTML富文本
  
• 位图字体
  
• 遮罩
  
• 滤镜
  
• 时间轴动画
  
• UI
  
• 粒子
  
• 骨骼
  
• 物理系统
  
• 可视化IDE
  
• 3D
  
• VR
  

Laya.init(550, 400);
Laya.stage.scaleMode = "showall";

var ape = new laya.Sprite();
//加载猩猩图片
ape.loadImage("res/apes/monkey2.png", 220, 128);

Laya.stage.addChild(ape);

AS版本

package
{
    import laya.display.Sprite;
    import laya.display.Stage;

    public class Sprite_DisplayImage
    {
        public function Sprite_DisplayImage()
        {
            Laya.init(550, 400);
            Laya.stage.scaleMode = "showall";

            var ape:Sprite = new Sprite();
            //加载猩猩图片
            ape.loadImage("res/apes/monkey2.png", 220, 128);

            Laya.stage.addChild(ape);
        }
    }
}

TS版本

/// <reference path="../../libs/LayaAir.d.ts" />
class Sprite_DisplayImage{

    constructor(){
        Laya.init(550, 400);
        Laya.stage.scaleMode = "showall";

        var ape = new Laya.Sprite();
        //加载猩猩图片
        ape.loadImage("res/apes/monkey2.png", 220, 128);

        Laya.stage.addChild(ape);
    }
}
new Sprite_DisplayImage();