====== About the script ====== * Purpose : This script will give you a beautiful page transition animation and an optional horizontal and vertical page loop * Author : [[https://plus.google.com/+LukasMorawietz|LM13]] * Current Version : 3.0.1 * Link : https://plus.google.com/115366157037831519359/posts/GXVcfSaWVRi * Video : https://plus.google.com/115366157037831519359/posts/N4vKniRC4pe * Download avialable! (Check repository) ====== Changelog ====== * Version 1.0 (1/4/2014): initial release in wiki * Version 2.0 (19/5/2014): added vertical support, improved smoothness * Version 2.1 (20/6/2014): added rotation check * Version 3.0.1 (20/7/2014): standalone, improved smoothness ====== How to use the script ====== * Set the script to the positionchanged event of your container * enable infinte scrolling if you want to have a screen loop * in this container: create a shortcut to the script * one click on the shortcut will enable the animation, clicking again will disable the animation. * BE SURE TO DISABLE THE ANIMATION BEFORE YOU EDIT, MOVE OR ADD ITEMS! ====== Issues and hints ====== * this will break any other script, which uses item or container tags, and will be broken by them * at some point it may flicker * don't use dual position, this will do weird stuff * make sure all of your items have exactly one of the following rotations: 0°,90°,180°,270° //please report all bugs in the g+ community// ====== Script code ====== <sxh javascript;>var e=LL.getEvent(); var d=e.getContainer(); var cont= JSON.parse(d.getTag()||"null"); var items=d.getItems(); var dwidth=d.getWidth(); var dheight=d.getHeight(); if(e.getSource()!="C_POSITION_CHANGED") { if(cont==null) cont=new Object(); var box=d.getBoundingBox(); cont.minx=box.getLeft(); cont.maxx=box.getRight(); cont.miny=box.getTop(); cont.maxy=box.getBottom(); var minpagex=Math.floor( cont.minx/dwidth); var minpagey=Math.floor( cont.miny/dheight); if(cont.setup!=true) { cont.pages=[]; for(x=0;x<Math.ceil(cont.maxx/dwidth)-minpagex;x++) { cont.pages[x]=[]; for(y=0;y<Math.ceil(cont.maxy/dheight)-minpagey;y++) { cont.pages[x][y]=[]; } } for(x=0;x<items.length;x++) { var i=items.getAt(x); var pinned=i.getProperties() .getString("i.pinMode"); if(pinned!="XY") { var data=new Object(); data.posx=i.getPositionX(); data.posy=i.getPositionY(); data.rot=Math.abs(i.getRotation())==90; data.pin=pinned; if(i.getProperties().getBoolean("i.onGrid")) data.onGrid=true; else data.onGrid=false; i.getProperties().edit().setBoolean("i.onGrid",false).commit(); i.setTag(JSON.stringify(data)); if(pinned=="X") { var ypages=cont.pages[Math.floor(data.posx/dwidth)-minpagex][Math.floor(data.posy/dheight)-minpagey]; for(z=0;z<ypages.length;z++) cont.pages[z][Math.floor(data.posy/dheight)-minpagey].push(i.getId()); } else if(pinned=="Y") { var xpages=cont.pages[Math.floor(data.posx/dwidth)-minpagex]; for(z=0;z<xpages.length;z++) xpages[z].push(i.getId()); } else cont.pages[Math.floor(data.posx/dwidth)-minpagex][Math.floor(data.posy/dheight)-minpagey].push(i.getId()); } } cont.setup=true; Android.makeNewToast("Animation enabled",true).show(); } else { var cellw=d.getCellWidth(); var cellh=d.getCellHeight(); for(x=0;x<items.length;x++) { var i=items.getAt(x); var data=JSON.parse(i.getTag()); i.setScale(1,1); if(data!=null&& data.onGrid==true) { iwidth=i.getWidth(); iheight=i.getHeight(); i.getProperties().edit().setBoolean("i.onGrid",true).commit(); i.setCell(Math.round(data.posx/cellw),Math.round(data.posy/cellh),Math.round((data.posx+iwidth)/cellw),Math.round(( data.posy+iheight)/cellh)); } } cont.setup=false; Android.makeNewToast("Animation disabled",true).show(); } d.setTag(JSON.stringify(cont)); } if(cont==null || !cont.setup || d.getPositionScale()!=1)return; var dposx=d.getPositionX(); var dposy=d.getPositionY(); var currentx=Math.floor(dposx/dwidth); var pageposx=currentx*dwidth; var percentx=(dposx-pageposx)/dwidth; var currenty=Math.floor(dposy/dheight); var pageposy=currenty*dheight; var percenty=(dposy-pageposy)/dheight; var maxpagex=Math.floor( (cont.maxx-dwidth)/dwidth); var maxpagey=Math.floor( (cont.maxy-dheight)/dheight); var minpagex=Math.floor( cont.minx/dwidth); var minpagey=Math.floor( cont.miny/dheight); if(((percentx>0.005 && percentx<99.995) ||(percenty>0.005 && percenty<99.995)) && dposx>cont.minx-dwidth && dposy>cont.miny-dheight) { var scrollLimit=d.getProperties() .getBoolean("noScrollLimit"); if(dposx>cont.maxx-dwidth&&scrollLimit){ d.setPosition(cont.minx-dwidth,dposy,1,false); } else if(dposy>cont.maxy-dheight&&scrollLimit) d.setPosition(dposx,cont.miny-dheight,1,false); if(dposx<cont.minx&&scrollLimit) cont.statex=true; if(dposy<cont.miny&&scrollLimit) cont.statey=true; var items=(cont.pages[(cont.statex?maxpagex:currentx)-minpagex]||[])[(cont.statey?maxpagey:currenty)-minpagey]; if(items!=null) { for(z=0;z<items.length;z++) { var item=LL.getItemById(items[z]); var data=JSON.parse(item.getTag()); item.setScale(data.pin=="X"?1:1-(data.rot?percenty:percentx),data.pin=="Y"?1:1-(data.rot?percentx:percenty)); item.setPosition(data.pin=="X"?data.posx:dposx+((data.posx%dwidth+dwidth)%dwidth)*(1-percentx),data.pin=="Y"?data.posy:dposy+((data.posy%dheight+dheight)%dheight)*(1-percenty)); } } var items=(cont.pages[currentx+1-minpagex]||[])[(cont.statey?maxpagey:currenty)-minpagey]; if(items!=null) { for(z=0;z<items.length;z++) { var item=LL.getItemById(items[z]); var data=JSON.parse(item.getTag()); item.setScale(data.pin=="X"?1:data.rot?1-percenty:percentx>0.005?percentx:1,data.pin=="Y"?1:data.rot?(percentx>0.005?percentx:1):1-percenty); item.setPosition(data.pin=="X"?data.posx:dposx+dwidth-(dwidth-(data.posx%dwidth+dwidth)%dwidth)*percentx,data.pin=="Y"?data.posy:dposy+((data.posy%dheight+dheight)%dheight)*(1-percenty)); } } var items=(cont.pages[(cont.statex?maxpagex:currentx)-minpagex]||[])[currenty+1-minpagey]; if(items!=null) { for(z=0;z<items.length;z++) { var item=LL.getItemById(items[z]); var data=JSON.parse(item.getTag()); item.setScale(data.pin=="X"?1:data.rot?(percenty>0.005?percenty:1):1-percentx, data.pin=="Y"?1:data.rot?1-percentx:percenty>0.005?percenty:1); item.setPosition(data.pin=="X"?data.posx:dposx+((data.posx%dwidth+dwidth)%dwidth)*(1-percentx),data.pin=="Y"?data.posy:dposy+dheight-(dheight-(data.posy%dheight+dheight)%dheight)*percenty); } } var items=(cont.pages[currentx+1-minpagex]||[])[currenty+1-minpagey]; if(items!=null) { for(z=0;z<items.length;z++) { var item=LL.getItemById(items[z]); var data=JSON.parse(item.getTag()); item.setScale(data.pin=="X"?1:data.rot?(percenty>0.005?percenty:1):percentx>0.005?percentx:1,data.pin=="Y"?1:data.rot?(percentx>0.005?percentx:1):percenty>0.005?percenty:1); item.setPosition(data.pin=="X"?data.posx:dposx+dwidth-(dwidth-(data.posx%dwidth+dwidth)%dwidth)*percentx,data.pin=="Y"?data.posy:dposy+dheight-(dheight-(data.posy%dheight+dheight)%dheight)*percenty); } } } else { d.setPosition(dposx,dposy); d.setPosition(dposx<cont.minx?cont.maxx-dwidth:dposx,dposy<cont.miny?cont.maxy-dheight:dposy,1,false); cont.statex=false; cont.statey=false; for(i=0;i<items.length;i++) { item=items.getAt(i); var data=JSON.parse(item.getTag()); item.setScale(1,1); item.setPosition(data.posx,data.posy); } } </sxh>
