🎨 Pareidoodles

An experimental web app where playful, generative doodles emerge from patterns — inspired by pareidolia, the tendency to see shapes in randomness.

---

🖼 Preview

---

⚙️ Getting Started

These instructions will get your project running locally.

# 1. Clone the repo
git clone https://github.com/suzubu/pareidoodles.git

# 2. Navigate into the project folder
cd pareidoodles

# 3. Install dependencies
npm install

# 4. Run the app
npm run dev

Built with:

• Vite
• p5.js
• JavaScript
• WebGL (for rendering experiments)

---

✨ Features

• 🎨 Generative doodles that play with randomness and perception
• 👁️ Inspired by pareidolia — seeing faces and shapes in patterns
• ⚡ Fast iteration powered by Vite
• 🌗 Modular structure for expanding creative experiments

---

💡 Dev Notes

• p5.js handles rendering and doodle generation
• Configurable parameters for doodle randomness
• Organized into src/ and public/ for clarity
• media/ stores preview gifs and screenshots

---

📚 Inspiration / Credits

This project was inspired by:

• @marcellovelho
• The concept of pareidolia in art and perception
• Generative art practices in the creative coding community
• Works from The Coding Train and Shadertoy

---

🧪 Known Issues

• ❌ Some doodles may appear repetitive depending on seed
• 🔍 Mobile rendering performance may vary

---

🔭 Roadmap / TODO

• Add interactive controls for doodle generation
• Export doodles as images or GIFs
• Add color palettes and style themes
• Expand beyond 2D into light WebGL shaders

---

📂 Folder Structure

pareidoodles/
    index.html
    vite.config.js
    public/
    .gitignore
    package-lock.json
    package.json
    eslint.config.js
    .git/
    media/
    src/

---

📜 License

MIT — feel free to use and adapt!

---

🙋‍♀️ Author

Made with ☕ + 🎧 by suzubu