Simulation of a star-filled sky using JS and CSS, to be used as a background
MIT License
Take a look at the night sky, right here in your browser. This module adds some pretty looking stars to your html document's background, complete with
You can find a demo of this module by navigating your browser to ./dist/index.html
the quality is quite poor due to this being a GIF image
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/p5.js"></script>
to your html page's <head>
<script src="https://cdn.jsdelivr.net/npm/@nout-kleef/starry-night@2/dist/starry-night.min.js"></script>
to your html page's <head>
https://cdn.jsdelivr.net/npm/@nout-kleef/starry-night@2/dist/img/stars-sprite-12.png
, which holds the stars' imagesnote: you should probably move these files from node_modules
to your public_html
folder first, using Gulp, Grunt etc.
2) add node_modules/@nout-kleef/starry-night/dist/starry-night.min.js
as a script to your html page's <head>
3) copy/load node_modules/@nout-kleef/starry-night/dist/img/stars-sprite-12.png
sudo npm install
gulp
python -m SimpleHTTPServer
(only way to fetch the assets is over http(s))http://0.0.0.0:8000/dist/
or something similar - see terminal