Offline
I was wondering what is the difference between normal
imagecommands and ones that start with
tween_. Would be helpful to know!
edited 1×, last 05.04.18 03:26:19 am
Forum
CS2D
Scripts What is tween?
What is tween?
14 replies
1 
I was wondering what is the difference between normal
The difference between image_* and tween_* commands is that image_* will set the property instantly, while tween_* will slowly animate the property within a given interval.
imagealpha (id, alpha) -> sets the alpha instantly tween_alpha (id, time, alpha) -> animates the alpha over time in millisecondsThe tween commands will look smoother than doing the animation yourself because it only sends one packet to the client - and the animation is done on the client side.
I've tried to use the command
tween_scale.
After a few good minutes of trying to understand what it does, I failed. I've tried everything but the only way I made it change the original image didn't change over the time I told it to change but rather it instantly changed.
Now maybe the change can be instant (which I really don't want it to since I need it to move) but it doesn't change the way I want it to...
Here's an example of what I want it to look like going from top to bottom. https://i.imgur.com/26ZgUqk.png
Now I would use some type of a spreadsheet but I want it to be animated and @
Apache uwu: said it's a lot smoother when you use tween_.
Now what the command actually does is cut the image from both sides instead of just one like it's supposed to, what can I do?
1
2
3
2
3
image[id]=image("gfx/image.png",568,649,2)
imagealpha(image[id],0.5)
tween_scale(image[id],30,0,1)
Nova: 3,000 is 3 seconds so I did 30,000 and it worked!But one of my problems remain and that is the image is being cut from both sides instead of just one! Is there anything I can do about it?
Mami Tomoe: 1
tween_scale(image[id],30,0,0)
Masea: The time should be 30,000 and not 30, this has been fixed.
Having X on 0 means both left and right sides of the image will be cut, same goes for Y.
What I want to do is to cut the image from the RIGHT side only, your method will cut it from all four sides of the image.
tween_move.assuming that the image has a size of w (w needs to be set to the actual width) this should work:
1
2
3
4
5
6
7
2
3
4
5
6
7
local x=568
local y=649
local w=100 -- todo: set actual image width here
image[id]=image("gfx/image.png",x,y,2)
imagealpha(image[id],0.5)
tween_scale(image[id],30000,0,1)
tween_move(image[id],30000,x-w,y)
I didn't try this but I hope it works.
DC: Thanks! It worked, but I had to change it up a little.The problem in your code was that the image moved two pixels to the left and a pixel to the right, resulting in moving one pixel to the left. Or at least that's what I think it was...
The fixed code was multiplying 30,000 by two (60,000).
1
2
3
4
5
6
7
2
3
4
5
6
7
local x=568
local y=649
local w=100 -- todo: set actual image width here
image[id]=image("gfx/image.png",x,y,2)
imagealpha(image[id],0.5)
tween_scale(image[id],30000,0,1)
tween_move(image[id],60000,x-w,y)
x-w/2or does that lead to a different result?
1