| XWidgetSoft Forum https://bbs.xwidget.com/ |
|
| Rotate Object? https://bbs.xwidget.com/viewtopic.php?f=8&t=4992 |
Page 1 of 1 |
| Author: | Jimking [ September 8th, 2014, 3:17 pm ] |
| Post subject: | Rotate Object? |
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 |
|
| Author: | hamid [ September 9th, 2014, 5:26 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 9th, 2014, 6:07 am ] |
| Post subject: | Re: Rotate Object? |
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.. |
|
| Author: | hamid [ September 9th, 2014, 6:33 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 9th, 2014, 6:42 am ] | |||
| Post subject: | Re: Rotate Object? | |||
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..
|
||||
| Author: | hamid [ September 9th, 2014, 6:52 am ] |
| Post subject: | Re: Rotate Object? |
i have edited above post, don't forget to check it again |
|
| Author: | Jimking [ September 9th, 2014, 6:53 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 9th, 2014, 7:29 am ] | ||
| Post subject: | Re: Rotate Object? | ||
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..
|
|||
| Author: | hamid [ September 9th, 2014, 9:54 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 9th, 2014, 11:45 am ] |
| Post subject: | Re: Rotate Object? |
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.. |
|
| Author: | hamid [ September 9th, 2014, 7:35 pm ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 10th, 2014, 12:30 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | hamid [ September 10th, 2014, 1:48 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 10th, 2014, 3:02 am ] |
| Post subject: | Re: Rotate Object? |
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.. |
|
| Author: | Jimking [ September 10th, 2014, 3:53 am ] |
| Post subject: | Re: Rotate Object? |
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... |
|
| Author: | hamid [ September 10th, 2014, 5:36 am ] |
| Post subject: | Re: Rotate Object? |
it can be done as a movement, but maybe it will not have the same effect (as Quadratic effect) |
|
| Author: | hamid [ September 10th, 2014, 6:29 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | hamid [ September 10th, 2014, 6:52 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 10th, 2014, 7:03 am ] | ||
| Post subject: | Re: Rotate Object? | ||
|
|||
| Author: | hamid [ September 10th, 2014, 7:17 am ] |
| Post subject: | Re: Rotate Object? |
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? |
|
| Author: | Jimking [ September 10th, 2014, 7:31 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | hamid [ September 10th, 2014, 7:53 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 10th, 2014, 8:41 am ] | ||
| Post subject: | Re: Rotate Object? | ||
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..
|
|||
| Author: | hamid [ September 10th, 2014, 9:31 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 10th, 2014, 11:03 am ] | ||
| Post subject: | Re: Rotate Object? | ||
|
|||
| Author: | hamid [ September 10th, 2014, 11:23 am ] |
| Post subject: | Re: Rotate Object? |
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), |
|
| Author: | Jimking [ September 10th, 2014, 12:32 pm ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 10th, 2014, 12:36 pm ] | ||
| Post subject: | Re: Rotate Object? | ||
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..
|
|||
| Author: | hamid [ September 10th, 2014, 10:30 pm ] | |||
| Post subject: | Re: Rotate Object? | |||
|
||||
| Author: | Jimking [ September 11th, 2014, 12:41 am ] |
| Post subject: | Re: Rotate Object? |
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.. |
|
| Author: | Jimking [ September 11th, 2014, 2:14 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | hamid [ September 11th, 2014, 3:01 am ] |
| Post subject: | Re: Rotate Object? |
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  )
|
|
| Author: | Jimking [ September 11th, 2014, 5:25 am ] |
| Post subject: | Re: Rotate Object? |
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..
|
|
| Author: | hamid [ September 11th, 2014, 6:02 am ] |
| Post subject: | Re: Rotate Object? |
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 |
|
| Author: | Jimking [ September 11th, 2014, 6:11 am ] | ||
| Post subject: | Re: Rotate Object? | ||
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
|
|||
| Author: | Jimking [ September 11th, 2014, 6:36 am ] | ||
| Post subject: | Re: Rotate Object? | ||
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!
|
|||
| Author: | hamid [ September 11th, 2014, 7:17 am ] | |||
| Post subject: | Re: Rotate Object? | |||
[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 229 times ========== for the correct position of eyes, look at this: also you can find more by searching for it
|
||||
| Author: | Jimking [ September 11th, 2014, 7:45 am ] | ||
| Post subject: | Re: Rotate Object? | ||
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..
|
|||
| Author: | Jimking [ September 11th, 2014, 7:58 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | hamid [ September 11th, 2014, 8:06 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 11th, 2014, 8:09 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 11th, 2014, 8:12 am ] | |||
| Post subject: | Re: Rotate Object? | |||
You want to go one step further?? Check these...! ..and if we can add a head? 
|
||||
| Author: | hamid [ September 11th, 2014, 8:16 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | hamid [ September 11th, 2014, 8:21 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 11th, 2014, 8:37 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | hamid [ September 11th, 2014, 8:43 am ] |
| Post subject: | Re: Rotate Object? |
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? |
|
| Author: | Jimking [ September 11th, 2014, 8:56 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | hamid [ September 11th, 2014, 9:17 am ] |
| Post subject: | Re: Rotate Object? |
replace the code with this one: [removed] plz wait... |
|
| Author: | Jimking [ September 11th, 2014, 9:23 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | hamid [ September 11th, 2014, 9:29 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 11th, 2014, 9:32 am ] |
| Post subject: | Re: Rotate Object? |
OK! Give time to try... I will show what I did the last mins... Edit: Your last script works great!
|
|
| Author: | hamid [ September 11th, 2014, 10:14 am ] |
| Post subject: | Re: Rotate Object? |
thanks, i just compared the original image with the widget, did you noticed the slidepanel2 & slidepanel3 goes up in the original image? |
|
| Author: | Jimking [ September 11th, 2014, 10:24 am ] | ||
| Post subject: | Re: Rotate Object? | ||
|
|||
| Author: | hamid [ September 11th, 2014, 10:49 am ] |
| Post subject: | Re: Rotate Object? |
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? |
|
| Author: | Jimking [ September 11th, 2014, 10:59 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 11th, 2014, 11:21 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | hamid [ September 11th, 2014, 11:28 am ] |
| Post subject: | Re: Rotate Object? |
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? |
|
| Author: | Jimking [ September 11th, 2014, 12:36 pm ] |
| Post subject: | Re: Rotate Object? |
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!
|
|
| Author: | hamid [ September 11th, 2014, 10:11 pm ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 12th, 2014, 12:15 am ] |
| Post subject: | Re: Rotate Object? |
I will edit the widgetonload part and reupload.. Thanks! Instead the slidepanel13 should be like this... |
|
| Author: | hamid [ September 13th, 2014, 1:14 am ] |
| Post subject: | Re: Rotate Object? |
| Author: | Jimking [ September 13th, 2014, 2:22 am ] |
| Post subject: | Re: Rotate Object? |
| Page 1 of 1 | All times are UTC - 8 hours |
| Powered by phpBB® Forum Software © phpBB Group http://www.phpbb.com/ |
|