HTML5 开源引擎——LayaAir

LayaAir是HTML5开源引擎

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

LayaAir特点
  • 极致性能

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
开始使用JS版本

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();