{"id":15070136,"url":"https://github.com/nout-kleef/starry-night","last_synced_at":"2026-01-02T09:45:02.352Z","repository":{"id":48003269,"uuid":"192990121","full_name":"nout-kleef/starry-night","owner":"nout-kleef","description":"Simulation of a star-filled sky using JS and CSS, to be used as a background","archived":false,"fork":false,"pushed_at":"2022-12-09T07:09:38.000Z","size":19908,"stargazers_count":0,"open_issues_count":10,"forks_count":0,"subscribers_count":0,"default_branch":"master","last_synced_at":"2025-01-22T21:17:14.381Z","etag":null,"topics":["animation","art","css","js","simulation","star","stars","website"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/@nout-kleef/starry-night","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/nout-kleef.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}},"created_at":"2019-06-20T21:33:46.000Z","updated_at":"2019-12-21T01:10:20.000Z","dependencies_parsed_at":"2023-01-25T18:46:32.585Z","dependency_job_id":null,"html_url":"https://github.com/nout-kleef/starry-night","commit_stats":null,"previous_names":[],"tags_count":9,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nout-kleef%2Fstarry-night","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nout-kleef%2Fstarry-night/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nout-kleef%2Fstarry-night/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/nout-kleef%2Fstarry-night/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/nout-kleef","download_url":"https://codeload.github.com/nout-kleef/starry-night/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243847061,"owners_count":20357317,"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","art","css","js","simulation","star","stars","website"],"created_at":"2024-09-25T01:48:32.730Z","updated_at":"2026-01-02T09:45:02.310Z","avatar_url":"https://github.com/nout-kleef.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# starry-night\nTake a look at the night sky, right here in your browser.\nThis module adds some pretty looking stars to your html document's background, complete with\n* parallax scrolling\n* random flickering (Perlin noise)\n* dynamic rendering based on display size\nAll without serious effects on your website's performance.\n\n# demo\nYou can find a demo of this module by navigating your browser to `./dist/index.html`\n![demo gif showing starry-night module](demo-assets/starry-night.gif)\u003cbr\u003e\n\u003ci\u003ethe quality is quite poor due to this being a GIF image\u003c/i\u003e\n\n# dependency usage\n1) add `\u003cscript src=\"https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.js\"\u003e\u003c/script\u003e` to your html page's `\u003chead\u003e`\u003cbr\u003e\n    \u003ci\u003eto prevent the possibility of including p5.js twice, you must include it as a separate script (if you're not using it already)\u003c/i\u003e\n## load starry-night using JsDelivr CDN\n2) add `\u003cscript src=\"https://cdn.jsdelivr.net/npm/@nout-kleef/starry-night@2/dist/starry-night.min.js\"\u003e\u003c/script\u003e` to your html page's `\u003chead\u003e`\n3) load `https://cdn.jsdelivr.net/npm/@nout-kleef/starry-night@2/dist/img/stars-sprite-12.png`, which holds the stars' images\n## load starry-night using local file\n\u003ci\u003enote: you should probably move these files from `node_modules` to your `public_html` folder first, using Gulp, Grunt etc.\u003c/i\u003e\n2) add `node_modules/@nout-kleef/starry-night/dist/starry-night.min.js` as a script to your html page's `\u003chead\u003e`\n3) copy/load `node_modules/@nout-kleef/starry-night/dist/img/stars-sprite-12.png`\n\n# development usage\n1) `sudo npm install`\n2) `gulp`\n3) `python -m SimpleHTTPServer` (only way to fetch the assets is over http(s))\n4) navigate to `http://0.0.0.0:8000/dist/` or something similar - see terminal\n5) use either the demo page or your own project to make some improvements to this module!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnout-kleef%2Fstarry-night","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fnout-kleef%2Fstarry-night","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fnout-kleef%2Fstarry-night/lists"}