spring raise and then decrease

[martinlau01]

	const scale = spring({
		frame,
		from: frame <= 20 ? 0 : 5,
		to: frame <= 20 ? 5 : 0,
		config: {
			mass: 3,
			damping: 20,
		},
		fps: videoConfig.fps,
	});

I want to let scale from 0 to 20 in the first 20 frames, after that from 5 to 0, however, this is not possible with the above code, Any Help would be appreciate!

[martinlau01]

finaly I run out this code , it works, but I don't know if this is the good way?

	const scaleUp = spring({
		frame,
		from: 0,
		to: 5,
		config: {
			mass: 3,
			damping: 20,
		},
		fps: videoConfig.fps,
	});
	console.log({scaleUp});

	const scaleDown = spring({
		frame: frame - 20,
		from: 5,
		to: 0,
		config: {
			mass: 3,
			damping: 20,
		},
		fps: videoConfig.fps,
	});
	console.log({scaleDown});

	const scale = frame >= 20 ? Math.max(1, scaleDown) : scaleUp;

[JonnyBurger]

My recommendation is to add the transforms together =

const scaleUp = spring({
		frame,
		from: 0,
		to: 20,
		config: {
			mass: 3,
			damping: 20,
		},
		fps: videoConfig.fps,
	}) + spring({
		frame: frame - 20,
		from: 5,
		to: 0,
		config: {
			mass: 3,
			damping: 20,
		},
		fps: videoConfig.fps,
	});

See also https://www.remotion.dev/docs/miscellaneous/snippets/adding-animations!