Laya Tween 和 遮罩】的更多相关文章

Laya Tween 和 遮罩 @author ixenos 场景:在使用Tween循环时,不规则物体部分超出范围 方案:使用遮罩定型 困境:在laya ide设计模式中将遮罩sprite放到不规则物体child list中时, 出现以下情况:1.设计模式中有遮罩,2.tween作用时遮罩消失 分析:怀疑tween使该遮罩失效(TODO 具体待分析) 解决方案:将物体和遮罩放在同一层,再用一个显示对象装他们…
Laya Tween循环 @author ixenos 需求:做一个循环的缓动动画 方案: 1)如果只是线性变化,那么直接使用timer或者frameLoop来变化 2)如果需要有非线性变化,那么使用tween比较方便 如果选择tween做循环缓动,那么需要自己在complete时递归调用. 最简单的递归如下: private function innerRoundRecursion():void{ Tween.clearTween(spr); Tween.to(spr,{rotation:36…
当你使用一个Tween给一个图标做旋转动画,循环播放.(repeat是播放次数, repeat=0无限循环,repeat=1播放一次) Laya.Tween.to(this.light,{rotation:360},2000).repeat = 0; 然后你打开一个Dialog,很有可能这个Dialog会无限播放打开动画.... Laya.Dialog.open(game/TestDialog.scene); 原因是Tween是放在对象池里的,从对象池取出来时没有初始化repeat,当播放Dia…
(function () { var layaGameInit = window.layaGameInit || {}; var WebGL = Laya.WebGL; var Browser = Laya.Browser; Config.isAlpha = true; Laya.init(750, 1100, WebGL); Laya.stage.scaleMode = "showall"; Laya.stage.alignV = "middle"; Laya.s…
屏幕适配: class GameMain{ public static gameStart:GameStart; public static gameView:GameView; public static gameOver:GameOver; constructor() { Laya.init(800,600); Laya.stage.scaleMode = Laya.Stage.SCALE_NOSCALE;//无缩放 Laya.stage.alignH = Laya.Stage.ALIGN_…
核心要点:3D物体碰撞是靠射线检测,射线与碰撞器相撞获取对应的碰撞点信息. class RayPicking03 { private ray: Laya.Ray; private point: Laya.Vector2 = new Laya.Vector2(); private _outHitInfo: Laya.RaycastHit; private _position: Laya.Vector3; private _upVector3: Laya.Vector3; private _vect…
Laya List翻页滚动方案 & List滚动源码解析 @author ixenos 2019-03-29 1.List翻页滚动方案 /** * 计算下一页的起始索引, 不足时补足 * @param direction 0 for pre, 1 for nex , @author ixenos 2019-03-29 */ private function btnScrollControl(direction:int=0):void{ if(direction==0){ var minusRes…
用户登录是许多网站必备的功能.有一种方式就是不管在网站的哪个页面,点击登录按钮就会弹出一个遮罩层,显示用户登录的对话框.这用方式比较灵活方便.而现在扫描二维码登录的方式也是很常见,例如QQ.微信.百度等.现在何问起推荐一个带二维码的登录弹出层,可拖动.关闭,有需要的朋友可以参考一下. 体验效果:http://hovertree.com/texiao/jquery/91/ 结尾附有源码下载. 效果图: 代码如下: <!DOCTYPE html> <html lang="zh&qu…
box-shadow介绍 在我之前的一篇文章<从天猫和支付宝身上学习opcity与rgba>中,介绍了实现双透明遮罩层效果的两种方法,分别是opacity和rgba.他们需要分别依赖于不同的html结构. 例如用opacity方法:点我查看DEMO. 我一度认为实现这种双遮罩层的效果必须需要借助background,事实上利用CSS3的box-shadow属性可以轻松模拟出这种效果.再次查看Demo. box-shadow: 0 0 0 20px rgba(0, 0 ,0 ,0.5); 五个参…
前言: 最近公司项目下个版本迭代里面设计了很多动画效果,在以往的项目中开发中也会经常用到动画,所以在公司下个版本迭代开始之前,抽空总结一下Android动画.今天主要总结Tween Animation(补间动画). 其他几种动画效果: Android动画效果之Tween Animation(补间动画) Android动画效果之Frame Animation(逐帧动画) Android动画效果之初识Property Animation(属性动画) Android动画效果之Property Anim…