LayaAirHTML5 开源游戏引擎

联合创作 · 2023-09-27 18:25

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



游戏展示


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 自动化编译及其他工具


浏览 24
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报