
LayaAir游戏引擎
沈阳-施立
离了歪斜的架构师之路
展开
-
使用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 使用IDE制作动画并播放
前言由设计人员来设计动画然后由开发人员进行控制是在游戏开放中比较重要的分工 如果所有动画都由开发人员代码来实现 工作量太大 质量不高 下面就来演示下 如何操作 准备动画素材首先将所有动画素材导入到项目中在这里我准备圆桌骑士中的 大剑勇士的攻击和行走的图片集合所有图片我都使用了 角色_动作_序号 的命名方式导入到工程中在Laya IDE中 切换...原创 2018-08-04 16:23:19 · 5677 阅读 · 3 评论 -
对LAYA引擎中的 HttpRequest 进行简单封装
为了方便使用 我对这个进行了简单封装 采用了Typescript 的方式class HTTP{ private callback:any; private caller:any; private http:Laya.HttpRequest; constructor() { this.http = new Laya.HttpRequest; ...原创 2018-05-04 14:24:48 · 4375 阅读 · 0 评论 -
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 以鼠标点为中心,用滚轮控制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 模仿王者荣耀人物控制轮盘
// 程序入口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 加载图集资源并播放动画
首先初始化场景 并加载图片资源 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 使用方向键 控制精灵在格子中移动
使用方向键 在RPG中的格子中移动是很常见的功能! 可是在实际制作中会遇到很多问题本人资质一般 弄了一个这个 弄了好久 基本上完美解决了同时按多个按键的问题 我以前的做法是 按哪个键 就忘哪个方向走 效率低 而且体验差所以改了这个方案 当然 你可以继续优化这代码 并发给我 万分感谢 如果你也专注2D的RPG游戏开发 可以加我的微信 一起研究L原创 2017-11-25 13:12:47 · 4354 阅读 · 1 评论 -
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 评论 -
使用LayaAir H5游戏引擎 开发的抽奖程序
演示地址http://42.56.70.252:9090/video/prize/源代码下载http://download.youkuaiyun.com/download/winnershili/10242259抽奖画面这个抽奖程序的主要功能就是1. 打开欢迎页面 单击进入抽奖程序2. 规则是 被抽中的人员将无法继续参加抽奖 每次点击停止按钮 会出现中奖者头像原创 2018-02-06 14:53:03 · 2337 阅读 · 0 评论 -
在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 写的实现贝塞尔曲线的类
“贝赛尔”工具在photoshop中叫“钢笔工具”;在CorelDraw中翻译成“贝赛尔工具”;而在Fireworks中叫“画笔”。它是用来“画线”造型的一种专业工具。当然还有很多工具也可以完成画线的工作,例如大家常用的photoshop里的直线、喷枪、画笔工具,Fireworks里的直线、铅笔和笔刷工具,CorelDraw里的自由笔,手绘工具等等。百度说这么一大堆, 其实我只是想用来原创 2017-12-06 14:36:10 · 2367 阅读 · 0 评论 -
TypeScript 两点间距离的计算
两点之间的距离计算公式为记A(x1,y1,z1),B(x2,y2,z2),则A,B之间的距离为 d=√[(x1-x2)^2+(y1-y2)^2+(z1-z2)^2]然后我们用TypeScript 来实现它//两点之间的距离let dx:number = this.targetX - this.ball.x;let dy:number = this.t原创 2017-12-06 14:32:27 · 2905 阅读 · 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 自旋转的小球跟随鼠标移动
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:15:18 · 3202 阅读 · 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 在使用瓦片地图时 获取当前点所在位置的一点记录
前言 不搭后语好久没写博客了, 年底都很忙的, 希望在这个IT寒冬之年, 大家不要忘记继续自己的理想昨天测试了一个瓦片地图的小东西 今天主要的目的是记录! 例子使用TypeScript写的我很喜欢这语言 写代码很舒适 尤其是我这种从C#和JAVA过来的同学 感觉真棒 比Dart 还有 科特林 舒服一 首先加载一个地图showMap(){ //创建TiledMap实例 ...原创 2019-01-18 19:33:50 · 1512 阅读 · 0 评论