LayaAir开发H5游戏
这里使用LayaAir H5游戏引擎开游戏的一些知识和技巧分享
沈阳-施立
离了歪斜的架构师之路
展开
-
LayaAir 使用IDE制作动画并播放
前言由设计人员来设计动画然后由开发人员进行控制是在游戏开放中比较重要的分工 如果所有动画都由开发人员代码来实现 工作量太大 质量不高 下面就来演示下 如何操作 准备动画素材首先将所有动画素材导入到项目中在这里我准备圆桌骑士中的 大剑勇士的攻击和行走的图片集合所有图片我都使用了 角色_动作_序号 的命名方式导入到工程中在Laya IDE中 切换...原创 2018-08-04 16:23:19 · 5677 阅读 · 3 评论 -
LayaAir 游戏引擎 多点触控演示
最近发现LayaAir 引擎示例 对触控介绍的很少所以写了一个多点触控的小例子 这里例子需要在手机浏览器下才能看到效果希望可以和大家分享一下先准备一个圆形 模拟触控效果class Round extends Laya.Sprite{ private timeLine:Laya.TimeLine = new Laya.TimeLine(); private count:number...原创 2018-04-26 14:40:44 · 3027 阅读 · 0 评论 -
LayaAir 模仿王者荣耀人物控制轮盘
// 程序入口class GameMain{ private round:Laya.Sprite; //控制圆 private hero:Laya.Sprite; //人物 private direction:Laya.Sprite; //方向圆 private speed:number = 0; private angle:number; private ce...原创 2018-04-19 14:17:00 · 3090 阅读 · 1 评论 -
LayaAir 以鼠标点为中心,用滚轮控制Sprite放大缩小
很多游戏中 使用鼠标滚轮来控制地图的放大和缩小, 类似百度地图的控制方式 官方给的东西少之又少 只能自己动手解决!实现效果和这个基本一致 http://bl.ocks.org/sgruhier/1d692762f8328a2c9957这个使用D3.js 实现的 我们需要用游戏引擎实现,这个只能借鉴了首先定义一些全局变量 private pic:Laya.Sprite = new Laya.S...原创 2018-04-26 14:10:35 · 2468 阅读 · 0 评论 -
LayaAir 在TiledMap 中 插入精灵
以下这段代码的功能是 打开一个地图 然后 插入一个精灵在最上方的一个图层中。这个图层可以是对象层 也可以是格子class GameInfo{ private tiledMap: Laya.TiledMap; private x:number=6; private y:number=3; private player:Laya.GridSprite;原创 2017-11-25 00:16:45 · 2150 阅读 · 0 评论 -
LayaAir 使用方向键 控制精灵在格子中移动
使用方向键 在RPG中的格子中移动是很常见的功能! 可是在实际制作中会遇到很多问题本人资质一般 弄了一个这个 弄了好久 基本上完美解决了同时按多个按键的问题 我以前的做法是 按哪个键 就忘哪个方向走 效率低 而且体验差所以改了这个方案 当然 你可以继续优化这代码 并发给我 万分感谢 如果你也专注2D的RPG游戏开发 可以加我的微信 一起研究L原创 2017-11-25 13:12:47 · 4354 阅读 · 1 评论 -
在LayaAir IDE中 使用git 发布代码到码云
按照步骤一步一步进行1. 安装LayaAir IDE 很简单不描述 我安装的是1.7.12 beta 版本2. 已经安装了Git 如果官网下不来 可以在360软件中搜索git 即可下载 我的版本号是2.8.03.然后在CMD git --version 注意 命令行两个横杠 提示版本 表示安装成功然后在你的工程中 git init 来初始化 git目录4. 然后...原创 2017-11-26 15:07:41 · 1611 阅读 · 0 评论 -
使用TypeScript 搜索JSON的简单方法
使用TS 写了一个简单的 搜索JSON数组的方法. 分享给大家. 感觉效率一般, 有方法的朋友请拍砖 public static JsonQuery(arr:Array,obj:any):any{ for(let i:number=arr.length-1;i>=0;i--){ let _jsonObj:any = arr[i];原创 2017-12-05 15:20:21 · 6962 阅读 · 0 评论 -
LayaAir 加载图集资源并播放动画
首先初始化场景 并加载图片资源 constructor() { Laya.init(Browser.clientWidth, Browser.clientHeight, WebGL); Laya.stage.alignV = Stage.ALIGN_MIDDLE; Laya.stage.alignH = Stag原创 2017-12-06 14:12:38 · 6819 阅读 · 0 评论 -
LayaAir 自旋转的小球 横向移动
先创建一个自旋转的小球 原理是设置一个中心点 并不停的改变角度 实现旋转class Ball extends Laya.Sprite{ private static cached:boolean = false; private body:Laya.Sprite; constructor(){ super(); this.init()原创 2017-12-06 14:15:18 · 3202 阅读 · 0 评论 -
LayaAir 自旋转的小球跟随鼠标移动
class Main{ private ball:Ball; private speed:number = 5; constructor() { Laya.init(1100, 619, Laya.WebGL); Laya.loader.load("res/atlas/war.atlas",Laya.Handler.create(t原创 2017-12-06 14:18:29 · 3445 阅读 · 0 评论 -
LayaAir 自转的小球围绕着鼠标转动
就好像地球自转然后围绕着太阳(这里是一个鼠标)转动class Ball extends Laya.Sprite{ private static cached:boolean = false; private body:Laya.Sprite; constructor(){ super(); this.init(); }原创 2017-12-06 14:20:44 · 1539 阅读 · 0 评论 -
LayaAir 实现用获取本地JSON数据资源并循环列出
先定义一个json文件内容略 放到资源文件夹中/**人物选择资源数据 */ public static CHOOSE_CHARACTER_DATA:string = "data/choose_character.json";assets.push({ url: ResourceManager.CHOOSE_CHARACTER_DATA, type: Laya.Loa原创 2017-12-06 14:45:11 · 6582 阅读 · 3 评论 -
LayaAir 拖拽 Sprite 并在屏幕中心放大
onDragEnd(){ //console.info(this.sp.x+"==="+this.sp.y); //console.info(this.sp.pivotX+"==="+this.sp.pivotY); let dx:number = 450 - this.sp.x; let dy:number = 700 - this.sp.y; console.info(d原创 2018-01-10 02:15:03 · 2868 阅读 · 0 评论