{"id":16516724,"url":"https://github.com/adamspannbauer/p5js_intro","last_synced_at":"2026-05-12T10:32:17.582Z","repository":{"id":83432163,"uuid":"233896087","full_name":"AdamSpannbauer/p5js_intro","owner":"AdamSpannbauer","description":null,"archived":false,"fork":false,"pushed_at":"2020-01-15T20:34:41.000Z","size":2302,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-03-02T18:19:46.064Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/AdamSpannbauer.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2020-01-14T17:23:45.000Z","updated_at":"2020-01-15T20:34:43.000Z","dependencies_parsed_at":null,"dependency_job_id":"56ce7bf1-f4e2-4e7e-baaf-7d1641798a6f","html_url":"https://github.com/AdamSpannbauer/p5js_intro","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/AdamSpannbauer/p5js_intro","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdamSpannbauer%2Fp5js_intro","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdamSpannbauer%2Fp5js_intro/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdamSpannbauer%2Fp5js_intro/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdamSpannbauer%2Fp5js_intro/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/AdamSpannbauer","download_url":"https://codeload.github.com/AdamSpannbauer/p5js_intro/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/AdamSpannbauer%2Fp5js_intro/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32934477,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-12T09:19:52.626Z","status":"ssl_error","status_checked_at":"2026-05-12T09:17:33.438Z","response_time":102,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":[],"created_at":"2024-10-11T16:26:23.958Z","updated_at":"2026-05-12T10:32:17.567Z","avatar_url":"https://github.com/AdamSpannbauer.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# First p5.js sketch\n\nFirst attempt at creating an animation with p5js, I tried to recreate the below effect without reading any documentation on how it's done.  Got kinda close-ish I guess...\n\nUpdate: I read some documentation on the original:\n\n* What the original did (circular motion that looks linear): use a circle with diameter equal tot the radius of the larger circle.  Move the inner circle around the inside of the larger circle.  The eight equally spaced points around the inner circle happen to fall on the straight lines.\n* What I did (linear motion that looks circular): create lines for small circles to move along and hope it lines up well to look like a circle.\n\nGoing to try and make a v2 following the original's outline.\n\n### What I made (v2; code in [circular_motion](circular_motion) dir):\n\n\u003cp align='center'\u003e\n  \u003cimg src='readme/success.gif', width='40%'\u003e\n\u003c/p\u003e\n\n### What I made (v1; code in [linear_motion](linear_motion) dir):\n\n\u003cp align='center'\u003e\n  \u003cimg src='readme/failure.gif', width='40%'\u003e\n\u003c/p\u003e\n\n### What I wanted to make:\n\n\u003cp align='center'\u003e\n  \u003cimg src='https://thumbs.gfycat.com/RedLimpChimneyswift-size_restricted.gif', width='60%'\u003e\n\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadamspannbauer%2Fp5js_intro","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadamspannbauer%2Fp5js_intro","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadamspannbauer%2Fp5js_intro/lists"}