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版本

?

1 2 3 4 5 6 7 8

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版本

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20

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版本

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

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

演示Demo

• http://layaair.ldc.layabox.com/demo/

• http://layabox.github.io/layaair-examples/

游戏展示

http://game.layabox.com/265

API帮助

http://layaair.ldc.layabox.com/api/

文档教程

http://ldc.layabox.com/index.php?m=content&c=index&a=show&catid=8&id=10

开发者中心

http://ldc.layabox.com/

社区

http://ask.layabox.com/

目录结构

• bin 编译好的类库，里面分为as，js，ts三种

• samples 示例项目

• src 类库源代码

• utils 自动化编译及其他工具  

转载：HTML5 开源游戏引擎 LayaAir