LayaAirHTML5 开源游戏引擎
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();
演示Demo
游戏展示
API帮助
http://layaair.ldc.layabox.com/api/
文档教程
http://ldc.layabox.com/index.php?m=content&c=index&a=show&catid=8&id=10
开发者中心
社区
目录结构
-
bin 编译好的类库,里面分为as,js,ts三种
-
samples 示例项目
-
src 类库源代码
-
utils 自动化编译及其他工具
评论