{"id":18967151,"url":"https://github.com/gurjeetsinghvirdee/canvas-art-generator-in-javascript","last_synced_at":"2025-09-05T18:32:19.135Z","repository":{"id":103786862,"uuid":"550089305","full_name":"gurjeetsinghvirdee/Canvas-Art-Generator-in-JavaScript","owner":"gurjeetsinghvirdee","description":"This repository houses a collection of JavaScript scripts designed to generate captivating canvas art. By leveraging HTML5 canvas functionality, these scripts produce mesmerizing fractal patterns and intricate shapes, providing users with a dynamic and interactive platform for artistic expression.","archived":false,"fork":false,"pushed_at":"2024-02-26T20:32:14.000Z","size":3544,"stargazers_count":2,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-11-08T14:48:54.298Z","etag":null,"topics":["canvas","fract","generative-art","interactive","javascript","shapes"],"latest_commit_sha":null,"homepage":"https://gurjeetsinghvirdee.github.io/Canvas-Art-Generator-in-JavaScript/","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/gurjeetsinghvirdee.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}},"created_at":"2022-10-12T07:30:02.000Z","updated_at":"2024-02-26T20:35:15.000Z","dependencies_parsed_at":null,"dependency_job_id":"42e7b64e-1f07-4ea4-b5ea-68dad77dc1e2","html_url":"https://github.com/gurjeetsinghvirdee/Canvas-Art-Generator-in-JavaScript","commit_stats":null,"previous_names":["gurjeetsinghvirdee/canvas-art-generator-in-javascript"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gurjeetsinghvirdee%2FCanvas-Art-Generator-in-JavaScript","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gurjeetsinghvirdee%2FCanvas-Art-Generator-in-JavaScript/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gurjeetsinghvirdee%2FCanvas-Art-Generator-in-JavaScript/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/gurjeetsinghvirdee%2FCanvas-Art-Generator-in-JavaScript/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/gurjeetsinghvirdee","download_url":"https://codeload.github.com/gurjeetsinghvirdee/Canvas-Art-Generator-in-JavaScript/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":232053646,"owners_count":18465909,"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":["canvas","fract","generative-art","interactive","javascript","shapes"],"created_at":"2024-11-08T14:39:42.040Z","updated_at":"2025-09-05T18:32:19.124Z","avatar_url":"https://github.com/gurjeetsinghvirdee.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003c!-- GitAds-Verify: ULP9DYQ878SWJWSSJ1K5Q79NDG21YEGG --\u003e\n\n# Canvas Art Generator in JavaScript\n\nThis JavaScript project provides a versatile canvas art generator capable of creating mesmerizing fractal patterns and intricate shapes. With three distinct scripts - `fractal.js`, `fractal_branch.js`, and `star_shape.js` - users can effortlessly generate stunning visual effects on the canvas.\n\n## Usage\n\n1. **HTML Setup**: Ensure your HTML file includes a canvas element:\n   ```html\n   \u003ccanvas id=\"canvas1\"\u003e\u003c/canvas\u003e\n   \u003cbutton id=\"randomizeButton\"\u003eRandomize\u003c/button\u003e\n   ```\n\n2. **Script Inclusion**: Include the JavaScript files in your HTML file:\n   ```html\n   \u003cscript src=\"fractal.js\"\u003e\u003c/script\u003e\n   \u003cscript src=\"fractal_branch.js\"\u003e\u003c/script\u003e\n   \u003cscript src=\"star_shape.js\"\u003e\u003c/script\u003e\n   ```\n\n3. **Run**: Open the HTML file in a compatible web browser.\n\n4. **Interact**: Click the \"Randomize\" button to generate diverse fractal patterns.\n\n## Scripts Overview\n\n### 1. `fractal.js`\n\n- **Description**: Generates fractal patterns with branches.\n- **Features**:\n  - Control depth, number of branches, scale, spread, color, and line width.\n  - Provides a button to randomize pattern.\n\n### 2. `fractal_branch.js`\n\n- **Description**: Renders fractal patterns with branches.\n- **Features**:\n  - Customize size, number of sides, maximum level, scale, spread, and branches.\n  - Renders pattern directly on window load.\n\n### 3. `star_shape.js`\n\n- **Description**: Draws intricate star-shaped patterns.\n- **Features**:\n  - Customize size, number of sides, and rotation.\n  - Renders shape directly on window load.\n\n## Customization\n\n- **Parameter Adjustments**: Modify parameters like size, sides, level, scale, spread, color, and line width within each script.\n- **HTML Modifications**: Adjust canvas dimensions or add controls as needed.\n\n## Compatibility\n\n- Ensure compatibility with modern web browsers supporting HTML5 canvas and JavaScript.\n- Responsive design adapts canvas to different screen sizes.\n\n## Notes\n\n- Utilizes HTML5 canvas API for dynamic shape rendering.\n- \"Randomize\" button allows users to explore various fractal patterns.\n\nFeel free to explore and modify the scripts to unleash your creativity and craft captivating canvas art!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgurjeetsinghvirdee%2Fcanvas-art-generator-in-javascript","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fgurjeetsinghvirdee%2Fcanvas-art-generator-in-javascript","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fgurjeetsinghvirdee%2Fcanvas-art-generator-in-javascript/lists"}