网站首页 > 技术教程 正文
这是一篇关于小游戏入门的文章,本人一直从事的都是游戏开发方面的工作,前几年的端游到现在地方性游戏,对小游戏了解得比较少,这几天心血来潮,突然想研究一下小游戏,然后自己写几个童年的小游戏。于是有了下面的这篇文章。
这次我想采取文章加视频的方式,先文章,后面再录个教学视频,
之前游戏开发用是cocos 这次我决定选择laya,因为之前没有弄过 可能要多花一点时间了
步骤
1. 安装开发环境
2. 运行第一个示例DEMO
3. 配置好debug环境 让游戏可以进行调试。
找到官方网址 点下载就好 下好以后是个绿色的包 不用安装,直接启动就好了
在这之前,我们要下载并安装好 VSCODE,因为laya2.0版本以后不支持内置VSCODE了,
还有GOOGLE 浏览器
这三个工具安装好后,我们要配置一下 就可以进行联调了。
然后 我们打开LayaAireIDE
新建项目,选择开发语言,接下来 我们在LayaAirIDE中关联VSCode
点击浏览或者拖动VSCode安装目录的VSCode可执行文件,到工具路径配置面板的第二个输入框,再点保存。即完成了IDE与VSCode的关联。
然后我们再看一下IDE的主界面
这就是主界面的一些布局下面我们 要先让这个DEMO 跑起来 看看效果
当然也可以在VSCODE中按F5运行 效果是一样的。
下面我们来进行最重要的一步,就是能让代码DEBUG起来,这样方便能调试,尽快找到问题。
在项目文件夹中找到
这两个文件,然后修改一下
把soureMap 原来的false全改成 true 就可以断点断下来了。
差不多就这样 教程结束如果有不懂的可以去看我发的视频,里面有操作方法。
- 上一篇: 微信h5如何制作?游戏程序开发选哪家h5制作平台
- 下一篇: h5怎么制作小程序|h5怎么制作小程序
猜你喜欢
- 2024-09-25 H5移动端开发性能优化,以及个人一些看法
- 2024-09-25 兰塔教程:10分钟写一个H5混合型应用app(Android+iOS双平台)
- 2024-09-25 关于原生与H5开发的一些思考,api线上通道H5我来寻找
- 2024-09-25 H5开发App应用程序的常见问题以及解决方案
- 2024-09-25 轻量级H5 app开发实践之序言 基于h5的app开发
- 2024-09-25 还在为开发app困扰吗,Flutter一键开发多端H5/Android/iOS/桌面
- 2024-09-25 H5游戏定制开发,H5游戏开发,H5小程序游戏
- 2024-09-25 uni-app开发H5端和原生H5开发怎么选择
- 2024-09-25 「ITins」分享一个H5游戏思路与开发过程:消灭星星(带源码下载)
- 2024-09-25 h5怎么制作小程序|h5怎么制作小程序
你 发表评论:
欢迎- 05-1613步震撼淘宝大促闪光裂纹破墙立体字PS制作教程
- 05-16AI教程 | 绘制扁平的萌萌哒图标
- 05-160基础学平面设计所需了解的基础常识汇总
- 05-16自学平面设计需要多长时间?十六年职业设计总监告诉你
- 05-16平面设计都要学习哪些内容?
- 05-16李涛PS教程 高手之路PS教程 合成教程 —制作一个小星球
- 05-16Illustrator实例教程:制作炫酷的漩涡效果
- 05-16Illustrator实例教程:利用混合工具制作一朵炫酷的花
- 最近发表
- 标签列表
-
- sd分区 (65)
- raid5数据恢复 (81)
- 地址转换 (73)
- 手机存储卡根目录 (55)
- tcp端口 (74)
- project server (59)
- 双击ctrl (55)
- 鼠标 单击变双击 (67)
- debugview (59)
- 字符动画 (65)
- flushdns (57)
- ps复制快捷键 (57)
- 清除系统垃圾代码 (58)
- web服务器的架设 (67)
- 16进制转换 (69)
- xclient (55)
- ps源文件 (67)
- filezilla server (59)
- 句柄无效 (56)
- word页眉页脚设置 (59)
- ansys实例 (56)
- 6 1 3固件 (59)
- sqlserver2000挂起 (59)
- vm虚拟主机 (55)
- config (61)
本文暂时没有评论,来添加一个吧(●'◡'●)