Lightning Launcher

====== Differences ====== This shows you the differences between two versions of the page.

--- script_animation_turn [2014/07/05 18:02]
lm13 created
+++ script_animation_turn [2014/09/24 16:11] (current)
lm13 [About the script]
@@ Line 2: / Line 2: @@
   * Purpose : These scripts will give you a beautiful page transition animation and an optional horizontal page loop
   * Author : [[https://plus.google.com/+LukasMorawietz|LM13]]
-  * Current Version : 1.0
+  * Current Version : 2.1
-  * Link:
+  * Link: https://plus.google.com/115366157037831519359/posts/eUtogDspL2X
+  * Download avialable! (Check repository)
 ====== Changelog ======
   * Version 1.0 (5/7/2014): initial release in wiki
+  * Version 2.1 (12/7/2014): no second script needed anymore, added optional fade, improved speed for lot of pages & items
 ====== How to use the script ======
-  * Set the main script to the positionchanged event of your container; configure the main script, if you want another bounciness
+  * Set the script to the positionchanged event of your container; configure the main script, if you want fading
   * enable infinte scrolling if you want a page loop, disable it if you don't want to loop through pages
-  * in this container: create a shortcut to the [[script_toggle_animation|Toggle Script]] and set up toggle sripts configuration
+  * in this container: create a shortcut or a gesture 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!
@@ Line 19: / Line 21: @@
 //please report all bugs in the g+ community!//
-====== Main Script ======
+====== Script ======
-<code>
+<sxh javascript;>//config
-</code>
+var fade=false;
+//endconfig
+var e=LL.getEvent();
+var d=e.getContainer();
+var dwidth=d.getWidth();
+var dheight=d.getHeight();
+var cont=JSON.parse(d.getTag()|| "null");
+if(e.getSource()!="C_POSITION_CHANGED"){
+var items=d.getItems();
+var box=d.getBoundingBox();
+if(cont==null) cont=new Object(); cont.minx=box.getLeft(); cont.maxx=box.getRight();
+var minpage=Math.floor(cont.minx/dwidth);
+if(cont.setup!=true)
+{
+cont.pages=[];
+var counters=[];
+for(x=0;x<Math.ceil(cont.maxx/dwidth)-minpage;x++)
+{
+cont.pages[x]=[];
+counters[x]=0;
+}
+for(x=0;x<items.length;x++)
+{
+var i=items.getAt(x);
+var pinned=i.getProperties() .getString("i.pinMode");
+if(pinned=="NONE"|| pinned=="Y")
+{
+var data=new Object(); data.posx=i.getPositionX(); data.posy=i.getPositionY();
+data.rot=i.getRotation(); if(i.getProperties().getBoolean("i.onGrid")) data.onGrid=true;
+else data.onGrid=false; i.getProperties().edit().setBoolean("i.onGrid",false).commit();
+var p=Math.floor(data.posx/dwidth)-minpage;
+cont.pages[p][counters[p]++]=i.getId();
+i.setTag(JSON.stringify(data));
+}
+}
+for(x=0;x<Math.ceil(cont.maxx/dwidth)-minpage;x++)
+{
+cont.pages[x].length=counters[x];
+}
+cont.setup=true; Android.makeNewToast("Animation enabled",true).show();
+}
+else
+{
+var cellw=d.getCellWidth();
+var cellh=d.getCellHeight();
+for(x=0;x<items.getLength();x++)
+{
+var i=items.getAt(x);
+var data=JSON.parse(i.getTag());
+if(data!=null)
+{
+i.setRotation(data.rot);
+i.setPosition(data.posx,data.posy);
+if(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 current=Math.floor(dposx/dwidth);
+var pagepos=current*dwidth;
+var percent=(dposx-pagepos)/dwidth;
+var maxpage=Math.ceil((cont.maxx-dwidth)/dwidth);
+var minpage=Math.floor(cont.minx/dwidth);
+if((percent>0.005 && percent<99.995) && dposx>cont.minx-dwidth)
+{
+var scrollLimit=d.getProperties() .getBoolean("noScrollLimit");
+if(dposx>cont.maxx-dwidth&&scrollLimit){
+d.setPosition(cont.minx-dwidth,dposy,1,false);
+}
+if(dposx<cont.minx&&scrollLimit)
+cont.state=true;
+var items=cont.pages[(cont.state?maxpage:current)-minpage];
+if(items!=null)
+{
+for(z=0;z<items.length;z++)
+{
+var item=LL.getItemById(items[z]);
+var data=JSON.parse(item.getTag());
+item.setRotation(90*percent+data.rot);
+var c0=center(item,data.rot);
+var x=((data.posx+c0[0])%dwidth+ dwidth)%dwidth;
+var y=((data.posy+c0[1])%dheight+ dheight)%dheight;
+var sqrt=Math.sqrt(Math.pow(x,2) +Math.pow(y,2));
+var angle=((x==0&&y==0)?0:Math.acos(x/sqrt))+percent*Math.PI/2;
+var c=center(item,item.getRotation());
+item.setPosition(dposx+Math.cos(angle)*sqrt-c[0],dposy+Math.sin(angle)*sqrt-c[1]);
+if(fade)
+item.getProperties().edit().setInteger("i.alpha",255*(1-percent)).commit();
+}
+}
+var items=cont.pages[current+1-minpage];
+if(items!=null)
+{
+for(z=0;z<items.length;z++)
+{
+var item=LL.getItemById(items[z]);
+var data=JSON.parse(item.getTag());
+item.setRotation(90*percent-90+data.rot);
+var c0=center(item,data.rot);
+var x=((data.posx+c0[0])%dwidth+ dwidth)%dwidth;
+var y=((data.posy+c0[1])%dheight+ dheight)%dheight;
+var sqrt=Math.sqrt(Math.pow(x,2) +Math.pow(y,2));
+iwidth=item.getWidth()*item.getScaleX();
+var angle=((x==0&&y==0)?0:Math.acos(x/sqrt))+(percent-1)*Math.PI/2;
+var c=center(item,item.getRotation());
+item.setPosition(dposx+Math.cos(angle)*sqrt-c[0],dposy+Math.sin(angle)*sqrt-c[1]);
+if(fade)item.getProperties().edit().setInteger("i.alpha",255*(percent)).commit();
+}
+}
+}
+else
+{
+d.setPosition(dposx,dposy);
+d.setPosition(dposx<cont.minx?cont.maxx-dwidth:dposx,dposy,1,false);
+cont.state=false;
+var items=d.getItems();
+for(i=0;i<items.length;i++)
+{
+item=items.getAt(i);
+var data=JSON.parse(item.getTag());
+if(data!=null)
+{
+item.setRotation(data.rot);
+item.setPosition(data.posx,data.posy);
+}
+if(fade)item.getProperties().edit().setInteger("i.alpha",255).commit();
+}
+}
+//r in degree
+function center(item,r)
+{
+r=r*Math.PI/180;
+var sin=Math.abs(Math.sin(r));
+var cos=Math.abs(Math.cos(r));
+var w=item.getWidth()*item.getScaleX();
+var h=item.getHeight()*item.getScaleY();
+return [(w*cos+h*sin)*0.5,(h*cos+w*sin)*0.5];
+}
+</sxh>

Lightning Launcher

User Tools

Site Tools

Page Tools