three60()

A super simple Javascript method that creates a nice spinnable 360 with inertia. It works fine on mobile and desktop.

Usage

HTML (image elements into container)

<div id="hat">
   <div class="loading"></div>
</div>

HTML (canvas)

<canvas id="hat" width="500" height="500"></canvas>

Javascript

var hat;
hat = new three60();
hat.init("hat", "./hat/frame-{i}.jpg", 72);

The first argument is the container id, the second is the path to the pool of images and the third one is the total number of images (or frames). The "{i}" in the second parameter represents the number on the image's name, in this case it's from 1 to 72.

Demo

http://juancabrera.github.io/three60/

License

MIT Copyright (c) Juan Cabrera