Zoom scrolling

(Updated from the old alpha version)

This script will place the items in an infinite looping row, so the camera movement is as smooth as possible. The items won’t overlap, you can click them.

Instructions:

– copy paste this script and set it at the position change event of a container (it will use all the items inside, so better a panel)

– the items will need to be not pinned and detached from the grid.

– Set the scrolling to free scroll.

It automatically adapts if a new item is added or removed. However you will need to scroll one loop to update.

Settings: change them as you want

– maxsize: the maximum size the items will have

– see: the number of items you will be able to see at once

———————————————-

/*Config */

var see = 5;// Distance between items

var maxsize = 3; //Max scale of the item

var desk = LL.getEvent().getContainer();

var v = desk.getHeight()/2;

var h = desk.getWidth()/2;

var pos = desk.getPositionX();

var items = desk.getItems();

var n = items.getLength();

var distance = 2*h/see;

for(var i=0;i

var p = Math.floor(pos/distance-n/2 +1);

var arg = (p+i)%n;

while(arg<0)arg+=n;

var item = items.getAt(arg);

var size = pos-(p+i)*distance ;

if(size<0)size=-size;

size=maxsize-( size /h*maxsize );

if(size<0.1){

size =0.1;

item.setPosition( h+(p+i)*distance ,v);

item.setSize(distance/maxsize,desk.getHeight()/maxsize);

}

item.setScale(size,size);

/*items.getAt(arg).setLabel(items.getAt(arg).getWidth() ); */

}