https://github.com/qc20/signature

This project creates an interactive canvas element that generates a trailing effect following the user's mouse or touch input. The trail gradually fades and thins out, creating a visually appealing animation.
https://github.com/qc20/signature

creative-coding css html interaction-design interactive interactive-visualizations javascript signature

Last synced: about 2 months ago
JSON representation

This project creates an interactive canvas element that generates a trailing effect following the user's mouse or touch input. The trail gradually fades and thins out, creating a visually appealing animation.

• Host: GitHub
• URL: https://github.com/qc20/signature
• Owner: QC20
• Created: 2024-07-09T22:22:05.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-07-09T22:56:26.000Z (almost 2 years ago)
• Last Synced: 2025-05-25T07:40:49.145Z (about 1 year ago)
• Topics: creative-coding, css, html, interaction-design, interactive, interactive-visualizations, javascript, signature
• Language: JavaScript
• Homepage: https://qc20.github.io/Signature/
• Size: 2.93 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Signtature: An  Interactive Canvas Trail

This project creates an interactive canvas element that generates a trailing effect following the user's mouse or touch input. The trail gradually fades and thins out, creating a visually appealing animation.

## Features

- Responsive canvas that adapts to window size

- Smooth trailing effect that follows mouse/touch input

- Automatic animation when no user input is detected

- Customizable trail properties (length, width, spring effect, friction)