图片组的连续滚动效果

　　现在的网页上常常见到图片组的连续滚动效果，假如您掌控了AS的基础知识，也能做出这样的效果，假如您想学，那么跟我来吧！

　　由于源码中只有一帧，所以就不贴图示了。主要的东东是个图片MC，实例名是“m”。制作步骤是这样的。先把一组图连起来，组合，相对舞台选择水平和垂直居中，再复制两个图片组合，分别放在两侧衔接好。新建一个MC，把图片MC（实例名为“m”）放进去，相对舞台选择水平和垂直居中，不做别的处理。给这个MC起实例名为“mc”。

　　接下来该写代码了，在实例名为“mc”的剪辑上加如下代码：

　　假如您是老鸟，那您顺一遍就明白了；假如您是菜鸟，下面有逐行的解释：

　　onClipEvent (enterFrame) {

　　this.m._x = (_root._xmouse-275)/10;

　　_root.aa = int(this.m._x);

　　if (this.m._x>862.4) {

　　this.m._x = this.m._x-862.4;

　　}

　　if (this.m._x<-862.4) {

　　this.m._x = this.m._x 862.4;

　　}

　　}

　　onClipEvent (enterFrame) {

　　ty=this._yscale;

　　newy=ty (_root._ymouse-200)/30;

　　if (newy>150) {

　　newy=150;

　　}

　　if (newy<80) {

　　newy=80;

　　}

　　this._xscale=newy;

　　this._yscale=newy;

　　}

　　//*----------------------------------

　　onClipEvent (enterFrame) {

　　this.m._x = (_root._xmouse-275)/10;//因场景是550，所以中央是275，实例m的X坐标递加(_root._xmouse-275)/10；当鼠标在中央右侧时，(_root._xmouse-275)/10为正值，所以向右滚动；假如 =改成-=就成了鼠标在右侧时，向左滚动。

　　_root.aa = int(this.m._x);//测试用的，我的习惯

　　if (this.m._x>862.4) {

　　this.m._x = this.m._x-862.4;// 862.4是实例m里的一个图片组的宽度。假如大于此值，说明实例m已移动了一个图片组的长度，让this.m._x减去862.4，等于是回到了原位；以此来实现循环滚动。

　　}

　　if (this.m._x<-862.4) {

　　this.m._x = this.m._x 862.4;//大致的解释参考上面的

　　}

　　}

　　//*---------------------------

　　onClipEvent (enterFrame) {

　　ty=this._yscale;//取得实例mc的Y方向比例值

　　newy=ty (_root._ymouse-200)/30;//因场景高度是400，所以中央是200；当鼠标在中央上面时，缩小，当鼠标在中央下面时，放大。

　　if (newy>150) {

　　newy=150;//不能无限的放大，要限制一下

　　}

　　if (newy<80) {

　　newy=80;//同上

　　}

　　this._xscale=newy;//X方向比例值

　　this._yscale=newy;// Y方向比例值

　　}

　　需要总结一下吗？我觉得主要的技术在于MC的嵌套上，对内部的MC做滚动，对他本身做缩放，互不影响，这应该是本例的重点技术。至于基他的就是些变量、赋值、判断条件等。补充一下，假如您要缩小的比例<80，可能会碰到问题，因为您缩小后可能会不够长度，连贯不起来。这时您能够在三组图的两侧再增加两个图片组，相应的this.m._x = this.m._x-862.4改成this.m._x = this.m._x-2*862.4，this.m._x = this.m._x 862.4改成this.m._x = this.m._x 2*862.4，应该就完成了。这是本例的又一特点：可扩展性。假如您理解不了，我给画个示意图：

　　

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有