Function setupAnimationDefaults

js/index.js:28–66

(itemElement, options)

// Sets up default animation settings and merges with options
const setupAnimationDefaults = (itemElement, options) => {
	// Default settings for clip paths and scroll trigger
	let defaults = {
	  	clipPaths: {
			step1: {
				initial: 'polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)',
				final: 'polygon(50% 0%, 50% 50%, 50% 50%, 50% 100%)',
			},
			step2: {
				initial: 'polygon(50% 50%, 50% 0%, 50% 100%, 50% 50%)',
				final: 'polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)',
			}
	  	},
		// Default scroll trigger settings
		scrollTrigger: {
			trigger: itemElement,
			start: 'top 50%',
			end: '+=50%',
			scrub: true,
		},
		// Default perspective setting
	  	perspective: false
	};
  
	// Merge defaults with options provided
	if (options && options.scrollTrigger) {
		defaults.scrollTrigger = {
			...defaults.scrollTrigger,
			...options.scrollTrigger
		};
	}
  
	// Merge and return the complete settings
	return {
		...defaults,
		...options,
		scrollTrigger: defaults.scrollTrigger
	};
};  

// Prepares text within an element for animation by splitting it into characters and setting their initial opacity.
const prepareTextForAnimation = itemElement => {