"When you look into the abyss, the abyss looks back at you."
Abyss is an interactive drawing application that allows you to create beautiful abstract art directly in your browser. Built with HTML Canvas, CSS, and JavaScript, it offers an intuitive interface with powerful customization options.
- Dynamic Line Width: Toggle automatic line width changes or set it manually
- Width Control: Specify maximum line width when automatic mode is enabled
- Color Options: Use automatic color transitions or select your own with HSL controls
- Drawing Modes:
- Connect Points: Create straight lines between clicks
- Shadow Mode: Add depth with a multiply effect
- User Interface: Toggle the controls panel with spacebar for distraction-free drawing
Check out the live demo: Abyss Drawing App
No installation required! Simply clone the repository and open index.html in your browser:
git clone https://github.com/codigoisaac/abyss.git
cd abyss
# Open index.html in your browser- Open the application in your browser
- Use your mouse to draw on the canvas
- Customize your drawing experience using the control panel:
- Toggle automatic line width and set maximum values
- Enable/disable automatic color changes
- Adjust HSL color values manually
- Enable connected points for straight-line drawing
- Toggle shadow effect for interesting visual results
- Press the spacebar to hide/show controls
- Automatic Line Width: Toggle to enable dynamic line width that changes as you draw
- Line Width: Manually set the width of your drawing line
- Maximum Line Width: Set the upper limit for automatic line width changes
- Automatic Color: When enabled, color will cycle through the spectrum as you draw
- HSL Controls: Manually adjust Hue, Saturation, and Lightness values
- Connect Points: When enabled, creates straight lines between mouse clicks
- Shadow: Adds a multiply effect to overlapping lines
- Spacebar: Toggle visibility of the control panel
Abyss works in all modern browsers that support HTML5 Canvas.
Contributions are welcome! Feel free to submit a Pull Request.
This project is licensed under the GNU General Public License v3.0 - see the LICENSE file for details.
Created by Isaac Muniz