I’ve always wanted to have a homescreen like this. Lets say that first screen(Green&white one) can be a panel and I can put all items there and when I swipe first screen zooms out a bit and moves to side and main desktop comes up… I just started learning scripting by going through repository’s codes… Can someone help me out on this, I would really appreciate It…. 🙂
I did that, although it does what I want, it doesn’t do it the way I want… I want the transition to be in real time, Like when I’m swiping zooming in/out occurs relative to distance I swiped. I hope I got my point across 🙂
The input will be the positionX of the desktop, stopping it with stop points when reached left/right max positions (you will need to define a minscale, you will see why)
To make the zoom effect we need to change the scale of the desktop, or of the panel itself. After some tests with the desktop I realized it won’t work well because when you change the scale you are also changing the positionX, and the effect is not linear but exponential (or similar)
I’m sure there is a way to calculate exactly the trajectory, but the other possibility is easier enough to forget this one.
So, you want to change the panel itself, position and scale. The best is to pin the panel, so you just need to calculate the positions relative to the main page.
The guide of the script is (I made one myself, it works fine 😉
Vars
Take the position of the desktop and calculate the ‘delta’ (from 0 to 1) of the animation (remember that minscale parameter I told before)
Calculate the maximum scale/position of the panel
Set the panel in the intermediate trajectory with the delta and the minimums/maximums of the trajectory.
I hope this will help you without telling too much the script itself. Anyway you can ask as much as you want. Your turn! 
I understand what you’re saying but I just started learning scripts. So it would take me a while to get what I want. I would really appreciate if you can write the whole script. THANK YOU 🙂
I’m having error at cancelFling command, Cannot find function… one more thing, should I run this script on position changed for Desktop or “zoompanel” ??
You can remove the cancelfling, it’s not necessary (or you can join the beta) but don’t worry, it works fine without that.
You need to set it in the event of the desktop. But also, I forget to tell you, you need to disable the horizontal scrolling of the panel (set it to vertical only for example) so when you scroll the movement is automatically transferred to the desktop and therefore the script will run.
It is possible to set it in the panel, but it’s a bit more complicated and I think it is not really necessary.
got it, had to move zoompanel at page 0 and side menu items to page -1, also I didn’t use stop points earlier, missed that part, my bad….awesome man, got some ideas now….one thing, the zoompanel zoom outs and goes to top right of screen when zooming out…I think some tweaking with setPosition for y axis is needed
Shoaib Iftekhar Hey man. I know nothing about scripting so sorry, but I have to ask..can you share your script? I’ve implemented the script but for some reason the panel moves to the top left after I pin it. What you have on your screen would be perfect. Thx in advance.
D5 Creation
< ![CDATA[
I did that, although it does what I want, it doesn’t do it the way I want… I want the transition to be in real time, Like when I’m swiping zooming in/out occurs relative to distance I swiped. I hope I got my point across 🙂
]]>
< ![CDATA[
yeah, I’m still trying alternative ways to get this. I’m sure someone with Scripting knowledge will help me out 🙂 , Thank you too 🙂
]]>
< ![CDATA[
The idea of the panel is the best one I think.
My personal solution, after some tests, is:
The input will be the positionX of the desktop, stopping it with stop points when reached left/right max positions (you will need to define a minscale, you will see why)
To make the zoom effect we need to change the scale of the desktop, or of the panel itself. After some tests with the desktop I realized it won’t work well because when you change the scale you are also changing the positionX, and the effect is not linear but exponential (or similar)
I’m sure there is a way to calculate exactly the trajectory, but the other possibility is easier enough to forget this one.
So, you want to change the panel itself, position and scale. The best is to pin the panel, so you just need to calculate the positions relative to the main page.
The guide of the script is (I made one myself, it works fine 😉
Vars
Take the position of the desktop and calculate the ‘delta’ (from 0 to 1) of the animation (remember that minscale parameter I told before)
Calculate the maximum scale/position of the panel
Set the panel in the intermediate trajectory with the delta and the minimums/maximums of the trajectory.
I hope this will help you without telling too much the script itself. Anyway you can ask as much as you want. Your turn! 
]]>
< ![CDATA[
Very interesting post
]]>
< ![CDATA[
/sub
]]>
< ![CDATA[
TrianguloY
I understand what you’re saying but I just started learning scripts. So it would take me a while to get what I want. I would really appreciate if you can write the whole script. THANK YOU 🙂
]]>
< ![CDATA[
Label the panel ‘zoompanel’, set their size the same as the screen, pin it, and place this script in the position change event of the desktop.
var minscale=0.5;//scale of the panel when rightmost
var maxposright=0.5;//x-position of the panel when rightmost (percentage of screen)
var cont = LL.getEvent().getContainer();
var contx = cont.getPositionX();
var delta = -contx/cont.getWidth()/maxposright;
if(delta<0){delta=0;}
if(delta>1){delta=1;}
var zoom = delta*(minscale-1)+1;
var posy = cont.getHeight()*(1-zoom)/2;
var posx = delta*maxposright*cont.getWidth();
var pan=cont.getItemByLabel(“zoompanel”);
pan.setScale(zoom,zoom);
pan.setPosition(posx,posy);
cont.cancelFling();
]]>
< ![CDATA[
I’m having error at cancelFling command, Cannot find function… one more thing, should I run this script on position changed for Desktop or “zoompanel” ??
]]>
< ![CDATA[
I just realized I have v10.3, so no cancelFling() available for me :/ ….
]]>
< ![CDATA[
Oh, true.
You can remove the cancelfling, it’s not necessary (or you can join the beta) but don’t worry, it works fine without that.
You need to set it in the event of the desktop. But also, I forget to tell you, you need to disable the horizontal scrolling of the panel (set it to vertical only for example) so when you scroll the movement is automatically transferred to the desktop and therefore the script will run.
It is possible to set it in the panel, but it’s a bit more complicated and I think it is not really necessary.
]]>
< ![CDATA[
it’s not working. nothing happens. I’m clueless !!
]]>
< ![CDATA[
But…are you sure scripting is enabled? ( in general settings )
It need to do something, an error, move the panel…
the panel needs to have the size of the desktop, you need to be on the home page and scroll right.
]]>
< ![CDATA[
got it, had to move zoompanel at page 0 and side menu items to page -1, also I didn’t use stop points earlier, missed that part, my bad….awesome man, got some ideas now….one thing, the zoompanel zoom outs and goes to top right of screen when zooming out…I think some tweaking with setPosition for y axis is needed
…thanx alot man 🙂
]]>
< ![CDATA[
Sergio Azar hey! this is the script I used for that homescreen, hope it helped 🙂
]]>
< ![CDATA[
Shoaib Iftekhar Yea. Thx man. I’m gonna play with it now.
]]>
< ![CDATA[
Shoaib Iftekhar Hey man. I know nothing about scripting so sorry, but I have to ask..can you share your script? I’ve implemented the script but for some reason the panel moves to the top left after I pin it. What you have on your screen would be perfect. Thx in advance.
]]>
< ![CDATA[
I had the same problem. try it with panel unpinned ..that worked for me
]]>
< ![CDATA[
Shoaib Iftekhar tried unpinned but lost the parallax effect, pity.
]]>
< ![CDATA[
Make sure you are in the main page. If you need it in a different place you will need to change the maxpoxright to bigger than 1 (or less that 0)
]]>
< ![CDATA[
TrianguloYÂ Thanks mate. I got it now.
]]>