{"id":18936946,"url":"https://github.com/qc20/circular-mesh","last_synced_at":"2026-04-29T08:33:29.851Z","repository":{"id":246832097,"uuid":"822303815","full_name":"QC20/Circular-Mesh","owner":"QC20","description":"Circular Mesh Harmony is an interactive, generative art piece that explores the beauty of geometric patterns through motion and repetition. This project uses p5.js to create mesmerizing animations of concentric circles and arcs, resulting in complex, ever-changing designs.","archived":false,"fork":false,"pushed_at":"2025-01-20T09:27:54.000Z","size":663,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-20T10:33:10.952Z","etag":null,"topics":["creative-coding","css","html","interaction-design","interactive-visualizations","javascript","visualization"],"latest_commit_sha":null,"homepage":"https://qc20.github.io/Circular-Mesh/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/QC20.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-30T21:30:30.000Z","updated_at":"2025-01-20T09:27:55.000Z","dependencies_parsed_at":null,"dependency_job_id":"bd6dfe6f-5be1-4395-b673-b2c8b4317c57","html_url":"https://github.com/QC20/Circular-Mesh","commit_stats":null,"previous_names":["qc20/fireball"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QC20%2FCircular-Mesh","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QC20%2FCircular-Mesh/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QC20%2FCircular-Mesh/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/QC20%2FCircular-Mesh/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/QC20","download_url":"https://codeload.github.com/QC20/Circular-Mesh/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239937697,"owners_count":19721483,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["creative-coding","css","html","interaction-design","interactive-visualizations","javascript","visualization"],"created_at":"2024-11-08T12:09:22.894Z","updated_at":"2026-03-21T08:30:17.473Z","avatar_url":"https://github.com/QC20.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Circular Mesh Harmony\n\n![Circular Mesh Harmony Animation](/src/assets/img/mesh.png)\n\n## 🌀 About\n\nCircular Mesh Harmony is an interactive, generative art piece that explores the beauty of geometric patterns through motion and repetition. This project uses p5.js to create mesmerizing animations of concentric circles and arcs, resulting in complex, ever-changing designs.\n\n## 🎨 Features\n\n- **Dynamic Patterns**: Utilizes various geometric configurations to create diverse visual effects\n- **Responsive Design**: Adapts seamlessly to different screen sizes\n- **Minimalist Aesthetic**: Clean black and white color scheme for maximum visual impact\n- **Randomized Elements**: Ensures a unique experience with each viewing\n\n## 🛠 Tech Stack\n\n- HTML5\n- CSS3\n- JavaScript\n- [p5.js](https://p5js.org/)\n\n## 🚀 Quick Start\n\n1. Download the project files\n2. Open `index.html` in your favorite browser\n3. Sit back and enjoy the hypnotic dance of circles!\n\n## 🎭 Customization\n\nFeel free to experiment with the code to create your own unique patterns:\n\n- Modify the `comb` array in `sketch.js` to add new geometric configurations\n- Adjust the `step` and timing variables to change the animation speed and scale\n- Play with the stroke weight and color to achieve different visual effects\n\n## 🌈 Inspiration\n\nThis project draws inspiration from:\n\n- Kinetic art\n- Minimalist design principles\n- Mathematical patterns in nature\n\n## 🤝 Contributing\n\nGot an idea to make this even cooler? Contributions are welcome! Feel free to fork the project and submit a pull request with your enhancements.\n\n## 📜 License\n\nThis project is open source and available under the [MIT License](LICENSE).\n\n## 🎉 Acknowledgments\n\nSpecial thanks to the p5.js community for their fantastic library and ongoing inspiration.\n\n---\n\nCreated with ❤️ by [Your Name]","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqc20%2Fcircular-mesh","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fqc20%2Fcircular-mesh","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fqc20%2Fcircular-mesh/lists"}