Food4Thoth

🌀 Draw With Fractals

📌 Overview

Draw With Fractals is an interactive web-based application that allows users to create fractal-based digital artwork in real-time. By clicking or dragging on the canvas, users can generate unique fractal designs based on mouse coordinates, system time, and selected parameters.

This project is part of Food4Thoth, a digital creative space that blends art, mysticism, and technology.

🚀 Features

🎨 Fractal Generation: Create flow fields, spirals, branching trees, Julia sets, Mandelbrot sets, labyrinth patterns, and Barnsley ferns.
🖌️ Interactive Drawing: Use mouse movements or touch gestures to influence fractal patterns dynamically.
📐 Customizable Parameters: Adjust symmetry, canvas size, depth, iteration counts, and more.
📷 Save Fractals: Option to store generated images in a personal gallery.
🎞️ GIF Creation: Convert saved fractal images into an animated GIF.
🌗 Dark Mode: Toggle between light and dark themes.
🌈 Cyberpunk-Inspired UI: Neon aesthetics and a vibrant color scheme.

🔧 How It Works

1️⃣ Controls & Customization

Canvas Size: Choose from multiple resolution options.
Symmetry: Select the level of fractal symmetry for unique variations.
Fractal Type: Pick from different fractal styles.
Additional Adjustments:
Tree Depth (for branching fractals)
Spiral Factor (for spiral fractals)
Iteration Limits (for Julia and Mandelbrot sets)

2️⃣ Interaction

Click & Drag: Draw fractals with mouse movements.
Touch Controls: Create fractals via touch gestures on mobile.

3️⃣ Saving & GIF Export

Gallery: Save multiple fractals and view them in the built-in gallery.
GIF Export: Combine fractals into an animate GIF with adjustable frame delay, quality, and size.

📂 Project Structure

/DrawingFractals
│── index.html # Main HTML structure
│── styles.css # Cyberpunk-themed styling
│── script.js # Main fractal generation logic
│── nav_script.js # Navigation controls
│── lib/gif.js # GIF creation library
│── lib/gif.worker.js # Worker script for GIF processing
│── README.md # This file

📜 Dependencies

This project uses:

JavaScript Canvas API – For rendering fractals.
GIF.js – To generate GIFs from fractals (lib/gif.js, lib/gif.worker.js).
CSS3 Animations – For dynamic UI effects.

🎨 Customization

Modify styles.css to change the aesthetic (e.g., colors, animations). To add new fractal algorithms, extend script.js in the drawFractal() function.

💡 Philosophy & Vision

This project aligns with the Food4Thoth initiative:

Creativity – Merging art with algorithmic design.
Exploration – Encouraging users to experiment with fractal structures.
Community – Providing tools for artistic expression and collaboration.

🤝 Contributions

We welcome contributions! Follow these steps:

Fork the repository.
Create a feature branch:

git checkout -b feature-new-fractal

Commit your changes:

git commit -m “Added a new fractal type”

Push to your branch:

git push origin feature-new-fractal

Submit a pull request for review.

🌍 Connect & Support

If you enjoy this project, consider supporting Food4Thoth:

Drawing With Fractals

Example Gif

🌌 Philosophy and Vision

Food4Thoth is inspired by the principles of its namesake, Thoth:

Creativity: A celebration of art, imagination, and innovation.
Exploration: Encouraging curiosity and the pursuit of knowledge.
Community Building: Connecting individuals through shared resources and mutual support.
Playfulness: Balancing deep inquiry with interactive and fun experiences.

The platform is a digital garden where ancient wisdom meets modern innovation.

✨ Why Visit Food4Thoth?

Diverse Offerings: Content that caters to various interests, from art and mysticism to community activism.
Interactive Tools: Explore engaging applications like calculators, games, and divination apps.
Community Engagement: Opportunities for collaboration and connection through artistic and social projects.
Inspiration: A space to spark curiosity, reflection, and joy.

🤝 Support and Contributions

Your contributions help support innovative projects like the Rainbow Glo-Calculato, community gardens, and esoteric tools, ensuring Food4Thoth continues to thrive.

Donation Options

Traditional Payments:

PayPal
Venmo

Cryptocurrency:

Ethereum (ETH) & ERC-20 Tokens:
0x900e8f0d397048fD946b05553DeD5Ed3D5e4f1a0
Bitcoin (BTC):
bc1qcsa7ffef296pp9hkrn03p9wu7lt0fm3s2sz0wp
Ethereum Classic (ETC):
0xEb3C0e08868ACB0f515442579333c41E7a34F215
Solana (SOL):
B7nCFQs6HkFAvkz1wEUiPpM4Cj7G6FJNYQ7Avrt6a4cm
Ripple (XRP):
Address: <div class="wrap">rEAKseZ7yNgaDuxH74PkqB12cVWohpi7R6</div> Memo: 3109966062
Dogecoin (DOGE):
DP2e6J8NbUzswLtBw8ou2xYz4BinyzgU7n
Cardano (ADA):
addr1qxqgjp4h4vh4pxrg7jur8m96lzf5w98cahfflrw376qhufgg6h5us0avc20ee2azzun58lgylyl54sjr6y9efwq86krs3ladtw
Bitcoin Cash (BCH):
bitcoincash:qpu93py8j8ykcf7m6tmau2hldefl67t9lydw8afsa5
Stellar Lumens (XLM):
Address: <div class="wrap">GB2ES2N326MZK4EGJBKN3ZARCQ5RTFQSAWIJAAKFVIIIJSCC35TXIMLB</div> Memo: 2967141893
Litecoin (LTC):
ltc1qklestxa5shsym0gmuqmv2xewp56cst58vmhggl
Tezos (XTZ):
tz1guFykj1dQAyiGH7g5YJVZzaGdoTWeMK81

💡 Wallets

Coinbase Wallet:

0x30D47A5815D94040291a819B8E39765AA09d44A8

Metamask Wallet:
0x30D47A5815D94040291a819B8E39765AA09d44A8
VeWorld Wallet:
0x020a79559990145e2f7d48c5771b233399b30bee
Anchor Wallet:
artabilly.gm

🔗 Explore the Food4Thoth Hub

Visit the Food4Thoth portal and begin your journey through creativity, mysticism, and connection.

💌 Contact

For inquiries or feedback:

Email: food4thoth@proton.me

🎉 Acknowledgments

Food4Thoth represents the collective effort of artists, mystics, and community builders. Thank you to all contributors and supporters who make this digital garden flourish.

Join us and explore the endless possibilities of Food4Thoth!

⚡ Credits

Designed, coded, and curated by DeJahn under Artabillies & FOOD4THOTH.

📝 License

Happy fractal drawing! 🎨✨