转载

LayaAir——HTML5 开源引擎

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