layabox
IndependentGamer
会画画的程序员
展开
-
LayaBox游戏项目实录四:游戏中多边形属性雷达图
前言游戏项目中经常用到多边形雷达图,来表示人物的属性分布:像这种:(注:以上图片均来源自网络,不做任何商业用途)那今天跟随游戏项目,用 laya 画一个通用的属性雷达图。准备知识首先,任何雷达图都离不开圆,像下面这种,我们首先要明确一个概念:雷达图是建立在圆的内切图当中。(注:以上图片均来源自网络,不做任何商业用途)如何画多边形以正五边形雷达图为例,其他任意正多边形也一样,画图的原点在圆心(0,0),以r为半径作圆,作为正五边形的外接圆,则正五边形每条..原创 2021-10-29 16:47:15 · 2570 阅读 · 0 评论 -
LayaBox游戏项目实录三:多界面缓动动画的统一调用
游戏项目有一条需求是:完成多个组件同时缓动的效果。假设:UI界面有两个box,一个在上,一个在下,要求点击按钮后,同时下拉或者上滑。Laya给的缓动示例是:/** * 缓动对象的props属性到目标值。 * @param target 目标对象(即将更改属性值的对象)。 * @param props 变化的属性列表,比如{x:100,y:20,ease:Ease.backOut,complete:Handler.create(this,onComplete),update:n原创 2021-08-10 19:32:58 · 356 阅读 · 0 评论 -
LayaBox游戏项目实录二:战斗记录Panel组件优化
游戏战斗记录貌似每个游戏都有,一场战斗下来,可能记录的数据多达上千条,多人回合制记录的甚至更多。那么,对于超过一千条甚至更多的记录条数,在panel组件中有两种显示方式:一、创建1000多条item(可能是一个HTMLDivElement),带颜色已经链接的条目。二、创建10~30条item,进行1000多条的复用。那么经过测试,1000条item照成的性能下降是显而易见的,FPS直接从60 降到了 20,画面出现不流畅甚至卡的感觉,由于游戏项目面向微信小游戏和移动端,性能要求很高,创建10原创 2021-08-02 20:45:15 · 342 阅读 · 0 评论 -
layabox 环形倒计时
laya官方没有环形倒计时的组件,我们现在自己制作一个:首先,创建一个box,在box下添加一个img。img属于box的子项,box的参数如下:代码中:this.mBox.mask=this.ttImg;this.mBox.graphics.clear();this.mBox.graphics.drawPie(86,86,86,0,360-this._angle,"#ffff00","#ffffcd")...原创 2021-06-22 15:43:06 · 343 阅读 · 0 评论