@putdotio/starry-night

Starry night animation.

Usage no npm install needed!

<script type="module">
  import putdotioStarryNight from 'https://cdn.skypack.dev/@putdotio/starry-night';
</script>

README

@putdotio/starry-night

Starry night animation drawn to canvas, made by Ates Goral

Usage (Demo)

// Browser
const PutioStarryNight = window.PutioStarryNight

// Webpack - Browserify
import PutioStarryNight from '@putdotio/starry-night'
<!-- Create a canvas element in HTML -->
<canvas id="starry-night"></canvas>

<!-- Initialize Starry Night! -->
<script>
  window.onload = function () {
    var canvas = document.getElementById('starry-night');

    var logo = new Image();
    logo.src = 'logo.png';

    logo.onload = function () {
      var config = new PutioStarryNight.Config();
      var model = new PutioStarryNight.Model(config);
      var view = new PutioStarryNight.View(model, canvas, logo, config);
      var controller = new PutioStarryNight.Controller(model, view, config);

      window.onresize = view.resize;
    };
  };
</script>