cocos-creator 开发路程一实现可移动的游戏选择窗口（二）
上一篇完成了前期的布局工作，下一步就是如何实现里面的移动时Scale的变化。
我是那么想的，根据srollview的偏移量，和之前的scrollview的原坐标的差别，来确定到达这个位置的时候，每个Item(也就是每个游戏菜单)的Scale。然后把这个方法在update方法上调用，以达到时时更新的效果。但是，这个问题就很严重了，因为这个程序cpu 就特别高，具体怎么优化，暂时还是没有考虑好
废话不说先上代码。
checkOffset:function(){
var offset = this.Item.parent.position.x;
var actionTo1;
//this.Item3.setScale = (1.1,1.1);
var actionTo2 ;
var actionTo3 ;
var actionTo4 ;
var actionTo5 ;
if(offset>=-25 && offset <55)
{
//this.Item.setScale (1.3,1.3);
actionTo1 = cc.scaleTo(0.2,1.7);
//this.Item3.setScale = (1.1,1.1);
actionTo2 = cc.scaleTo(0.2,1.4);
actionTo3 = cc.scaleTo(0.2,1.1);
actionTo4 = cc.scaleTo(0.2,0.9);
actionTo5 = cc.scaleTo(0.2,0.9);
// this.Item1.setScale = (1.1,1.1);
// this.Item2.setScale = (1.1,1.1);
// this.Item4.setScale =(0.9,0.9);
this.Item.runAction(cc.sequence(actionTo1));
this.Item3.runAction(cc.sequence(actionTo2));
this.Item1.runAction(cc.sequence(actionTo2));
this.Item2.runAction(cc.sequence(actionTo4));
this.Item4.runAction(cc.sequence(actionTo5));
}
else if(offset >=-200 &&offset<-25)
{
console.log("进入变形");
// this.Item.setScale = (1.1,1.1);
// this.Item3.setScale = (0.9,0.9);
// this.Item1.setScale = (1.3,1.3);
// this.Item2.setScale = (0.9,0.9);
// this.Item4.setScale = (1.1,1.1);
actionTo1 = cc.scaleTo(0.2,1.4);
//this.Item3.setScale = (1.1,1.1);
actionTo2 = cc.scaleTo(0.2,1.1);
actionTo3 = cc.scaleTo(0.2,1.7);
actionTo4 = cc.scaleTo(0.2,0.9);
actionTo5 = cc.scaleTo(0.2,1.4);
//cc.sequence(actionTo1,actionTo2,actionTo3,actionTo4,actionTo5)
this.Item.runAction(cc.sequence(actionTo1));
this.Item3.runAction(cc.sequence(actionTo2));
this.Item1.runAction(cc.sequence(actionTo3));
this.Item2.runAction(cc.sequence(actionTo4));
this.Item4.runAction(cc.sequence(actionTo5));
}
else if(offset <=215 &&offset>55)
{
console.log("进入变形");
actionTo1 = cc.scaleTo(0.2,1.4);
actionTo2 = cc.scaleTo(0.2,0.9);
actionTo3 = cc.scaleTo(0.2,1.7);
actionTo4 = cc.scaleTo(0.2,1.1);
actionTo5 = cc.scaleTo(0.2,1.4);
//cc.sequence(actionTo1,actionTo2,actionTo3,actionTo4,actionTo5)
this.Item.runAction(cc.sequence(actionTo1));
this.Item3.runAction(cc.sequence(actionTo3));
this.Item1.runAction(cc.sequence(actionTo4));
this.Item2.runAction(cc.sequence(actionTo5));
this.Item4.runAction(cc.sequence(actionTo2));
}
else if(offset >215)
{
console.log("进入变形");
actionTo1 = cc.scaleTo(0.2,1.4);
actionTo2 = cc.scaleTo(0.2,1.1);
actionTo3 = cc.scaleTo(0.2,1.7);
actionTo4 = cc.scaleTo(0.2,0.9);
actionTo5 = cc.scaleTo(0.2,0.7);
//cc.sequence(actionTo1,actionTo2,actionTo3,actionTo4,actionTo5)
this.Item.runAction(cc.sequence(actionTo2));
this.Item3.runAction(cc.sequence(actionTo1));
this.Item1.runAction(cc.sequence(actionTo4));
this.Item2.runAction(cc.sequence(actionTo3));
this.Item4.runAction(cc.sequence(actionTo5));
}
else
{
actionTo1 = cc.scaleTo(0.2,1.4);
actionTo2 = cc.scaleTo(0.2,1.1);
actionTo3 = cc.scaleTo(0.2,1.7);
actionTo4 = cc.scaleTo(0.2,0.9);
actionTo5 = cc.scaleTo(0.2,0.7);
//cc.sequence(actionTo1,actionTo2,actionTo3,actionTo4,actionTo5)
this.Item.runAction(cc.sequence(actionTo2));
this.Item3.runAction(cc.sequence(actionTo4));
this.Item1.runAction(cc.sequence(actionTo1));
this.Item2.runAction(cc.sequence(actionTo5));
this.Item4.runAction(cc.sequence(actionTo3));
}
},
update:function(dt){
//console.log("位置：",+this.Item.parent.position.x,this.Item.position.y);
this.checkOffset();
}
如下是效果图，如果有高手觉得我的什么地方不好希望联系交流。
——————致X