JSFiddle - React, Tailwind, and code Playground

by tJener

HTML

<script src="https://github.com/downloads/GradientStudios/bump.js/bump-0.1.0.min.js"></script>

JavaScript

var NUM_STEPS = 10;

var a = Bump.Quaternion.create(0,  1, 0, 0.03);
var b = Bump.Quaternion.create(0, -1, 0, 0.03);

var i;
var lerps = [];
for(i = 0; i < NUM_STEPS; ++i) {
    var t = 1 / (NUM_STEPS - 1) * i;
    lerps.push( a.slerp(b, t) );
}

for(i = 0; i < NUM_STEPS - 1; ++i) {
    var angle = lerps[i].angle( lerps[i + 1] );
    $('<p>').text(angle).appendTo( $('body') );
}