Extra Mask

humaan-logo-05.js

//Create the additional mask shapes and apply to the group
parts.tent_mask = paper.path( paths.small_tent ).attr({
    fill : '#fff'
});
logo_group.attr({
	mask : parts.tent_mask
});
 
//Hover animations
$('#logo').hover(function(){
    
    ...
    
    //Animate to the big tent mask
    parts.tent_mask.animate({
        path : paths.big_tent
    }, 800, mina.elastic );
    
}, function(){
    
    ...
    
    //Revert to the small tent mask
    parts.tent_mask.animate({
        path : paths.small_tent
    }, 800, mina.elastic );
});