您的位置:首页 > Web前端 > JavaScript

如何使用JS开发游戏,游戏框架LayaAir介绍

2017-03-15 17:00 1226 查看
很多人都会JS,可你是否会开发游戏?

你是不是觉得游戏开发是一个彻底不同的方向,而且门槛很高?

哥们我瑞偶D就喜欢打破大家心中的恐惧,让那些迷雾中的山水露出路径。


万能的JS,开发游戏用它就行



之前聊过说用JS可以开发手APP,其实用JS还可以开发手机游戏的APP。

因为JS和H5的关系,现在大家在玩的很多手游其实就是JS框架的作品。

当然不止手游,做成网页游戏也是可以的,如果打包一下,把浏览器框架隐藏起来,那就不是网页游戏了……这不是重点

今天给大家安利的一个东西他可以搞2D游戏,也可以搞3D以至VR。

(详细可以到我Q群聊,我也录这个课:129120971)


游戏框架,是啥?

有人已经做了很多工作,你把他们的成果下载下来,用你的JS知识简单添置逻辑,上边的小人儿就开始和玩家互动了。

这些框架有很多,比如复杂一点儿的Unity3D,但我们在聊使用JS,那么单用JS的在国内流行的有Egret白鹭,cocos。

今天给大家安利的是LayaAir,比较新,各方面我肤浅地认为是优于Egret的,欢迎大家讨论。

关键对于国人来说,这都是中文,文档是中文,官网是中文,示例是中文,很容易上手。


昨开始?

直接搜LayaAir,在官网下载它的LayaAir IDE(一个编辑工具,其实任何一个能写JS的东西也可以做),这个工具绿色,解压就可以运行,运行以后创建项目,注意使用的语言要选JS。

因为它除了JS,还支持TS和AS(没错,就是那个FLASH的AS,学过FLASH的老同学们你们有福了)。

项目选空项目,找个空文件夹创建。你要想看看他的示例也可以创建示例项目,但我觉着没啥用,上手册里目的地比较靠谱。


第一个“小游戏”

注意,他会生成很多东西,在src文件夹下就是你的源文件,你可以改他已有的文件或直接生成承便一个*.js文件,F5就会自动编译了。

给你们几行代码,当作开始的HelloWorld啦,点点文字会动:

Laya.init(600,400); //初始化,创建一个舞台

Laya.stage.bgColor='#00aaff'; //修改背景色

var txt=new Laya.Text(); //创建文字对象

txt.text='带我飞!!'; //定义文字对象的内容

txt.fontSize=35; //设定文本大小

txt.color='#ff1900'; //文本颜色

txt.x=50; //文本X位置

txt.y=100; //Y位置

Laya.stage.addChild(txt); //为舞台(stage)添加上你创建的这个小文本

txt.on('click',this,function(){ //点击事件,和JS的on事件一样,写在点它它会撒骄!

txt.text='不要点人家!!';

txt.y+=10; //还会动!

});


更多更详细

请支持我让我有动力写更多,点赞转载。

或如上所说直接加我Q群里详聊:129120971,里边也有录一点儿入门基础,详细地正在录。

爱你@!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐