creepyface

Creepyface is a little JavaScript library that makes your face look at the pointer.

Usage no npm install needed!

<script type="module">
  import creepyface from 'https://cdn.skypack.dev/creepyface';
</script>

README

Creepyface · npm version

Creepyface is a little JavaScript library that makes your face look at the pointer.

For the full documentation go to the root README.

See it in action at creepyface.io and create your own one using the wizard.

Example animated gif of a face looking at the pointer

Usage

<script src="https://creepyface.io/creepyface.js"></script>

<img
  data-creepyface
  src="https://creepyface.io/img/0/serious"
  data-src-hover="https://creepyface.io/img/0/hover"
  data-src-look-0="https://creepyface.io/img/0/0"
  data-src-look-45="https://creepyface.io/img/0/45"
  data-src-look-90="https://creepyface.io/img/0/90"
  data-src-look-135="https://creepyface.io/img/0/135"
  data-src-look-180="https://creepyface.io/img/0/180"
  data-src-look-225="https://creepyface.io/img/0/225"
  data-src-look-270="https://creepyface.io/img/0/270"
  data-src-look-315="https://creepyface.io/img/0/315"
/>

Developing

  • yarn dev will spin up a test page.
  • yarn build will generate the production scripts under the dist folder.