Weekly Before And After

    With Star Trek Online coming to console this fall, we're adding in a host of new lighting technologies significantly improving the visual quality of the game. Our deferred lighting, light probes, and improvements to our High Dynamic Range system help provide a more realistic lighting. With these new changes coming, every week we will post a before and after shot showcasing an area of the game so that you can see the progress that the team is making in updating the game’s graphics and lighting.



    Aboard Deep Space Nine, Morn can’t stop talking about how much he likes the new lighting in Quark’s Bar! The updated lighting here really brings this famous location on Deep Space Nine to life.




    .share-footer a {
    margin: 20px 10px 10px 0;
    background: url(http://images-cdn.perfectworld…157ae31ec5b1466398539.png) no-repeat 0 0;
    opacity: .5;
    display: inline-block;
    height: 60px;
    width: 60px;
    padding: 0;
    border: 1px solid transparent;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    }
    .share-footer .TI { background-position: 0 20%; }
    .share-footer .YT { background-position: 0 40%; }
    .share-footer .YT { background-position: 0 40%; }
    .share-footer .TW { background-position: 0 60%; }
    .share-footer .FO { background-position: 0 80%; }
    .FB:hover { background-position: 100% 0%; }
    .TI:hover { background-position: 100% 20%; }
    .YT:hover { background-position: 100% 40%; }
    .TW:hover { background-position: 100% 60%; }
    .FO:hover { background-position: 100% 80%; }
    .share-footer a:hover {
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    }



    $(document).ready( function() {
    $('.show-lightbox').click(function() {
    var $el = $(this);
    var link = $el.data().lightbox;
    $.colorbox({href: link, maxWidth: '90%', maxHeight: '90%', scalePhotos: true});
    });
    });


    .before_after_slider img {
    max-width: none;
    }


    .before_after_slider {
    position: relative;
    width: 100%;
    overflow: hidden;

    }
    .before {
    position: absolute;
    z-index: 2;
    overflow: hidden;
    }




    var $before = $('.before'),
    $after = $('.after');
    img_width = $('.before img').width(),
    init_split = Math.round(img_width/2);

    $before.width(init_split);


    $('.before_after_slider').mousemove(function(e){
    var offX = (e.offsetX || e.clientX - $before.offset().left);
    $before.width(offX)
    });


    var doResize = function doResize() {
    var width = $('.before_after_slider').outerWidth();
    $after.find('img').width(width);
    $before.find('img').width(width);
    };


    // On init, check resize;
    doResize();
    $(window).on('resize', doResize);