Skip to content

Latest commit

 

History

History

creepyface-tilt

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
src
src
 
 
test
test
 
 
.babelrc
.babelrc
 
 
README.md
README.md
 
 
example.gif
example.gif
 
 
package.json
package.json
 
 
rollup.config.js
rollup.config.js
 
 
tsconfig.json
tsconfig.json
 
 

README.md

Creepyface Tilt · GitHub license npm version

A point provider for Creepyface to make your face follow the tilt of your device.

Example animated gif of a face looking at the tilt

Usage

<script src="https://creepyface.io/creepyface.js"></script>
<script src="https://unpkg.com/creepyface-tilt"></script>

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

Run this example on codepen.

Developing

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