如何使用JS开发游戏,游戏框架LayaAir介绍
2017-03-15 17:00
1226 查看
很多人都会JS,可你是否会开发游戏?
你是不是觉得游戏开发是一个彻底不同的方向,而且门槛很高?
哥们我瑞偶D就喜欢打破大家心中的恐惧,让那些迷雾中的山水露出路径。
之前聊过说用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,里边也有录一点儿入门基础,详细地正在录。
爱你@!
你是不是觉得游戏开发是一个彻底不同的方向,而且门槛很高?
哥们我瑞偶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,里边也有录一点儿入门基础,详细地正在录。
爱你@!
相关文章推荐
- Unity开发小型游戏中如何便捷使用PureMVC框架
- Unity开发小型游戏中如何便捷使用PureMVC框架
- 深入浅出node.js游戏服务器开发——Pomelo框架的设计动机与架构介绍
- [转]prototype.js开发笔记(针对Ajax的JS框架Prototype的使用介绍)
- (pomelo系列入门教材)深入浅出node.js游戏服务器开发1——基础架构与框架介绍
- 深入浅出node.js游戏服务器开发——基础架构与框架介绍
- 深入浅出node.js游戏服务器开发1——基础架构与框架介绍
- 深入浅出node.js游戏服务器开发1——基础架构与框架介绍
- PostgreSQL介绍以及如何开发框架中使用PostgreSQL数据库
- [转]prototype.js开发笔记(针对Ajax的JS框架Prototype的使用介绍)
- 深入浅出node.js游戏服务器开发1——基础架构与框架介绍
- 深入浅出node.js游戏服务器开发1——基础架构与框架介绍
- 通过分析蜘蛛侠论坛中的版块管理功能来介绍该如何使用我开发出来的ROM框架
- 【2Dhtml5游戏框架phaser介绍2】使用在线云IDE开发phaser
- (pomelo系列入门教程)深入浅出node.js游戏服务器开发——Pomelo框架的设计动机与架构介绍
- Unity开发小型游戏中如何便捷使用PureMVC框架
- android游戏开发框架libgdx的使用(二)--图形绘制
- android游戏开发框架libgdx的使用(十三)—TiledMap中的角色和角色移动
- 使用 Vue.js 2.0 框架开发和运行
- 如何配置基于eclipse的easy structs插件,并介绍了如何结合使用easy structs和eclipes来开发struts的应用