$('element').velocity({translateX: 100}, 300, function () {
          // Maybe do some more animation here.
        })
      

        var renderer = new PIXI.WebGLRenderer(800, 600);

        document.body.appendChild(renderer.view);

        var stage = new PIXI.Stage();

        var someTexture = PIXI.Texture.fromImage('image.png');
        var sprite = new PIXI.Sprite(someTexture);

        stage.addChild(sprite);

        requestAnimationFrame(function animate() {
          renderer.render(stage);
          requestAnimationFrame(animate);
        });
      

        // Will hold our list of abstract 3D objects.
        var scene = new THREE.Scene();

        // An absract helper object to generate the matrix to help position
        // vertices in such a way that we get the illusion of a 3D object given
        // some perspective.
        var camera = new THREE.PerspectiveCamera(
          75, window.innerWidth / window.innerHeight, 0.1, 1000
        );

        // This is where the David Blaine will happen.
        var renderer = new THREE.WebGLRenderer();
        renderer.setSize(window.innerWidth, window.innerHeight);
        document.body.appendChild(renderer.domElement);

        // Represents the vertices that will comprise a cube.
        var geometry = new THREE.BoxGeometry(1, 1, 1);

        // Tells WebGL on how we are going to draw the "fragments" of our cube.
        var material = new THREE.MeshBasicMaterial({color: 0xFFFFFF, wireframe: true});

        // Just an abstract 3D object.
        var cube = new THREE.Mesh(geometry, material);
        scene.add(cube);

        camera.position.z = 5;

        requestAnimationFrame(function animate() {
          cube.rotation.x = Date.now()*0.001;
          cube.rotation.y = Date.now()*0.001;

          renderer.render(scene, camera);
          requestAnimationFrame(animate);
        });