美文网首页
display 感觉可以用来做UI布局

display 感觉可以用来做UI布局

作者: skoll | 来源:发表于2023-05-31 20:43 被阅读0次

对页面的元素进行一些定位的操作

1 .把A放置在B的左右,上下居中位置

Phaser.Display.Align.In.Center(A,B)

2 .把A放在b的下面居中

Phaser.Display.Align.In.BottomCenter(A,B)

3 .把A对准一个点

Phaser.Display.Align.In.Center(A, this.add.zone(500, 300))

4 .把A放在B的底部左边

Phaser.Display.Align.In.BottomRight(block, pic)

也就是8个方向都是可以的

1 .TopLeft,TopCenter,TopRight,RightCenter,BottomRight,BottomCenter,BottomLeft,leftCenter,TopLeft

alpha 透明度叠加也是可以有8个角度的

1 .setAlpha(0.2) 整体上面进行0.2 透明度变化
2 .setAlpha(A,B,C,D)

1 .A是左上角的透明度
2 .B是右上角的透明度
3 .C是左下角的透明度
4 .D是右下角的透明度
sea.setAlpha(0, 0, 1, 1);
// 表示一张图片,左上,左下透明度是0,完全可以看到后面的照片,右上,右下,都是不透过的

过度动画.这个tween简直是什么都能运动

this.tweens.add({
            targets: sea,
            alphaTopLeft: { value: 1, duration: 5000, ease: 'Power1' },
            alphaBottomRight: { value: 1, duration: 10000, ease: 'Power1' },
            alphaBottomLeft: { value: 1, duration: 5000, ease: 'Power1', delay: 5000 },
            yoyo: true,
            loop: -1

        });

相关文章

网友评论

      本文标题:display 感觉可以用来做UI布局

      本文链接:https://www.haomeiwen.com/subject/lmmyedtx.html