SpiderAnimate

SpiderAnimate is a JavaScript-based canvas animation project that simulates dynamic lightning effects and node interactions. The project allows users to customize various parameters and interact with the animation in real-time.

Features

Lightning Effects

• Golden yellow lightning visuals.

• Adjustable parameters for spark chance and connection radius.

Node Interactions

• Dynamic node generation.

• Configurable node count.

• Hidden nodes for cleaner visuals.

User Interface

• Collapsible menu for adjusting configuration parameters.

• Sliders and checkboxes for real-time adjustments.

• Buttons to regenerate nodes and reset configurations.

Configuration Parameters

• NODE_COUNT: Number of nodes in the animation.

• CONNECT_RADIUS: Radius within which nodes connect.

• SPARK_CHANCE: Probability of lightning sparks.

How to Use

1. Open index.html in a browser.

2. Use the collapsible menu to adjust parameters.

3. Click buttons to regenerate nodes or reset configurations.

File Structure

• index.html: Main file containing the canvas animation and UI logic.

• README.md: Documentation for the project.

Future Enhancements

• Save presets for configurations.

• Export settings to a file.

• Additional visual effects and interactivity.

License

This project is open-source and available under the MIT License.

Author

This project was created by TranDat1114.