Logo.js

define(function (require, exports, module) {
    var View = require('samsara/core/View');
    var Transform = require('samsara/core/Transform');
    var Transitionable = require('samsara/core/Transitionable');
    var Wedge = require('./Wedge');

    var App = View.extend({
        defaults: {
            sides: 6
        },
        initialize: function (options) {

            this.swivel = new Transitionable(0);

            var centerNode = this.add({align: [.5, .5]});

            var rotation = 0;
            for (var index = 0; index < options.sides; index++) {
                var wedge = new Wedge({
                    angle: 2 * Math.PI / options.sides
                });

                wedge.input.subscribe(this.swivel);

                centerNode
                    .add({transform: Transform.rotateZ(rotation)})
                    .add(wedge);

                rotation += 2 * Math.PI / options.sides;
            }
        },

        play: function () {
            this.swivel.loop([
                [4 * Math.PI, {duration: 30000, curve: 'easeInOut'}],
                [0, {duration: 30000, curve: 'easeInOut'}]
            ]);
        },

        pause: function () {
            this.swivel.halt();
        }
    });

    module.exports = App;
});