Skip to content

"Electric String" is an enthralling JavaScript-based project that brings electrifying animation to life using the HTML5 canvas element. This captivating animation showcases dynamic electric strings that elegantly respond to user interaction, creating an engaging and mesmerizing experience

Notifications You must be signed in to change notification settings

akashtripathiiiii/Electric-Strings

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Electric String - An Electrifying JavaScript Animation

Welcome to the world of "Electric String," an electrifying JavaScript animation powered by the HTML5 canvas element. Immerse yourself in the mesmerizing dance of electric strings as they respond to user interaction and come alive with vibrant energy.

Demo:

Electric-Strings.mp4

Key Features:

  • Dynamic Interaction: Experience the thrill of interactive strings as they gracefully react to your mouse movements, creating an engaging and captivating experience.

  • Electrifying Motion: Watch in awe as the electric strings flow and ripple with fluid, lifelike motion, enhancing the visual appeal of the animation.

  • Vibrant Visuals: The animation boasts a dazzling display of vibrant colors and striking visual effects, illuminating your screen with electrifying brilliance.

  • Responsive Design: No matter the device or screen size, "Electric String" adapts to provide a seamless and responsive animation experience.

How to Experience "Electric String":

  1. Include the provided JavaScript code in your HTML file.
  2. Create a canvas element with a unique ID (<canvas id="canvas"></canvas>).
  3. Customize animation parameters (optional) such as the number of tentacles, their lengths, and colors.
  4. Open the HTML file in a modern web browser that supports the HTML5 canvas element and JavaScript ES6 features.
  5. The animation will start automatically upon page load, and the tentacles will react to mouse movements and clicks.

Customization Options:

Feel free to adjust various parameters in the code to suit your project's aesthetics:

  • maxl and minl: Define the maximum and minimum lengths for the tentacles.
  • n: Set the number of segments per tentacle.
  • numt: Control the number of tentacles in the animation.
  • Adjust colors, stroke styles, and line widths to create different visual effects.

Browser Compatibility:

"Electric String" is designed to shine across modern web browsers that support the HTML5 canvas element and JavaScript ES6 features.

Acknowledgments:

The animation code draws inspiration from creative coding projects and is intended for educational and entertainment purposes. Credits go to the community of creative coders for sharing their knowledge and inspiring this project.

License:

This project is open-source and licensed under the permissive MIT License. Feel free to energize your projects by using, modifying, and distributing the code.

Get Involved:

Join us in this electrifying journey! Contribute, report bugs, or share your creative ideas to enhance "Electric String." Your input sparks the magic!

Experience the Electrifying Animation:

Embark on an enchanting adventure with "Electric String." Watch in awe as the strings come alive, pulsating with electrifying energy. Whether you're a developer, designer, or art enthusiast, "Electric String" is sure to leave you spellbound.

Let the Electric Strings Illuminate Your Imagination!

About

"Electric String" is an enthralling JavaScript-based project that brings electrifying animation to life using the HTML5 canvas element. This captivating animation showcases dynamic electric strings that elegantly respond to user interaction, creating an engaging and mesmerizing experience

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages