feat: Integrate Remotion for video generation, add video compositions, and adapt ContactForm for Remotion compatibility.
Some checks failed
Build & Deploy Mintel Blog / build-and-deploy (push) Failing after 2m19s
Some checks failed
Build & Deploy Mintel Blog / build-and-deploy (push) Failing after 2m19s
This commit is contained in:
24
video/utils/animations.ts
Normal file
24
video/utils/animations.ts
Normal file
@@ -0,0 +1,24 @@
|
||||
import { spring, SpringConfig } from 'remotion';
|
||||
|
||||
export const COMPONENT_SPRING: Partial<SpringConfig> = {
|
||||
stiffness: 200,
|
||||
damping: 20,
|
||||
mass: 1,
|
||||
};
|
||||
|
||||
export const MOUSE_SPRING: Partial<SpringConfig> = {
|
||||
stiffness: 150,
|
||||
damping: 15,
|
||||
mass: 0.5,
|
||||
};
|
||||
|
||||
export const clickAnimation = (frame: number, clickFrame: number, fps: number) => {
|
||||
return spring({
|
||||
frame: frame - clickFrame,
|
||||
fps,
|
||||
config: {
|
||||
stiffness: 300,
|
||||
damping: 10,
|
||||
},
|
||||
});
|
||||
};
|
||||
Reference in New Issue
Block a user