🎨 Creative-Coding-

A collection of interactive, generative, and visual coding experiments built with p5.js.

Welcome to my Creative Coding repository! This project serves as a digital sketchbook where code meets art. All the activities and experiments here are crafted using p5.js, a JavaScript library focused on making coding accessible for artists, designers, and educators.

---

📁 Project Directory & Activities

This repository explores various concepts of computer graphics, animation, and interactivity. Here is a detailed breakdown of the experiments included:

• Alien
  • Generative character design using algorithmic shapes to create animated or static extraterrestrial figures.
• Audio Visualization
  • Projects that utilize the p5.sound library to map audio frequencies and amplitudes to real-time visual graphics.
• Car
  • Explorations in basic 2D physics, motion, and object-oriented programming to animate and control a vehicle on the canvas.
• Data Visualization
  • Transforming raw datasets into compelling visual narratives using geometric mapping and color theories.
• Game
  • Interactive web-based mini-games showcasing logic, state management, collision detection, and user input handling.
• Interactve Art (Interactive Art)
  • Generative canvases that respond dynamically to user interactions such as clicks, drags, and keyboard inputs.
• Mouse Trials (Mouse Trails)
  • Particle systems and kinetic shapes programmed to follow the user's cursor, creating beautiful, fading visual trails.
• Simple Pattern
  • Mathematical art utilizing loops (for/while) and trigonometry to generate mesmerizing geometric tessellations and repeating patterns.
• Typography
  • Kinetic typography experiments manipulating text, fonts, and letterforms dynamically across the screen.
• Work with Images
  • Pixel manipulation and image processing, including custom filters, masking, and extracting color data from loaded images.

---

🛠️ Technologies Used

• Language: JavaScript (ES6+)
• Library: p5.js
• Environment: HTML5 Canvas

---

👨‍💻 Author

Mohammed Faisal, GitHub: @mohamfaisal

P5.js Sketches Link: https://editor.p5js.org/faisalferoz2005/sketches

🚀 Getting Started

Since these projects are built with vanilla web technologies and p5.js, running them locally is incredibly simple.

1. Clone the Repository

git clone [https://github.com/mohamfaisal/Creative-Coding-.git](https://github.com/mohamfaisal/Creative-Coding-.git)
cd Creative-Coding-