XWidgetSoft Forum

Hamid, how can I rotate an image object 30° that is in a slidepanel after slideout...?

To be more clear:
I have a slidepanel and inside an image. I would like to have a rotation of the image 30° with the slide-out and back to 0° with slide-in..
Thanks

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

The slide movement will be activated with a single "double click" function, so I will need these "clearTimeout" part..?
There will be 2 slidepanels with one image, one left one right, and with a double click the panels will slideout and the image inside will rotate 30o.
The inverse movement will be with the double click again..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

I'll test it soon and I will reply..
The project has a lot of slidepanels but fortunately I need the script only for two.
It calls "Optimus Robot Clock", an idea from an Android lockscreen theme and will work like this:
BEFORE and AFTER the double click:

If you want I can send you the .xwp to check it..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

i have edited above post,
don't forget to check it again

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

Hey man, I'm a little confused..
I added the script but I'm missing something stupid..
I think that it will better if you take alook from the inside than bother you with "stupid" questions..
Surely you know much more than me..
Just concentrate on the slidepanels "12" and "13".
The rest have 0 values so they don't work yet..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

Ok, I will use this script.

The designer when you copy an object accepts the double names. Only when you create a new one with the same name comes up with the "error".
In this case I have to rename them all, having all different names..?

About the movement, I think that if we can make both animations at the same time it will be great..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

Ok thanks man! Don't worry. This animation is good enough! For the rest of the slidepanels I will play with the duration values of the "Switch Animation", and changing a bit the setTimeout value, I'll try to make the animations more similar possible..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

Question:
You think that is possible to have more control of the slide movement though script than the simple:
"slidepanel1.slided = !slidepanel1.slided;" ?
I wοuld like to avoid if is possible the "switch animation" for less cpu usage during the animation..
Like you did with the 2 slidepanels...

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

it can be done as a movement,
but maybe it will not have the same effect (as Quadratic effect)

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

the above code will not use the animation effect anymore,
even it doesn't need slidepanel to be slided,
it will do all the movements by itself,
you can even replace slidepanels with layer objects (but it's not necessary)

for the others, it's simple,
just i should know:
1. how far it should move?
2. to what degree the images should rotate?

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

As I told you is better like this.. Increasing the "X" value here "slidepanel13.image17.Left+=X ", even only +1 the panels go too high so I leave it with value "1".
Here is the completed widget with all the animations activated. Only the speed of the sliders 12/13 need edit to match with the rest..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

when i said that, i don't mean slidepanel4 itself, i mean it's sliding command in code,
also you didn't fixed it in the last version,
don't you notice that the above slidepanels didn't go upward?
so don't do any editing,
i will fix them in the next test file


edit:
also you didn't do any rotation in the last version,
it's just simply sliding up and down as first version (before starting coding),

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

Here is my FINAL full working version:
If you can find a way to reduce the cpu usage during the animation it will be ok! But really mate, since you need to write a new script and the objects are many, no need to spend more time on this. I think it's perfect..!
Ok, the cpu increases a lot during the animations, but we can have it all, right?
Maybe I had to do some more tests before bother you with this..

One last thing that maybe I'll change is replace the "double click" function with the "mouse over", so the animation will start when the mouse goes over the clock panel..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

Thanks for your work hamid!!! I will test them both as soon possible.
About the light in the eyes, I will see if and where can this be placed..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

i'm just giving my ideas,
this is your project,
so at last you should decide,

i thought of it because the robot couldn't be seen well,
also it seems that it doesn't have any eyes

i like these kind of robots, but it's coloring or contrast doesn't attract me,
it seems a little mixed up to me,
anyway, it's too much for a free widget


edit:
also you can try red eyes (like Terminator )

The robot couldn't be seen well because as I notice, all the images that I used are actually the body of the "Optimus Prime", and the head is missing from the design!
I added the two lights and I'm search the right position.. Maybe I will post it without them but I would like to send you a "separate" version with eyes..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

if you're going to do this only for me, don't do it,
because i don't use widgets too much, i just like scripting,

when i told i like these robots, i mean its tv-series,
i mean the character of robots that change to the cars,
it was a attractive character that a robot converts to the car,
i don't remember the name of the animation-series,

also i knew a game that the person at the end of each mission convert to robot and fight with the enemy robot, but also don't remember its name,
i have never found it again
i always like to collect my old played games


edit:
i have searched for this in google and found that its eyes in most of the images are blue

I added the eyes before I read your last comments..

Just check it and if you want you can keep it. It's more like a robot now. I create dark blue eyes to match with the design, but using the "Colorization" option you can transform them to any color you like..
Cheers

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

Second version with different style of eyes!
I created another main background image opening to "holes" and move the lights behind..
Choose your favourite!

At the end I decided to post it like this one last and I added a right click option for who want these extra eyes or not.


Topic closed I think!

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

[this is for previous version:]
i think you have placed the eyes wrong,
i have edited it,
also i have fixed the code for it,

the eyes' shape still needs to be adjusted
i think it's better to remove bright line from its top and bottom

as ever, i have removed images, so add it yourself
optimus_robot_clock_[test4] [2014.09.11][19.36].xwp [2.58 KiB]
Downloaded 228 times



==========
for the correct position of eyes, look at this:

also you can find more by searching for it

I edited the eyes' shape according your suggestion and the size, but personally I prefer the old position of the eyes. In this place, the head of the robot seems too small.. Also I like the more "aggressive" eye style. But this is my personal taste!
I think that we see two different robots there!

Thanks for the script. Here is my final version and I will upload it now..

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

You want to go one step further??
Check these...!
..and if we can add a head?

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

about the menuitem,
are you sure that is working as you specified?
when you use menuitem, it only hide eyes for that moment, and after dblclick, it will do lighting again
just to make sure, do you wanted it this way?

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

replace the code with this one:

[removed] plz wait...

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

OK! Give time to try...
I will show what I did the last mins...

Edit: Your last script works great!

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

thanks,

i just compared the original image with the widget,


did you noticed the slidepanel2 & slidepanel3 goes up in the original image?

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

it's really better than original
where did you found that image?
it really match the widget


i think it's better to upload them as 2 separate versions,
since both are fine


as i see now, the menuitem is not necessary



as a suggestion, how about head being behind glass and from there goes up,
but i'm not sure, just suggesting


and how about the slidepanels i noted,
did you have any plans for them or leaving it that way?

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

i'm a little confused...
how does the core light works?

the "lightl" object is linked to "eye.png" and it's a blue circle...
but it doesn't showing anywhere

but there is a white lights fill the body,
that i don't know where are their source

it gets a little mysterious
can you tell me how it works?

Haha! Look:
- The "lightl" is linked to "eye.png".
- In this version with the head I use only ONE light image (the above) and I deleted the "lightr" as image/object .
- So the light image is actually one, scale 140% and with "Colorization" option enable, with full brightness, I made it white.
- At the end I kept your script deleting only all the lines with the commands for the "lightr".
Thats all!

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

I will edit the widgetonload part and reupload..
Thanks!
Instead the slidepanel13 should be like this...

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/

_________________
...and remember: don't take life too seriously...
My profile on Deviantart: http://jimking.deviantart.com/