Example of using some simple trigonometry and interpolation functions to achieve really beautiful effects.
- Implemented in vanilla TypeScript + SCSS.
- No external libs.
- Framework-agnostic.
- All regular DOM, no canvas.
To build and run project ensure that pnpm
is installed globally and then run:
pnpm install && pnpm dev
![Screenshot 2024-01-28 at 19 53 59](https://private-user-images.githubusercontent.com/54023692/300267816-5353285d-0ffa-4723-93a7-dc8de16c94a6.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjU5NzcwODUsIm5iZiI6MTcyNTk3Njc4NSwicGF0aCI6Ii81NDAyMzY5Mi8zMDAyNjc4MTYtNTM1MzI4NWQtMGZmYS00NzIzLTkzYTctZGM4ZGUxNmM5NGE2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA5MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwOTEwVDEzNTk0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTk3ZDljMTlkOGJjNzEwMTFhM2M5YWIyY2JjMjhkY2JlYWZhYmI4MmY4NzNjMjg1OWNhZWQ0NzBkZjFlNTk5YjkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.fU6ZcDK4_f1hOFMWhz2sD71bfLdYCPkYjQUlrSfyK80)