🌿 Landscapes with p5.js – Generative Textures for Natural Systems

Live site: https://ldolanldolan.github.io/landscapes_p5js

This project explores the creation of natural textures, patterns, and visual systems using generative JavaScript art with p5.js. Inspired by environmental forms — rain, erosion, organic layering — each sketch harnesses random numbers, visual algorithms, and evolving code structures to mimic the look and feel of the natural world.

The sketches are designed to be used or adapted in contexts such as:

• 🌍 Energy studies and visual simulations
• 🌿 Environmental design & sustainability education
• 📊 Scientific outreach or climate data visualisation
• 🎨 Generative art installations and ambient motion pieces

---

✨ Live Sketches

Browse the running sketches at:
👉 ldolanldolan.github.io/landscapes_p5js

Current included systems:

• rain.js – Abstracted rainfall and kinetic vertical lines
• collage.js – Fragmented visual layering with natural blocks
• GenerativeSketchPad.js – Freer-form exploratory sketching interface

Use the buttons on the top-right to switch between sketches.

---

🎯 Purpose & Research Intent

This project began as an investigation into how randomness, noise, and visual probability can simulate:

• Natural motion
• Texture gradients
• Organic layering

By exploring how generative patterns can mimic natural forms, the goal is to create a visual toolset that might support:

• Environmental modelling
• Energy conservation research
• Green interface design
• And creative science communication

---

🛠 Built With

• p5.js – JavaScript library for creative coding
• JavaScript, HTML5, GitHub Pages

---

📚 Inspiration

• Nature-based systems
• Data-driven environmental design
• Ambient computation
• Energy studies and pattern recognition in sustainability contexts

---

🚀 How to Run Locally

git clone https://github.com/LDolanLDolan/landscapes_p5js.git
cd landscapes_p5js
open index.html