{"id":27863122,"url":"https://github.com/jayexdesigns/custom-particles-wallpaper","last_synced_at":"2025-05-04T20:44:00.178Z","repository":{"id":205533668,"uuid":"364679573","full_name":"JayexDesigns/custom-particles-wallpaper","owner":"JayexDesigns","description":"A JavaScript canvas animation of particles","archived":false,"fork":false,"pushed_at":"2024-07-21T23:32:07.000Z","size":38394,"stargazers_count":4,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-05-02T10:11:33.178Z","etag":null,"topics":["animation","particles","wallpaper","wallpaper-engine"],"latest_commit_sha":null,"homepage":"","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/JayexDesigns.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":"2021-05-05T19:03:49.000Z","updated_at":"2024-07-21T23:32:10.000Z","dependencies_parsed_at":null,"dependency_job_id":"c96cd9a1-e04b-466a-8480-8c59008895a0","html_url":"https://github.com/JayexDesigns/custom-particles-wallpaper","commit_stats":null,"previous_names":["jayexdesigns/particles-background","jayexdesigns/custom-particles-wallpaper"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayexDesigns%2Fcustom-particles-wallpaper","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayexDesigns%2Fcustom-particles-wallpaper/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayexDesigns%2Fcustom-particles-wallpaper/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/JayexDesigns%2Fcustom-particles-wallpaper/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/JayexDesigns","download_url":"https://codeload.github.com/JayexDesigns/custom-particles-wallpaper/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":252399474,"owners_count":21741667,"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":["animation","particles","wallpaper","wallpaper-engine"],"created_at":"2025-05-04T20:43:59.603Z","updated_at":"2025-05-04T20:44:00.164Z","avatar_url":"https://github.com/JayexDesigns.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch3 align=\"center\"\u003e\u003cimg src='./assets/preview.gif' width='15%'\u003e\u003c/h3\u003e\n\u003ch1 align=\"center\"\u003eParticles Background\u003c/h1\u003e\n\u003cp align=\"center\"\u003eThis animation features randomly moving particles connecting to other particles\u003c/p\u003e\n\u003cbr/\u003e\n\u003ch2\u003eInfo\u003c/h2\u003e\n\u003cp\u003eIf you clone or download this repository all you have to do to see the animation is drag the file named \"index.html\" to your browser, if you want to change the settings edit the file named \"config.js\" with your preferred plain text editor.\u003c/p\u003e\n\u003cbr/\u003e\n\u003ch2\u003eOBS\u003c/h2\u003e\n\u003cp\u003eYou can actually use this animation for your OBS background or overlays, although take in mind that this is not an image or a video, it can consume a lot of processing power depending on the quantity of particles you put. To add it to OBS is simple, just drag the \"index.html\" file to your sources section or add a browser source that points to that file, if you change anything you will have to press the refresh button on the source.\u003c/p\u003e\n\u003cbr/\u003e\n\u003ch2\u003eWallpaper Engine\u003c/h2\u003e\n\u003cp\u003eAlso one of the purposes for this animation is the possibility of having it as a wallpaper, that's why I added it to Wallpaper Engine where you can customize it however you want easily. Also, the wallpaper got approved by the developers, the link is down below.\u003c/p\u003e\n\u003cbr/\u003e\n\u003ch2 align=\"center\"\u003e\u003ca href=\"https://jayexdesigns.github.io/custom-particles-wallpaper/\"\u003eTRY IT!\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u0026nbsp;\u003ca href=\"https://steamcommunity.com/sharedfiles/filedetails/?id=2479991313\"\u003eWALLPAPER\u003c/a\u003e\u003c/h2\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjayexdesigns%2Fcustom-particles-wallpaper","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjayexdesigns%2Fcustom-particles-wallpaper","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjayexdesigns%2Fcustom-particles-wallpaper/lists"}