Javascript PIXI.JS-逐渐移除老虎机游戏卷轴

我正在学习编写老虎机游戏的代码，我有下面的代码来处理游戏的旋转。我想给卷轴添加一个边框，让精灵在移除并返回顶部之前逐渐消失在边框后面

函数spinggame（）{

spin.interactive=false；
如果（卷数===2）{
如果（（卷轴[0].y>=10）和&（卷轴[5].y>=400）和&（卷轴[10].y>=renderer.height/790））{
取消动画帧（旋转游戏）；
卷数=0；
log（relearray）；
支票赢款（）；
平衡更新（）；
spin.interactive=true；
刷新（）；
}
否则{
对于（变量i=0；i<15；i++）{
卷筒[i].y+=不等速；
}
requestAnimationFrame（spingame）；
刷新（）；
}
}
否则如果（卷轴[0].y>=790）{
取消动画帧（旋转游戏）；
rowNo=5；
卷集（）；
对于（变量i=0；i<5；i++）{
卷轴[i]，y=10；
}
刷新（）；
自旋游戏（）；
reelcount=reelcount+1；
}
否则如果（卷轴[5]。y>=790）{
取消动画帧（旋转游戏）；
rowNo=10；
卷集（）；
对于（变量i=5；i<10；i++）{
卷轴[i]，y=10；
}
刷新（）；
自旋游戏（）；
}
否则如果（卷轴[10].y>=790）{
取消动画帧（旋转游戏）；
rowNo=15；
卷集（）；
对于（变量i=10；i<15；i++）{
卷轴[i]，y=10；
}
刷新（）；
自旋游戏（）；
}
否则{
对于（变量i=0；i<15；i++）{
reel[i].setTexture（symb[reelarray[i]]）；
卷筒[i].y+=不等速；
}
requestAnimationFrame（spingame）；
刷新（）；
}

我应该找什么

---

我已尝试将精灵设置为边框的子对象，但当它们移动到边框外时仍然可见。

结果我看错了位置。为屏幕中心的矩形指定一个遮罩，该遮罩现在可以工作了

var masksContainer = new PIXI.Container();
stage.addChild(masksContainer);
var mask = new PIXI.Graphics();
mask.beginFill(0xffffff);
mask.drawRect(renderer.width / 6 , renderer.height / 7, renderer.width / 1.6 , renderer.height / 1.3);
mask.endFill();
masksContainer.addChild(mask);

for (var i = 0 ; i < 15; i++){
    masksContainer.addChild(reel[i]);
    reel[i].mask = mask;
    refresh();
}

var masksContainer=new PIXI.Container（）；
stage.addChild（masksContainer）；
var mask=new PIXI.Graphics（）；
蒙版。填充（0xffffff）；
mask.drawRect（renderer.width/6、renderer.height/7、renderer.width/1.6、renderer.height/1.3）；
mask.endFill（）；
masksContainer.addChild（mask）；
对于（变量i=0；i<15；i++）{
masksContainer.addChild（卷[i]）；
卷盘[i]。掩码=掩码；
刷新（）；
}

结果是我找错了地方。给屏幕中央的一个矩形指定一个遮罩，它现在可以工作了

var masksContainer = new PIXI.Container();
stage.addChild(masksContainer);
var mask = new PIXI.Graphics();
mask.beginFill(0xffffff);
mask.drawRect(renderer.width / 6 , renderer.height / 7, renderer.width / 1.6 , renderer.height / 1.3);
mask.endFill();
masksContainer.addChild(mask);

for (var i = 0 ; i < 15; i++){
    masksContainer.addChild(reel[i]);
    reel[i].mask = mask;
    refresh();
}

var masksContainer=new PIXI.Container（）；
stage.addChild（masksContainer）；
var mask=new PIXI.Graphics（）；
蒙版。填充（0xffffff）；
mask.drawRect（renderer.width/6、renderer.height/7、renderer.width/1.6、renderer.height/1.3）；
mask.endFill（）；
masksContainer.addChild（mask）；
对于（变量i=0；i<15；i++）{
masksContainer.addChild（卷[i]）；
卷盘[i]。掩码=掩码；
刷新（）；
}